/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
/*//////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////
///////////////    CUSTOMIZE UI   ////////////////////////////////////////////////////*/ 

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default { 
	border: 1px solid #1864dd/*{borderColorDefault}*/;  
	font-weight: normal/*{fwDefault}*/; 
	color: #000000/*{fcDefault}*/; 
}
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled {
	background-color: #aaaaaa !important ; 
}
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active { 
	border: 1px solid #aaaaaa/*{borderColorActive}*/; 
	background:#dda108 !important; 
	font-weight: normal/*{fwDefault}*/; 
	color: #dd4c08/*{fcActive}*/; 
}
.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled { 
	opacity: .25; filter:Alpha(Opacity=25); 
	background-image: none; 
}
.ui-datepicker { 
	width:100% ; 
	padding: .4em .4em 0;
 }
.ui-datepicker td span, .ui-datepicker td a { 
	display: block; 
	padding: .4em; 
	text-align:center; 
	text-decoration: none; 
}

/*//////////////////////////////////////////////////////////////////////////////////////
Add a comment to this line
-////////////////////////////////////////////////////////////////////////////////////////
-////////////////////////////////////////////////////////////////////////////////////////
-///////////////    PUBLIC SECTION   ///////////////////////////////////////////////////*/ 

.multi-appointment .form-control {
    box-shadow: none;
    height: 36px;
    background-color: #f9f9f9;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    font-size: 12px;
}