1/*!
  2 * Angular Material Design
  3 * https://github.com/angular/material
  4 * @license MIT
  5 * v1.1.3
  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  vertical-align: middle; }
123
124.md-inline-form md-datepicker {
125  margin-top: 12px; }
126
127.md-datepicker-button {
128  display: inline-block;
129  box-sizing: border-box;
130  background: none;
131  vertical-align: middle;
132  position: relative; }
133  .md-datepicker-button:before {
134    top: 0;
135    left: 0;
136    bottom: 0;
137    right: 0;
138    position: absolute;
139    content: '';
140    speak: none; }
141
142.md-datepicker-input {
143  font-size: 14px;
144  box-sizing: border-box;
145  border: none;
146  box-shadow: none;
147  outline: none;
148  background: transparent;
149  min-width: 120px;
150  max-width: 328px;
151  padding: 0 0 5px; }
152  .md-datepicker-input::-ms-clear {
153    display: none; }
154
155._md-datepicker-floating-label > md-datepicker {
156  overflow: visible; }
157  ._md-datepicker-floating-label > md-datepicker .md-datepicker-input-container {
158    border: none; }
159  ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
160    float: left;
161    margin-top: -12px;
162    top: 9.5px; }
163    [dir=rtl] ._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
164      float: right; }
165
166._md-datepicker-floating-label .md-input {
167  float: none; }
168
169._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
170  right: 18px;
171  left: auto;
172  width: calc(100% - 84px); }
173  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
174    right: auto; }
175  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
176    left: 18px; }
177
178._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
179  margin-left: 64px; }
180  [dir=rtl] ._md-datepicker-floating-label._md-datepicker-has-calendar-icon .md-input-message-animation {
181    margin-left: auto;
182    margin-right: 64px; }
183
184._md-datepicker-has-triangle-icon {
185  padding-right: 18px;
186  margin-right: -18px; }
187  [dir=rtl] ._md-datepicker-has-triangle-icon {
188    padding-right: 0;
189    padding-left: 18px; }
190  [dir=rtl] ._md-datepicker-has-triangle-icon {
191    margin-right: auto;
192    margin-left: -18px; }
193
194.md-datepicker-input-container {
195  position: relative;
196  border-bottom-width: 1px;
197  border-bottom-style: solid;
198  display: inline-block;
199  width: auto; }
200  .md-icon-button + .md-datepicker-input-container {
201    margin-left: 12px; }
202    [dir=rtl] .md-icon-button + .md-datepicker-input-container {
203      margin-left: auto;
204      margin-right: 12px; }
205  .md-datepicker-input-container.md-datepicker-focused {
206    border-bottom-width: 2px; }
207
208.md-datepicker-is-showing .md-scroll-mask {
209  z-index: 99; }
210
211.md-datepicker-calendar-pane {
212  position: absolute;
213  top: 0;
214  left: -100%;
215  z-index: 100;
216  border-width: 1px;
217  border-style: solid;
218  background: transparent;
219  -webkit-transform: scale(0);
220          transform: scale(0);
221  -webkit-transform-origin: 0 0;
222          transform-origin: 0 0;
223  -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
224  transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
225  transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
226  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); }
227  .md-datepicker-calendar-pane.md-pane-open {
228    -webkit-transform: scale(1);
229            transform: scale(1); }
230
231.md-datepicker-input-mask {
232  height: 40px;
233  width: 340px;
234  position: relative;
235  overflow: hidden;
236  background: transparent;
237  pointer-events: none;
238  cursor: text; }
239
240.md-datepicker-calendar {
241  opacity: 0;
242  -webkit-transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1);
243  transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
244  .md-pane-open .md-datepicker-calendar {
245    opacity: 1; }
246  .md-datepicker-calendar md-calendar:focus {
247    outline: none; }
248
249.md-datepicker-expand-triangle {
250  position: absolute;
251  top: 50%;
252  left: 50%;
253  -webkit-transform: translate(-50%, -50%);
254          transform: translate(-50%, -50%);
255  width: 0;
256  height: 0;
257  border-left: 5px solid transparent;
258  border-right: 5px solid transparent;
259  border-top: 5px solid; }
260
261.md-datepicker-triangle-button {
262  position: absolute;
263  right: 0;
264  bottom: -2.5px;
265  -webkit-transform: translateX(45%);
266          transform: translateX(45%); }
267  [dir=rtl] .md-datepicker-triangle-button {
268    right: auto;
269    left: 0; }
270  [dir=rtl] .md-datepicker-triangle-button {
271    -webkit-transform: translateX(-45%);
272            transform: translateX(-45%); }
273
274.md-datepicker-triangle-button.md-button.md-icon-button {
275  height: 36px;
276  width: 36px;
277  position: absolute;
278  padding: 8px; }
279
280md-datepicker[disabled] .md-datepicker-input-container {
281  border-bottom-color: transparent; }
282
283md-datepicker[disabled] .md-datepicker-triangle-button {
284  display: none; }
285
286.md-datepicker-open {
287  overflow: hidden; }
288  .md-datepicker-open .md-datepicker-input-container,
289  .md-datepicker-open input.md-input {
290    border-bottom-color: transparent; }
291  .md-datepicker-open .md-datepicker-triangle-button,
292  .md-datepicker-open.md-input-has-value > label,
293  .md-datepicker-open.md-input-has-placeholder > label {
294    display: none; }
295
296.md-datepicker-pos-adjusted .md-datepicker-input-mask {
297  display: none; }
298
299.md-datepicker-calendar-pane .md-calendar {
300  -webkit-transform: translateY(-85px);
301          transform: translateY(-85px);
302  -webkit-transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
303  transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
304  transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
305  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);
306  -webkit-transition-delay: 0.125s;
307          transition-delay: 0.125s; }
308
309.md-datepicker-calendar-pane.md-pane-open .md-calendar {
310  -webkit-transform: translateY(0);
311          transform: translateY(0); }