/* service search styles */

.calendarSearchWrap {
    /*background:#fff;
    border-top:5px solid #858586;
    color:#191919;*/
}
    .calendarSearchWrap h2 {
        padding:0px 0px 10px 20px;
        color:#858586;
        font-size: 20px;
    }
     .calendarSearchWrap p {
       margin-bottom:15px;
       clear:both;

    }
    .calendarSearchWrap hr {
        margin:10px 0 25px 0;
        width: 103%;
    }
     .calendarSearchWrap input[type="text"] {

        border:#191919 solid 1px;
        width:235px;
        height:25px;
        margin-bottom:25px;
        clear:both;
}
    .calendarSearchWrap input[type="checkbox"] {
        float:left;
        position:relative;
        top:-2px;
       /* outline:#191919 solid 1px;
        background:#fff;*/
    }
    .calendarSearchWrap .exact {
        float:left;
        margin-bottom:15px;
        clear:both;
    }

.bordBot {border-bottom:1px solid #858586;}
.innerContent {
    margin:20px 0px;
}

.tableMaker {
 /*     display:table; */
}

    .tableMaker .col {
       /* display:table-cell;
        float:none; */
        
    }
.tableMaker .col.right {
     /*   border:#cccccc 1px solid;
        padding:0;
        margin-left:15%;*/
    }


.appts {
   float:left;
    width:100%;
    height:300px;
    border:#cccccc 1px solid;
    
}
.appts ul{
    width:100%;
}
.appts li{
    width: 32%;
    display: inline-block;
    padding: 20px 0px 20px 20px;

}
.appts .top{
    background:#4A4A4A;
    color:#fff;
    font-weight:bold;
}

.appts .body {
    background: #fff;
   max-height: 239px;
    width:100%;
    overflow: auto;
    float:left;
}

.button {
    color:#fff;
    background:#002f65;
    padding:10px 20px;
    float:right;
    clear:both;
    transition: .3s;
    outline: none;
    margin:20px 0px;
    text-align:center;
    border-radius: 2px;
}
    .button:hover {
        background-color: #2E6DB6;
        transition: .3s;
    }


.calendarSearchWrap .customerSearchDatePicker {
    font-size:20px !important;
      margin-bottom:20px;
}
 .calendarSearchWrap .ui-datepicker {
    padding:0;
     width: 100%;
}
.calendarSearchWrap .ui-datepicker .ui-datepicker-header {
    height:52px;
    background:#4A4A4A !important;
    color:#fff!important;
}

.calendarSearchWrap .ui-datepicker table {

    margin:0;
}


.calendarSearchWrap .ui-corner-all, 
.calendarSearchWrap .ui-corner-top, 
.calendarSearchWrap .ui-corner-left, 
.calendarSearchWrap .ui-corner-tl {
    border-radius: 0px;
}

.calendarSearchWrap .ui-datepicker-prev span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.5px 23.4px 13.5px 0;
    border-color: transparent #ffffff transparent transparent;
    background-image:none !important; 
}

.calendarSearchWrap .ui-datepicker-next span {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13.5px 0 13.5px 23.4px;
    border-color: transparent transparent transparent #fff !important;
    background-image:none !important; 
   
}

    
    .calendarSearchWrap .ui-datepicker-prev span:hover{
       border-color: transparent #999999 transparent transparent !important;
    }

    .calendarSearchWrap .ui-datepicker-next span:hover{
        border-color: transparent transparent transparent #999999 !important;
    }


.calendarSearchWrap .ui-state-hover,
.calendarSearchWrap .ui-widget-content .ui-state-hover,
.calendarSearchWrap .ui-widget-header .ui-state-hover{
	border: 0px !important;

}

.calendarSearchWrap .ui-state-hover,
.calendarSearchWrap .ui-widget-header .ui-state-hover {
    background: transparent !important;
}
.calendarSearchWrap .ui-widget-content .ui-state-hover {
    background: #00a651 !important;
    color:#fff !important;
}
.calendarSearchWrap .ui-widget-header .ui-state-hover {
    background:transparent !important;
}

.calendarSearchWrap .ui-datepicker .ui-datepicker-prev-hover,
.calendarSearchWrap .ui-datepicker .ui-datepicker-next-hover {
	top: 2px;
    cursor:pointer;
}
.calendarSearchWrap .ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.calendarSearchWrap .ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.calendarSearchWrap .ui-datepicker .ui-datepicker-prev-hover {
	left: 2px;
}
.calendarSearchWrap .ui-datepicker .ui-datepicker-next-hover {
	right: 2px;
}



    .calendarSearchWrap .ui-datepicker td span,
    .calendarSearchWrap .ui-datepicker td a {
    display: block;
    padding: 14px;
    text-align: center;
    text-decoration: none;
    font-size:14px;
}
.calendarSearchWrap .ui-state-default,
.calendarSearchWrap .ui-widget-content .ui-state-default,
.calendarSearchWrap .ui-widget-header .ui-state-default {
    border: 0px;
    background: transparent;
    background-image: none;
    font-weight: normal;
    color: #555555;

}
.calendarSearchWrap .ui-state-disabled, 
.calendarSearchWrap .ui-widget-content .ui-state-disabled, 
.calendarSearchWrap .ui-widget-header .ui-state-disabled {
    opacity: 1;
    filter: Alpha(Opacity=100);
    background-image: none;
    background: #c5c5c5;
}

.calendarSearchWrap .ui-state-active, 
.calendarSearchWrap .ui-widget-content .ui-state-active, 
.calendarSearchWrap .ui-widget-header .ui-state-active {
    border: 0;
    background: #00a651 !important;
    background-image:none;
    font-weight: normal;
    color: #fff;
}

.calendarSearchWrap .ui-widget-content .avail {
    background: #02ce65;
    color: #fff;
}

.calendarSearchWrap .ui-datepicker .ui-datepicker-title  span{
    margin-top:5px;
    font-size: 19px;
    font-weight: normal;
    text-transform: uppercase;
}
.calendarSearchWrap .ui-datepicker td {
   padding:0;
}
.calendarSearchWrap .ui-datepicker th {
    font-size:14px;
    text-transform: uppercase;
    color:#4A4A4A;
}
.calendarSearchWrap a.ui-corner-all {
    background: none !important; 
}

.calendarSearchWrap a.ui-state-default {
    background: none !important;
}