/* Mdp date picker custom layout*/
md-dialog.mdp-datepicker {
  border-radius: 3px;
}

md-dialog.mdp-datepicker
> md-dialog-content
> div:last-of-type {
  background-color: #ffffff;
}
mdp-date-picker.mdp-invalid > div > md-input-container > input {
  border: 1px solid #e8142e !important;
}

.mdp-datepicker-date.active, .mdp-datepicker-date:hover, .mdp-datepicker-day.active, .mdp-datepicker-day:hover, .mdp-datepicker-dow.active, .mdp-datepicker-dow:hover, .mdp-datepicker-month.active, .mdp-datepicker-month:hover {
  color: white !important;
}

.mdp-datepicker > .layout-wrap > div:nth-child(2) > md-dialog-actions > .md-button {
  color: #b2bcc0;
}

.mdp-datepicker > .layout-wrap > div:nth-child(2) > md-dialog-actions > .md-primary.md-button {
  color: #3068d8;
}

.md-button.md-accent.md-raised {
  background-color: #3068d8 !important;
}

.md-button.current {
  color: #3068d8;
}

.mdp-datepicker-year {
  color: white !important;
}

mdp-date-picker .md-button.md-icon-button {
  margin-top: 0;
}

mdp-date-picker > div > md-input-container,
mdp-time-picker > div > md-input-container {
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  height: 36px;
}

mdp-time-picker.deleted md-icon{
  color: rgba(0,0,0,0.3);
}
mdp-time-picker.deleted md-input-container .md-input[disabled]{
  border-bottom-color: rgba(0,0,0,0.3);
}
mdp-time-picker.deleted input{
  color: rgba(0,0,0,0.3);
}
mdp-time-picker.deleted label, legend{
  font-weight: bold;
  color: rgba(0,0,0,0.3);
}

mdp-time-picker .error-clock md-icon,  mdp-time-picker.error-time-picker md-icon{
  color: #e8142e !important;
}

mdp-time-picker .md-input-invalid input,  mdp-time-picker.error-time-picker input{
  border-color: #e8142e !important;
  border-width: 0 0 2px!important;
}

mdp-date-picker > div > md-input-container > input,
mdp-time-picker > div > md-input-container > input {
  height: 36px !important;
}

mdp-date-picker.mdp-date-picker-width {
  width: 100%;
}

mdp-date-picker.mdp-test > div > md-input-container > input {
  border: solid 1px #e0e0e0 !important;
}

mdp-date-picker.mdp-test > div > md-input-container > input:focus {
  border: solid 1px #3068d8 !important;
}
/* End Mdp date picker custom layout */

mdp-date-picker > label  {
  margin-bottom:4px;
}

md-dialog.mdp-datepicker.md-transition-in {
  padding: 0 !important;
}

md-dialog.mdp-datepicker.md-transition-in
> md-dialog-content
> div:last-of-type
> md-dialog-actions
> button.md-button:not([disabled]):hover,
  button.md-button.md-focused:not([disabled]) {
  background-color: transparent;
}

mdp-date-picker.date-picker-error > div > md-input-container > input {
  border-color: rgb(221,44,0);
}

md-toolbar.mdp-datepicker-date-wrapper.md-hue-1:not(.md-menu-toolbar) {
  background-color: #3068d8;
  color: rgba(0,0,0,0.87);
}

mdp-calendar .md-button.md-accent.md-raised {
	color: rgb(255, 255, 255);
  background-color: #3068d8!important;
  border-radius: 50%;
}

mdp-calendar .md-button.md-raised:not([disabled]):not(.md-accent):hover {
  background-color: #3068d8!important;
  opacity: 0.3;
  border-radius: 50%;
}