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

CSS file for Appointment Booking Pro Front End

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



#sv_apptpro_request {

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

	font-size:12px;

	background-color:#FFFFFF;

	border:dashed;

	border-width:1px;

	border-color:#999999;

        

	padding:4px;

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

	width: 867px;

	-webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;

	padding-top: 31px;

}



#sv_apptpro_request td, tr{

    border:2px;

}



#sv_apptpro_request h3{

    font-size: 20px;

    margin: -17px 0px 44px -5px;

	

	

}



#sv_apptpro_request_gad {

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

	font-size:12px;

	background-color:#FFFFFF;

	border:dashed;

	border-width:1px;

	border-color:#999999;

        padding:4px;

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

	/*width:700px;*/

}



#sv_apptpro_request_gad td, tr{

    border:0px;

    padding-top:2px !important;

}



#sv_apptpro_request_gad h3{

    font-size:24px;

    margin-top:0px

}



.sv_apptpro_request_dropdown {

	border:1px solid #bbb;

		padding:3px;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

	

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

	font-size:12px;

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

	/*color:#000000;*/ 

	line-height: 25px;

	height: 25px;

}



.sv_apptpro_request_text {

	

		display: inline-block;

	height: 18px;

	padding-top:3px;

	

	

	line-height: 18px;

	color: #555;

	-webkit-border-radius: 3px;

	-moz-border-radius: 3px;

	border-radius: 3px;

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

	font-size:12px;

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

	color:#000000; 

	

	background-color: #fff;   border: 1px solid #ccc;   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);   -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);   box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);   -webkit-transition: border linear .2s, box-shadow linear .2s;   -moz-transition: border linear .2s, box-shadow linear .2s;   -o-transition: border linear .2s, box-shadow linear .2s;   transition: border linear .2s, box-shadow linear .2s;

}



.sv_apptpro_request_label {

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

	font-size:12px;

        text-align:left;

        vertical-align:top;

//min-width:80px;

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

	/*color:#000000;*/ 

	color: black;

}



.sv_apptpro_request_select_user_label {

	background-color:#FFFFCC;

}



#sv_apptpro_print {

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

	font-size:12px;

	border:dashed;

	border-width:1px;

}



#sv_apptpro_print td{

	font-size:14px;

}



.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%;

	background-color:#FFFFFF;

	border-width:1px;

	border-color:silver;

}



/* 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{	

	background-color:#FFFFFF;

	font-size:12px;

}	 



.detail_row1{	

	background-color:#F6F6F6;

	font-size:12px;

}	 

		 

.admin_detail_row0 {

	background-color:#FFFFFF;

	font-size:12px;

	vertical-align:middle;

}



.admin_detail_row1 {

	background-color:#F6F6F6;

	font-size:12px;

	vertical-align:middle;

}

 

.sv_apptpro_errors {   

        height: auto;  

        min-width: 772px;  left: 8px;  position: relative;  display: block;  padding: 10px;  -webkit-border-radius: 10px;  -moz-border-radius: 10px;  border-radius: 10px;  

        margin: 15px 10px 35px 10px;  

        border: aliceblue;  

        color: rgb(202, 15, 15);

        background: rgb(255, 255, 255);

        float: left;

        font-size: 14px;

}



.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%;

	outline-offset: 0px !important;

}



.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:1px;

	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:dotted;

	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:25px;

	/*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:80%;

}		 

		 

/* 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 */

	/*width:500px;*/

}



.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;*/

}		 

.calendar_text_timeout {

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

    font-size:10px;

	color:#F69;

}		 

.color_timeout{

	color:#F69;

}

		

.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;*/

} 

		 

/* new in 1.4.6 */

.gad2_grid{



}

.gad2_row{

}



.gad2_legend{

    marging-top:10px;

	font-size:10px;

	line-height:25px;

	background-color:#FAFAF1;

}



		

#cell_container{

     background-color:#FAFAF1;

} 

		 

#svlabel{

	float:left; 

	width:auto; 

	margin-left:0.5em; 

	margin-right:0.5em; 

	padding-top:4px;

} 

		



#sv_apptpro_mybookings{ 

     /*background-color:#FAFAF1;*/

}



#sv_apptpro_mybookings td, tr{

    border:0px;

    padding:4px;

}



#sv_apptpro_mybookings h3{

    font-size:24px;

    margin-top:0px

}

 

$sv_apptpro_fe_admin {



}



#sv_apptpro_fe_admin td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_admin h3{

    font-size:24px;

    margin-top:0px

}

 

$sv_apptpro_fe_adv_admin{

}





#sv_apptpro_fe_adv_admin td, tr{

}



#sv_apptpro_fe_adv_admin h3{

}

		 

/* override of Joomla 1.6 default template setting max div width to 500 */

div.current {

    max-width:2000px!important;

}

		 

#sv_apptpro_fe_detail {



}



#sv_apptpro_fe_detail td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_detail h3{

    font-size:24px;

    margin-top:0px

}



#sv_apptpro_fe_resource_detail {



}

		

#sv_apptpro_fe_resource_detail td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_resource_detail h3{

    font-size:24px;

    margin-top:0px

}



#sv_apptpro_fe_service_detail {



}

		

#sv_apptpro_fe_service_detail td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_service_detail h3{

    font-size:24px;

    margin-top:0px

}

 

#sv_apptpro_fe_timeslot_detail {



}

		

#sv_apptpro_fe_timeslot_detail td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_timeslot_detail h3{

    font-size:24px;

    margin-top:0px

}

		 

#sv_apptpro_fe_bookoff_detail {



}

		

#sv_apptpro_fe_bookoff_detail td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_bookoff_detail h3{

    font-size:24px;

    margin-top:0px

}

		 

#sv_apptpro_fe_coupon_detail {



}

		

#sv_apptpro_fe_coupon_detail td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_coupon_detail h3{

    font-size:24px;

    margin-top:0px

}

		 

#sv_apptpro_fe_extras_detail {



}

		

#sv_apptpro_fe_extras_detail td, tr{

    border:0px;

    padding:4px;

    font-size:12px;

}



#sv_apptpro_fe_extras_detail h3{

    font-size:24px;

    margin-top:0px

}

		 

#sv_apptpro_front_desk {



}

		

#sv_apptpro_front_desk td, tr{

/*    border:0px;*/

    padding:4px;

    font-size:12px;

}



#sv_apptpro_front_desk h3{

    font-size:24px;

    margin-top:0px

} 



#sv_apptpro_front_desk_top td, tr{

    border: 1px solid #ccc;

    padding:4px;

    font-size: 12px;

}



#calview_here {

    padding-left:2px;

}  



.calcResults_outside {

	border:solid 1px #000;

}



.calcResults_header{

	background-color:#ededed;

	border-top:solid 1px #000;

	text-align:center;

}



.sv_readonly_background{

     background-color:#F0F0F0;

	 color:#666;

}      



#sv_apptpro_fe_detail_read_only{

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

	font-size:12px;

} 



.fe_header_bar{

     background-color:#FFFF00;

     border-top:solid 1px !important;

     border-bottom:solid 3px !important;

	 text-align:right;

}  



.wiz_header_bar{

     background-color:#e3fce3;

     border-top:solid #CCC 1px; 

     border-bottom:solid #CCC 1px;

} 

 

.booking_header{

     border-top:solid #CCC 1px !important; 

     border-bottom:solid #CCC 1px !important;

} 



.booking_footer{

     border-top:solid #CCC 1px !important;

     border-bottom:solid #CCC 1px !important;

} 

 

.resource_selector{

     background-color:#F0F0F0;

}



.booking_title{

	padding-top:10px;

}



.fe_admin_header{

     background-color:#F4F4F4;

	 /*color:#000;*/

} 

 

.sv_apptpro_user_search tr, td{

	border: 1px solid rgb(207, 207, 207);

	white-space: nowrap;

}

		

.sv_select select { 

	display:list-item !important;

	width:auto;

	min-width: 100px;

	min-height:80px;

} 

.sv_order_style {

	width:30px; 

	text-align: center;

}

.sv_date_box {

	width:80px; 

	text-align: center;

}



.admin_dropdown {

	width:auto;

} 

		

#sv_alertWindow {

  display: none;

  border: 1px solid #333;

  width: 600px;

  height: 400px;

  border-radius: 5px;

  padding: 10px;

  background-color:#FFFFFF;

  z-index:3200;

  position:absolute;

}

#btnOk, #btnCancel {  }



.svCartFixedHeightContainer

{

  display: none;

  height: 400px;

  width:640px; 

  padding:3px; 

  z-index:3200;

  position:absolute;

}

.svCartPopupContent

{

  height:350px;

  overflow:auto;

  background:#fff;

}



#sv_footer {

  width:70%;

  text-align:center;

  margin: 20px 0 0 20px; 

  padding: 10px; 



  border: 1px solid #d8d8d8; 

  background: #f9f9f9;

 

  -moz-border-radius: 4px; 

  -webkit-border-radius: 4px; 

  border-radius: 4px; 

  -moz-box-shadow: inset 0 0 0 1px #fff;

  -webkit-box-shadow: inset 0 0 0 1px #fff;

  box-shadow: inset 0 0 0 1px #fff;



 

  display: none;

} 

		 

#sv_header {

  width: 500px;

  text-align: left;

/*  border-top:solid thin #d8d8d8;

  border-bottom:solid thin #d8d8d8; */

  padding: 10px;  

  display: block;

  margin: -31px 0px 12px -17px;

  float: left;

  font-weight: bold;

  font-size: 13px;

  line-height: 27px;

}   

		

.sv_udf_radio_table{

  width:70%;

} 



.sv_udf_radio_table input, sv_udf_radio_table td{		 

  display:table-cell;

  vertical-align:text-bottom;

}  

		

		

#user_field1_label,#user_field0_label,#user_field2_label,#user_field3_label,#user_field4_label,#user_field5_label{

	

	

margin-left:0px !important;	



border:none !important;

box-shadow:none !important;

	

}	





textarea:focus,

input[type="text"]:focus,

input[type="password"]:focus,

input[type="datetime"]:focus,

input[type="datetime-local"]:focus,

input[type="date"]:focus,

input[type="month"]:focus,

input[type="time"]:focus,

input[type="week"]:focus,

input[type="number"]:focus,

input[type="email"]:focus,

input[type="url"]:focus,

input[type="search"]:focus,

input[type="tel"]:focus,

input[type="color"]:focus,

.uneditable-input:focus {

	border-color: rgba(82,168,236,0.8);

	outline: 0;

	outline: thin dotted 9;

	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);

}