1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.1
  6 */
  7/** Styles for mdCalendar. */
  8md-calendar {
  9  font-size: 13px;
 10  -webkit-user-select: none;
 11     -moz-user-select: none;
 12      -ms-user-select: none;
 13          user-select: none; }
 14
 15.md-calendar-scroll-mask {
 16  display: inline-block;
 17  overflow: hidden;
 18  height: 308px; }
 19  .md-calendar-scroll-mask .md-virtual-repeat-scroller {
 20    overflow-y: scroll;
 21    -webkit-overflow-scrolling: touch; }
 22    .md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
 23      display: none; }
 24  .md-calendar-scroll-mask .md-virtual-repeat-offsetter {
 25    width: 100%; }
 26
 27.md-calendar-scroll-container {
 28  box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
 29  display: inline-block;
 30  height: 308px;
 31  width: 346px; }
 32
 33.md-calendar-date {
 34  height: 44px;
 35  width: 44px;
 36  text-align: center;
 37  padding: 0;
 38  border: none;
 39  box-sizing: content-box; }
 40  .md-calendar-date:first-child {
 41    padding-left: 16px; }
 42    [dir=rtl] .md-calendar-date:first-child {
 43      padding-left: 0;
 44      padding-right: 16px; }
 45  .md-calendar-date:last-child {
 46    padding-right: 16px; }
 47    [dir=rtl] .md-calendar-date:last-child {
 48      padding-right: 0;
 49      padding-left: 16px; }
 50  .md-calendar-date.md-calendar-date-disabled {
 51    cursor: default; }
 52
 53.md-calendar-date-selection-indicator {
 54  -webkit-transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 55  transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 56  border-radius: 50%;
 57  display: inline-block;
 58  width: 40px;
 59  height: 40px;
 60  line-height: 40px; }
 61  .md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
 62    cursor: pointer; }
 63
 64.md-calendar-month-label {
 65  height: 44px;
 66  font-size: 14px;
 67  font-weight: 500;
 68  padding: 0 0 0 24px; }
 69  [dir=rtl] .md-calendar-month-label {
 70    padding: 0 24px 0 0; }
 71  md-calendar-month .md-calendar-month-label:not(.md-calendar-month-label-disabled) {
 72    cursor: pointer; }
 73  .md-calendar-month-label md-icon {
 74    -webkit-transform: rotate(180deg);
 75            transform: rotate(180deg); }
 76    [dir=rtl] .md-calendar-month-label md-icon {
 77      -webkit-transform: none;
 78              transform: none; }
 79  .md-calendar-month-label span {
 80    vertical-align: middle; }
 81
 82.md-calendar-day-header {
 83  table-layout: fixed;
 84  border-spacing: 0;
 85  border-collapse: collapse; }
 86  .md-calendar-day-header th {
 87    height: 40px;
 88    width: 44px;
 89    text-align: center;
 90    padding: 0;
 91    border: none;
 92    box-sizing: content-box;
 93    font-weight: normal; }
 94    .md-calendar-day-header th:first-child {
 95      padding-left: 16px; }
 96      [dir=rtl] .md-calendar-day-header th:first-child {
 97        padding-left: 0;
 98        padding-right: 16px; }
 99    .md-calendar-day-header th:last-child {
100      padding-right: 16px; }
101      [dir=rtl] .md-calendar-day-header th:last-child {
102        padding-right: 0;
103        padding-left: 16px; }
104
105.md-calendar {
106  table-layout: fixed;
107  border-spacing: 0;
108  border-collapse: collapse; }
109  .md-calendar tr:last-child td {
110    border-bottom-width: 1px;
111    border-bottom-style: solid; }
112  .md-calendar:first-child {
113    border-top: 1px solid transparent; }
114  .md-calendar tbody, .md-calendar td, .md-calendar tr {
115    vertical-align: middle;
116    box-sizing: content-box; }
117
118/** Styles for mdDatepicker. */
119md-datepicker {
120  white-space: nowrap;
121  overflow: hidden;
122  padding-right: 18px;
123  margin-right: -18px;
124  vertical-align: middle; }
125  [dir=rtl] md-datepicker {
126    padding-right: 0;
127    padding-left: 18px; }
128  [dir=rtl] md-datepicker {
129    margin-right: auto;
130    margin-left: -18px; }
131
132.md-inline-form md-datepicker {
133  margin-top: 12px; }
134
135.md-datepicker-button {
136  display: inline-block;
137  box-sizing: border-box;
138  background: none;
139  vertical-align: middle;
140  position: relative; }
141  .md-datepicker-button:before {
142    top: 0;
143    left: 0;
144    bottom: 0;
145    right: 0;
146    position: absolute;
147    content: '';
148    speak: none; }
149
150.md-datepicker-input {
151  font-size: 14px;
152  box-sizing: border-box;
153  border: none;
154  box-shadow: none;
155  outline: none;
156  background: transparent;
157  min-width: 120px;
158  max-width: 328px;
159  padding: 0 0 5px; }
160  .md-datepicker-input::-ms-clear {
161    display: none; }
162
163._md-datepicker-floating-label > md-datepicker {
164  overflow: visible; }
165  ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
166    border: none; }
167  ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
168    float: left;
169    margin-top: -2.5px; }
170    [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
171      float: right; }
172
173._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
174  right: 18px;
175  left: auto;
176  width: calc(100% - 84px); }
177  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
178    right: auto; }
179  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
180    left: 18px; }
181
182._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
183  margin-left: 64px; }
184  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
185    margin-left: auto;
186    margin-right: 64px; }
187
188.md-datepicker-input-container {
189  position: relative;
190  border-bottom-width: 1px;
191  border-bottom-style: solid;
192  display: inline-block;
193  width: auto; }
194  .md-icon-button + .md-datepicker-input-container {
195    margin-left: 12px; }
196    [dir=rtl] .md-icon-button + .md-datepicker-input-container {
197      margin-left: auto;
198      margin-right: 12px; }
199  .md-datepicker-input-container.md-datepicker-focused {
200    border-bottom-width: 2px; }
201
202.md-datepicker-is-showing .md-scroll-mask {
203  z-index: 99; }
204
205.md-datepicker-calendar-pane {
206  position: absolute;
207  top: 0;
208  left: -100%;
209  z-index: 100;
210  border-width: 1px;
211  border-style: solid;
212  background: transparent;
213  -webkit-transform: scale(0);
214          transform: scale(0);
215  -webkit-transform-origin: 0 0;
216          transform-origin: 0 0;
217  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
218  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
219  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
220  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
221  .md-datepicker-calendar-pane.md-pane-open {
222    -webkit-transform: scale(1);
223            transform: scale(1); }
224
225.md-datepicker-input-mask {
226  height: 40px;
227  width: 340px;
228  position: relative;
229  overflow: hidden;
230  background: transparent;
231  pointer-events: none;
232  cursor: text; }
233
234.md-datepicker-calendar {
235  opacity: 0;
236  -webkit-transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
237  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
238  .md-pane-open .md-datepicker-calendar {
239    opacity: 1; }
240  .md-datepicker-calendar md-calendar:focus {
241    outline: none; }
242
243.md-datepicker-expand-triangle {
244  position: absolute;
245  top: 50%;
246  left: 50%;
247  -webkit-transform: translate(-50%, -50%);
248          transform: translate(-50%, -50%);
249  width: 0;
250  height: 0;
251  border-left: 5px solid transparent;
252  border-right: 5px solid transparent;
253  border-top: 5px solid; }
254
255.md-datepicker-triangle-button {
256  position: absolute;
257  right: 0;
258  top: 5px;
259  -webkit-transform: translateY(-25%) translateX(45%);
260          transform: translateY(-25%) translateX(45%); }
261  [dir=rtl] .md-datepicker-triangle-button {
262    right: auto;
263    left: 0; }
264  [dir=rtl] .md-datepicker-triangle-button {
265    -webkit-transform: translateY(-25%) translateX(-45%);
266            transform: translateY(-25%) translateX(-45%); }
267
268.md-datepicker-triangle-button.md-button.md-icon-button {
269  height: 36px;
270  width: 36px;
271  position: absolute;
272  padding: 8px; }
273
274md-datepicker[disabled] .md-datepicker-input-container {
275  border-bottom-color: transparent; }
276
277md-datepicker[disabled] .md-datepicker-triangle-button {
278  display: none; }
279
280.md-datepicker-open {
281  overflow: hidden; }
282  .md-datepicker-open .md-datepicker-input-container,
283  .md-datepicker-open input.md-input {
284    border-bottom-color: transparent; }
285  .md-datepicker-open .md-datepicker-triangle-button,
286  .md-datepicker-open.md-input-has-value > label,
287  .md-datepicker-open.md-input-has-placeholder > label {
288    display: none; }
289
290.md-datepicker-pos-adjusted .md-datepicker-input-mask {
291  display: none; }
292
293.md-datepicker-calendar-pane .md-calendar {
294  -webkit-transform: translateY(-85px);
295          transform: translateY(-85px);
296  -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
297  transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
298  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
299  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
300  -webkit-transition-delay: 0.125s;
301          transition-delay: 0.125s; }
302
303.md-datepicker-calendar-pane.md-pane-open .md-calendar {
304  -webkit-transform: translateY(0);
305          transform: translateY(0); }