/**********************************************

CSS file for Appointment Booking Pro Front End

***********************************************/



#sv_apptpro_request {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;
	/* un-comment the following line to set booking screen width */


}

option { background:#000000; color:#b7b7b7; font-size:12px;}
select { background:#000000; border:#333333 1px solid; width:200px; color:#b7b7b7; font-size:12px;}
.button { background:#000000; border:#333333 1px solid; width:120px; color:#b7b7b7; padding:3px; font-family: Arial, Helvetica, sans-serif; margin-top:5px;  font-size:12px;}
.button:hover { background:#f6bd16; border:#333333 1px solid; width:120px; color:#000000; padding:3px; font-family: Arial, Helvetica, sans-serif; margin-top:5px;  font-size:12px; cursor: pointer; }

#sv_apptpro_request_gad {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;





	/* un-comment the following line to set booking screen width */

}



#sv_apptpro_request td{ 
}



.sv_apptpro_request_dropdown {
	font-family: Arial, Helvetica, sans-serif;

	/* un-comment the following line to override template colors */

	/*color:#000000;*/ 

}



.sv_apptpro_request_text {

	font-family: Arial, Helvetica, sans-serif;

	font-size:12px;

	/* un-comment the following line to override template colors */

	/*color:#000000;*/ 

}



.sv_apptpro_request_label  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
        text-align:left;
		

	/* un-comment the following line to override template colors */

	/*color:#000000;*/ 

}



.sv_apptpro_request_helptext {

	font-size:10px;

	color:#666666;

	line-height:20px;

}



.sv_apptpro_request_cancel_row {

	background-color:#FFFFCC;

}



#sv_apptpro_front_desk {

    width:100%;

	

}



/* Calendar view settings */

.calendar_text{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

}

.calendarHeader { 

    font-weight: bolder; 

    font-size:16px;

}

.calendarHeaderDays { 

    font-weight: bolder; 

    background-color:#E7E7E7;

	border: solid 1px;

}



.calendarToday { 

    background-color:#FFFFCC;

}



.calendar { 

    background-color: #FFFFFF; 

    border: solid 1px;

    font-size:12px;    

    padding:2px;

    background-color:#FBFBFB;

}

.calendarCell {

    height:50px;

    border: solid 1px;

}



.calendar_day_number{

    color:Navy;

}



.calendar_week_view{

    background-color: #FFFFFF; 

    border: solid 1px;

    font-size:12px;    

    padding:2px;

}



.calendar_week_view_header_row{

    height:30px;

    margin:10px; 

}



.week_day_table{

    border: solid 1px;

}



.week_row_header{

    color:Navy;

    line-height:15px;

    background-color:#F6F6F6;

    font-size:11px;

}



.week_row{

    font-size:12px;

    line-height:15px;

}



.week_row0{

    font-size:12px;

    line-height:15px;

}

.week_row1{

    font-size:12px;

    line-height:15px;

	background-color:#F6F6F6;

}





.row0{	

	font-size:11px;

}	 



.row1{	

	background-color:#F6F6F6;

	font-size:11px;

}	 



.detail_row0{	

	font-size:12px;

}	 



.detail_row1{	

	background-color:#F6F6F6;

	font-size:12px;

}	 

		 

.admin_detail_row0 {

	font-size:12px;

}



.admin_detail_row1 {

	background-color:#F6F6F6;

	font-size:12px;

}

 

.sv_apptpro_errors {

        color:#FF0000;

}



.sv_gad_timeslot_available {

	display: inline;

	border:solid;

	border-width:1px; 

	border-color:#33CC00;

	background-color:#CCFFCC;

	height:20px;

	padding:1px;

}		 

.sv_gad_timeslot_clickable{

	display: block;

        height:100%;

}



.sv_gad_timeslot_booked {

	display: inline;

	border:solid;

	border-width:1px; 

	border-color:#FF0000;

	background-color:#FFCECE;

	height:20px;

	padding:1px;

}		 



.sv_gad_timeslot_pending {

	display: inline;

	border:dashed;

	border-width:1px; 

	border-color:#FF0000;

	background-color:#FFCECE;

	height:20px;

	padding:1px;

}		



.sv_gad_timeslot_book-off {

	display: block;

	border:solid;

	border-width:1px; 

	border-color:#FFCC00;

	background-color:#FFFFCC;

	height:20px;

	padding:1px;

}



.sv_gad_timeslot_selected {

	display: inline;

	border:solid;

	border-width:1px; 

	border-color:##33CC00;

	background-color:#FFFFB4;

	height:20px;

	padding:1px;

}		 



.sv_gad_user_selection{

	background-color:#CCFFCC;

}



.sv_gad_user_selection_table{

	border-collapse: collapse;

	border-style:solid;

	border-width:1px;

	border-color:#33CC00;

}



.sv_gad_user_selection_row{

}

.sv_gad_user_selection_row td{

	padding-left:5px;

	padding-right:5px;

	border-style:solid;

	border-width:1px;

	border-color:#33CC00;

}







.sv_gad_timeslot_header {

	border:solid;

	border-width:1px; 

	border-color:#0033CC;

	border-right:0px;

	color:#0033CC;

	background-color:#FFFFFF;

	height:18px;

	padding:0px;

	margin-top:0px;

}



.sv_gad_timeslot_yaxis_header {

	border-bottom:solid;

	border-bottom-width:1px; 

	border-bottom-color:#0033CC;

	border-right:dotted;

	border-right:1px;

	border-right-color:#0033CC;

	color:#0033CC;

	font-size:10px;

	height:20px;



}



.sv_gad_row_wrapper {



	color:#0033CC;

	height:20px;

}		 

		 

.sv_gad_container_table {

	border:dashed;

	border-width:1px; 

	border-color:#CCCCCC;

}		 

		 

.sv_apptpro_selected_resource {

	font-weight:bold;

	color:#0000CC;

}		 



.sv_gad_legend{

	color:#0033CC;

	font-size:10px;

	line-height:18px;

	/*background-color:#CCFFCC;*/



}

table#sv_gad_outer_table tr td{

	height:30px; !important

	border-top:solid;

	border-top-width:1px; 

	border-top-color:#0033CC;

}		 

		

.title{

	border-bottom:1px solid #666666; 

}

			 

 

/* tabs */

dl.tabs {

   float: left;

   margin: 10px 0 -1px 0;

   z-index: 50;

}

dl.tabs dt {

   float: left;

   padding: 4px 10px;

   border-left: 1px solid #ccc;

   border-right: 1px solid #ccc;

   border-top: 1px solid #ccc;

   margin-left: 3px;

   background: #f0f0f0;

   color: #666;

}

dl.tabs dt.open {

   background: #F9F9F9;

   border-bottom: 1px solid #F9F9F9;

   z-index: 100;

   color: #000;

}

div.current {

   clear: both;

   border: 1px solid #ccc;

   padding: 10px 10px;

}

div.current dd {

   padding: 0;

   margin: 0;

}

 

#resource_udfs_div {

   background: #F9F9F9;

   width:70%;

}		 

		 

/* Mobile settings */

.mobile_title{

	border-bottom:1px solid #666666; 

}



#sv_apptpro_request_gad_mobile {

	font-family: Arial, Helvetica, sans-serif;

	background-color:#FFFFFF;

	border-width:1px;

	border-color:#999999;

	/* un-comment the following line to set booking screen width */

}



.sv_grid_button_mobile{

	font-size:18px;

	height:20px;

}

	

.button_mobile{

	height:30px; 

	font-size:18px;

}

	 

.sv_apptpro_request_dropdown_mobile {

	font-family: Arial, Helvetica, sans-serif;

	height:30px; 

	font-size:20px;

	/* un-comment the following line to override template colors */

	/*color:#000000;*/ 

}

		 

.sv_apptpro_selected_resource_mobile {

	font-size:12px;

        font-weight:bold;

	color:#0000CC;

}		 



.sv_apptpro_request_text_mobile {

	font-family: Arial, Helvetica, sans-serif;

	height:25px; 

	font-size:16px;

	/* un-comment the following line to override template colors */

	/*color:#000000;*/ 

}



.links_mobile {

	font-size:18px;

}



.checkbox_mobile {

	height:20px; 

	width:20px; 

	font-size:20px;

}



.calendar_list_row_mobile {

	height: 30px; 

	font-size: 18px;

}

		 

.calendarHeader_mobile { 

    font-weight: bolder; 

    font-size:18px;

}

 

/* color codes for front desk month view */

.calendar_text_new {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#CC66FF;

}		 

.color_new{

	color:#CC66FF;

}

.calendar_text_new a:link, calendar_text_new a:visited, calendar_text_new a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#CC66FF;

}		 

.calendar_text_accepted {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#009900;

}		 

.color_accepted{

	color:#009900;

}

.calendar_text_accepted a:link, calendar_text_accepted a:visited, calendar_text_accepted a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#009900;

}		 

.calendar_text_pending {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#FF9900;

}		 

.color_pending{

	color:#FF9900;

}

.calendar_text_pending a:link, calendar_text_pending a:visited, calendar_text_pending a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#FF9900;

}		 

.calendar_text_declined {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.color_declined{

	/*color:#FF9900;*/

}

.calendar_text_declined a:link, calendar_text_declined a:visited, calendar_text_declined a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.calendar_text_canceled {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#FF0000;

}		 

.color_canceled{

	color:#FF0000;

}

.calendar_text_canceled a:link, calendar_text_canceled a:visited, calendar_text_canceled a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	color:#FF0000;

}		 

.calendar_text_no_show {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.color_no_show{

	/*color:#FF9900;*/

}

.calendar_text_no_show a:link, calendar_text_no_show a:visited, calendar_text_no_show a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.calendar_text_attended {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.color_attended{

	/*color:#FF9900;*/

}

.calendar_text_attended a:link, calendar_text_attended a:visited, calendar_text_attended a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.calendar_text_completed {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.color_completed{

	/*color:#FF9900;*/

}

.calendar_text_completed a:link, calendar_text_completed a:visited, calendar_text_completed a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.calendar_text_deleted {

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

.color_deleted{

	/*color:#FF9900;*/

}

.calendar_text_deleted a:link, calendar_text_deleted a:visited, calendar_text_deleted a:hover{

	font-family: Arial, Helvetica, sans-serif;    

    font-size:10px;

	/*color:#FF9900;*/

}		 

		

.sv_gad_legend_mobile{

	color:#0033CC;

	font-size:8px;

	line-height:18px;

	/*background-color:#CCFFCC;*/

}





/* new in 1.4.4 */



.sv_gad_non_work_day {

	display: block;

	border:solid;

	border-width:1px; 

	border-color:#FFCC00;

	background-color:#FFFFCC;

	height:20px;

	padding:1px;

}	



		 

#resource_extras_div{

    background-color:#F4FBEA;

    /*width:500px;*/

} 		 

		 

#resource_seat_types_div{

    background-color:#FAFAF1;

    /*width:500px;*/

}