.wrap-date-input {
    margin-top: 10px;
    display: flex;
}

.mat-datepicker-content {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
}

.mat-datepicker-actions {
    button {
        @include font-style($nominee-bold,14px,14px,normal);
        color: $green;
        padding: 5px 10px 7px;
        border-radius: 5px;
        &:focus {
            box-shadow: none;
        }
    
        &:hover {
            background: $green;
            color: $white;
        }
    }
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), 
.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), 
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(67,183,115,.3);
}

.mat-datepicker-toggle-active {
    color: $green;
}

.mat-calendar-body-selected {
    background: $green;
}