.mdp-datepicker {
    max-height: initial;
    min-width: 234px;
    * {
        outline: 0;
    }
    
    .md-actions {
        width: 100%;
        padding: 0px 5px;
    }
}

.mdp-calendar-week-days {
    font-size: 0.75rem;
    opacity: 0.6;
    
    & > * {
        width: 32px;
        height: 32px;
        line-height: 32px;
        margin: 0 5px;
        padding: 0;
        min-width: 0px;
        min-height: 0px;
        box-shadow: none !important;
        background-color: transparent;
    }
}
.mdp-calendar-days {
    font-size: 1rem;
    max-width: 100%;
    
    .md-button,
    .mdp-day-placeholder {
        width: 32px;
        height: 32px;
        margin: 0 5px;
    }
    
    .md-button {
        cursor: pointer;
        border-radius: 50%;
        font-size: 12px;

        width: 32px;
        height: 32px;
        line-height: 32px;
        padding: 0;
        min-width: 0px;
        min-height: 0px;
        box-shadow: none !important;
        background-color: transparent;
    }
    
    .md-button[disabled]:not(.md-accent) {
	    background-color: transparent !important;
    }
}

.mdp-calendar-monthyear {
    font-size: 0.8125rem;
    font-weight: bold;
    line-height: 32px;
    min-height: 32px;
    //width: 100%;
}



.mdp-datepicker-date,
.mdp-datepicker-day,
.mdp-datepicker-dow,
.mdp-datepicker-month {
    font-size: 1.8rem;
    opacity: 0.6;
    
    &:not(.active) {
        cursor: pointer;
    }
    
    &.active,
    &:hover {
        opacity: 1;
    }
}

.mdp-datepicker-year {
    font-size: 0.9rem;
    opacity: 0.6;
    padding: 0;
    margin: 0;
    
    &:not(.active) {
        cursor: pointer;
    }
    
    &.active,
    &:hover {
        opacity: 1;
    }
}

.mdp-datepicker-select-year {
    height: 232px;
    .repeated-year {
        text-align: center;
        
        .md-button {
            width: 100%;
            margin: 0;
            border-radius: 0;
            padding: 0;
            font-size: 1.0rem;
            line-height: 42px;
            
            &.current {
                font-size: 1.8rem;
                line-height: 42px;
            }
        }
    }
     
    .md-virtual-repeat-container,
    .md-virtual-repeat-offsetter,
    .md-virtual-repeat-scroller {
        height: 100%;
        width: 100%;
    } 
}

mdp-date-picker {
    & > md-input-container.md-has-icon {
        padding-left: 40px;
    }
    
    .md-button.md-icon-button {
        margin: 18px 0 0 0;
    }
}

.mdp-datepicker {
    
    &:not(.portrait) {
        .mdp-datepicker-select-year {
            width: 309px;
        }
        
        .mdp-calendar {
            margin-right: 5px;
            width: 294px;
            margin-left: 10px;
        }
        
        .mdp-datepicker-date-wrapper {
            width: 150px;
        }
        
        .mdp-datepicker-dow{
            width: 100%;
            display: block;
        }
        
        .mdp-calendar-week-days > *,
        .mdp-calendar-days > * {
            width: 42px;
        }
        
    }
    
    .mdp-datepicker-date-wrapper {
        padding: 16px 35px 16px 16px;
    }
    
    md-dialog-content {
        overflow: hidden;
        padding: 0px;
        .mdp-calendar {
            width: 294px;
            overflow-x: hidden;
        }
    }
    
    &.portrait {
        max-width: 234px;
        
        .mdp-calendar {
            text-align: center;
            width: 100%;
        }
        
        .mdp-datepicker-select-year {
            height: 252px;
        }
    
        md-dialog-content {
            & > * {
                width: 100%;
            }
        }
        
        .mdp-calendar-week-days,
        .mdp-calendar-days,
        .md-actions {
            padding: 0 5px;
        }
        
        .md-actions {
            margin-top: 20px;
        }
        
        .mdp-calendar-week-days > *,
        .mdp-calendar-days > * {
            width: 32px;
        }
    }
}

// --------------
// Calendar
// --------------

mdp-calendar {
    display: block;
}

.mdp-calendar-week-days {
    width: 100%;
    & > * {
        margin: 0;
    }
}

.mdp-calendar-days {
    .md-button,
    .mdp-day-placeholder {
        margin: 0;
    }
}
