/*!
 * Angular Material Design
 * https://github.com/angular/material
 * @license MIT
 * v1.1.1
 */
/** Theme styles for mdCalendar. */
.md-calendar.md-THEME_NAME-theme {
  background: '{{background-A100}}';
  color: '{{background-A200-0.87}}'; }
  .md-calendar.md-THEME_NAME-theme tr:last-child td {
    border-bottom-color: '{{background-200}}'; }

.md-THEME_NAME-theme .md-calendar-day-header {
  background: '{{background-300}}';
  color: '{{background-A200-0.87}}'; }

.md-THEME_NAME-theme .md-calendar-date.md-calendar-date-today .md-calendar-date-selection-indicator {
  border: 1px solid '{{primary-500}}'; }

.md-THEME_NAME-theme .md-calendar-date.md-calendar-date-today.md-calendar-date-disabled {
  color: '{{primary-500-0.6}}'; }

.md-calendar-date.md-focus .md-THEME_NAME-theme .md-calendar-date-selection-indicator, .md-THEME_NAME-theme .md-calendar-date-selection-indicator:hover {
  background: '{{background-300}}'; }

.md-THEME_NAME-theme .md-calendar-date.md-calendar-selected-date .md-calendar-date-selection-indicator,
.md-THEME_NAME-theme .md-calendar-date.md-focus.md-calendar-selected-date .md-calendar-date-selection-indicator {
  background: '{{primary-500}}';
  color: '{{primary-500-contrast}}';
  border-color: transparent; }

.md-THEME_NAME-theme .md-calendar-date-disabled,
.md-THEME_NAME-theme .md-calendar-month-label-disabled {
  color: '{{background-A200-0.435}}'; }

/** Theme styles for mdDatepicker. */
.md-THEME_NAME-theme .md-datepicker-input {
  color: '{{foreground-1}}'; }
  .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder {
    color: '{{foreground-3}}'; }
  .md-THEME_NAME-theme .md-datepicker-input:-moz-placeholder {
    color: '{{foreground-3}}'; }
  .md-THEME_NAME-theme .md-datepicker-input::-moz-placeholder {
    color: '{{foreground-3}}'; }
  .md-THEME_NAME-theme .md-datepicker-input:-ms-input-placeholder {
    color: '{{foreground-3}}'; }
  .md-THEME_NAME-theme .md-datepicker-input::-webkit-input-placeholder {
    color: '{{foreground-3}}'; }

.md-THEME_NAME-theme .md-datepicker-input-container {
  border-bottom-color: '{{foreground-4}}'; }
  .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
    border-bottom-color: '{{primary-color}}'; }
    .md-accent .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
      border-bottom-color: '{{accent-color}}'; }
    .md-warn .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-focused {
      border-bottom-color: '{{warn-A700}}'; }
  .md-THEME_NAME-theme .md-datepicker-input-container.md-datepicker-invalid {
    border-bottom-color: '{{warn-A700}}'; }

.md-THEME_NAME-theme .md-datepicker-calendar-pane {
  border-color: '{{background-hue-1}}'; }

.md-THEME_NAME-theme .md-datepicker-triangle-button .md-datepicker-expand-triangle {
  border-top-color: '{{foreground-3}}'; }

.md-THEME_NAME-theme .md-datepicker-triangle-button:hover .md-datepicker-expand-triangle {
  border-top-color: '{{foreground-2}}'; }

.md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
  color: '{{primary-color}}'; }

.md-THEME_NAME-theme .md-datepicker-open.md-accent .md-datepicker-calendar-icon, .md-accent .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
  color: '{{accent-color}}'; }

.md-THEME_NAME-theme .md-datepicker-open.md-warn .md-datepicker-calendar-icon, .md-warn .md-THEME_NAME-theme .md-datepicker-open .md-datepicker-calendar-icon {
  color: '{{warn-A700}}'; }

.md-THEME_NAME-theme .md-datepicker-calendar {
  background: '{{background-A100}}'; }

.md-THEME_NAME-theme .md-datepicker-input-mask-opaque {
  box-shadow: 0 0 0 9999px "{{background-hue-1}}"; }

.md-THEME_NAME-theme .md-datepicker-open .md-datepicker-input-container {
  background: "{{background-hue-1}}"; }
