/* datepicker Style */
.ui-datepicker {
    width: 270px;
    padding: 0;
    display: none;
    border: 0;
    margin-top: 10px;
}

.ui-widget.ui-widget-content {
    border: 0;
    border-radius: 3px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.3)
}

.ui-datepicker .ui-widget-header {
    position: relative;
    padding: 6px 0 36px 0;
    border: 0;
    /* 
        #009688 
        #c2185b
        #03a9f4
        #3f51b5
        #ff9800
        #5a5af3
    */
    background: #5a5af3;
    color: #ffffff;
    border-radius: 0;
}

.ui-datepicker-calendar th {
    text-align: center;
    padding: 2px 5px;
}