.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {border: 1px solid #C8C8C9;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #00A4E5;}
.ui-widget-overlay { background: #C8C8C9; z-index: 1000; }
.ui-widget-shadow { background-color: #aaaaaa; }
.ui-datepicker { font-size:12px; }
.ui-datepicker th { color: #00A4E5;}

.ui-dialog-content p { margin-bottom: 0px;padding-top:10px; }
.ui-dialog {font-size:11px;max-width: 95%;z-index: 1001;}
.ui-dialog .ui-dialog-title {font-size:13px;}
.ui-dialog .ui-dialog-buttonpane {border-top:none;padding-top:0px;margin-top:0px;}

.ui-icon-light { background-image: url(images/ui-icons_ffffff_256x240.png); }

#calendar .ui-icon {
    margin-top: 0;
}

@media (max-width: 767px) {
    .ui-dialog {
        left: 0 !important;
        max-width: 100% !important;
        top: 50px !important;
        max-height: 100% !important;
        position: fixed !important;
        padding: 0 !important;
    }
}