/* Datepicker
        ----------------------------------*/
          
        .ui-datepicker { background-color: #F5F5F5; color: #000; z-index: 150999 !important; border: 5px solid #FFF;display:none;}
        .ui-datepicker a { color: #FFF; text-decoration: none;}
    
        .ui-datepicker td a { color: #000; }
        .ui-datepicker td a:hover { background-color: #bfcc71; color: #FFF; }
@media (min-width: 992px) {
    .ui-datepicker {
        width: 355px;
        padding: 0;
        margin-top: -27px;
    }
}
@media (max-width: 991px) {
    .ui-datepicker {
        width: 355px;
        padding: 0;
        margin-top: 0px;
    }
} 

       .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color:#6D6F64; color:white; }
        .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; position:absolute; top: 0px; width: 1.8em; height: 1.8em; width:38px; height:38px; border-right:1px solid white;}
        /*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 0px; }*/
        .ui-datepicker .ui-datepicker-prev { left:0px; }
        .ui-datepicker .ui-datepicker-next { right:0px; }
        /*.ui-datepicker .ui-datepicker-prev-hover { left:0px; }
        .ui-datepicker .ui-datepicker-next-hover { right:0px; }*/
        .ui-datepicker .ui-datepicker-prev span { display: block; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px;  }
        .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -6px;  }
        .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #FFF; font-weight: bold; font-size: 1.7em;}
        .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
        .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
        .ui-datepicker select.ui-datepicker-month, 
        .ui-datepicker select.ui-datepicker-year { width: 49%;}
        .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
        .ui-datepicker table {width: 100%; font-size: 1.7em; border-collapse: collapse; margin:0 0 .4em; }
        .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
        .ui-datepicker td { border: 0; padding: 1px; }
        .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
        .ui-datepicker .ui-state-disabled .ui-state-default { visibility: hidden;}
        .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
        .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
        .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
        
        .ui-datepicker .ui-state-active { color: #bfcc71; font-weight: bold;}
        .ui-datepicker a.ui-state-active {color: #bfcc71; font-weight: bold; }
             
        .ui-datepicker .ui-datepicker-week-end, .ui-datepicker .ui-datepicker-week-end a { color: black; }
        .ui-datepicker .ui-datepicker-week-end td a:hover, .ui-datepicker td a.ui-state-active { color: #bfcc71;font-weight: bold !important;}

        /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
        .ui-datepicker-cover {
            display: none; /*sorry for IE5*/
            display/**/: block; /*sorry for IE5*/
            position: absolute; /*must have*/
            z-index: -1; /*must have*/
            filter: mask(); /*must have*/
            top: -4px; /*must have*/
            left: -4px; /*must have*/
            width: 200px; /*must have*/
            height: 200px; /*must have*/
        }  
        
        .ui-datepicker-week-col 
        {
            text-align:center;
            color: #555;
            }