/**********************************************
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:500px;*/
}

#sv_apptpro_request td, tr{
    border:2px;
}

#sv_apptpro_request h3{
    font-size:24px;
    margin-top:0px
}

#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;*/
        border: none;
}

#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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	/* 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;
        vertical-align:top;
//min-width:80px;
	/* un-comment the following line to override template colors */
	/*color:#000000;*/
}

.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 {
    border: solid 1px;
    font-size:12px;
    padding:2px;
}


.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 {
        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%;
	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_row_wrapper {
    /*color:#0033CC;*/
    color: #b0b0b0;
    height:23px;
    border-style: solid;
    border-width: 1px;
}

.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:#b0b0b0;
}

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

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

.calendar_text_bookoff {
    font-family: Arial, Helvetica, sans-serif;
    font-size:10px;
    font-weight:bold;
    color:#FFF;
    background:#F00;
}


.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:0px;
    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:0pt;
}

.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:100px;
	text-align: center;
       margin: 8px !important;
}

.sv_date_box_mobile {
	width:140px;
	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;
}

#sv_alertWindowMobile {
  display: none;
  border: 1px solid #333;
  width: 250px;
  height: 350px;
  border-radius: 5px;
  padding: 2px;
  background-color:#FFFFFF;
  z-index:3200;
  position:absolute;
  left: 2;
}
#btnOk, #btnCancel {  }

.svCartFixedHeightContainer
{
  display: none;
  height: 400px;
  width:640px;
  padding:3px;
  z-index:3200;
  position:absolute;
}

.svCartPopupContent
{
  height:350px;
  overflow:auto;
  /*background:#ffc;*/
}

#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;

 }

#sv_header {
  width:90%;
  text-align:center;
/*  border-top:solid thin #d8d8d8;
  border-bottom:solid thin #d8d8d8; */
  padding: 10px;
  margin-bottom: 10px 20px;
}

.sv_udf_radio_table{
  /*width:70%;*/
}

.sv_udf_radio_table input, sv_udf_radio_table td{
  display:table-cell;
  vertical-align:text-bottom;
}

.sv_udf_radio_text{
  padding-left:5px;
  padding-right:10px;
}
.display_grid_date{
color:#f00;
}

#cart_dialog {
/*background-color:#FFC;*/
}

#sv_apptpro_view_cart table{
background-color:#FFC;
}

.sv_help_icon{
 vertical-align:top;
}

.sv_yellow_bar{
  background-color:#FFFF00;
}

.row0_mobile{
	font-size:11px;
	height:40px;
}

.row1_mobile{
	background-color:#F6F6F6;
	font-size:11px;
	height:40px;
}

.sv_select_mobile {
	display:list-item !important;
	min-width: 100px;
	min-height:80px;
}

.row30px{
	height:30px;
}

/* tabs for mobile advanced admin */
#tabs-mobile { width: 99%; }
 #tabs-mobile .ui-tabs-nav { padding: .2em .1em .2em .2em;  width: 98%; background:#CCC; }
 #tabs-mobile .ui-tabs-nav li { clear: left; width: 99%;  background:#FFFFFF;}
 #tabs-mobile .ui-tabs-nav li a { display:block; }
 #tabs-mobile .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; background-color:#EFEFEF  }
 #tabs-mobile .ui-tabs-panel { border-width: 0px 1px 1px 1px; clear:left; padding-top:10px;  }


#mobile_datepicker {
  background-color: #FF0000;
  height: 200px;
  left: 50%;
  position: fixed;
  top: 50%;
  width: 200px;
  margin: -100px 0 0 -100px;
}