﻿.ValidationErrors {
	color: #fb5858;
}
.reload-btn {
  font-size: 1.3em;
  letter-spacing: 1px;
  cursor: pointer;
  /*background: #646464;
  background-image: -webkit-linear-gradient(top, #646464, #272727);
  background-image: -moz-linear-gradient(top, #646464, #272727);
  background-image: -ms-linear-gradient(top, #646464, #272727);
  background-image: -o-linear-gradient(top, #646464, #272727);
  background-image: linear-gradient(to bottom, #646464, #272727);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  color: #fdd900;*/
  width:42px;
  height:42px;
  padding: 8px;
  text-decoration: none !important;
  text-align:center;
}

.reload-btn:hover {
  /*background: #8b8b8b;
  background-image: -webkit-linear-gradient(top, #8b8b8b, #3c3c3c);
  background-image: -moz-linear-gradient(top, #8b8b8b, #3c3c3c);
  background-image: -ms-linear-gradient(top, #8b8b8b, #3c3c3c);
  background-image: -o-linear-gradient(top, #8b8b8b, #3c3c3c);
  background-image: linear-gradient(to bottom, #8b8b8b, #3c3c3c);*/
  text-decoration: none !important;
}	
@media(min-width: 769px) {
	.input_label {
		margin-bottom:25px;
	}
}
.form-container .table, .form-container table, .form-container .table td, .form-container table td {
	border: 0px solid #ccc !important;
	margin-bottom: 0px !important;
}
.form-container .booking-calender .table td, .form-container .booking-calender table td{
	min-width: 0px !important;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  /*border: 1px solid #a88a32;*/
	border: 1px solid #cccccc;
  -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 0px 0px 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;
}
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(163, 174, 239, 0.8);
  outline: 0;
  outline: thin dotted \9;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(38, 52, 139, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(38, 52, 139, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(38, 52, 139, 0.6);
}


.formbox textarea,
.formbox input[type="text"],
.formbox input[type="password"],
.formbox input[type="datetime"],
.formbox input[type="datetime-local"],
.formbox input[type="date"],
.formbox input[type="month"],
.formbox input[type="time"],
.formbox input[type="week"],
.formbox input[type="number"],
.formbox input[type="email"],
.formbox input[type="url"],
.formbox input[type="search"],
.formbox input[type="tel"],
.formbox input[type="color"],
.formbox .uneditable-input {
  background-color: #ffffff;
  border: 1px solid #a88a32;
	/*border: 1px solid #cccccc;*/
  -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;
}

.btn_submit {
    cursor: pointer;
	text-align:center;
    color: #fff;
	padding: 10px 20px;
	width:100px;
	font-weight: bold;
	letter-spacing: 1px;		
    display: inline-block;
    outline: none;
    text-decoration: none;
    line-height: normal;
    font-size: 1em;
    transition: color 0.3s ease-out, background-color 0.3s ease-out, border-color 0.3s ease-out;
    color: rgb(255, 255, 255);
	background: #4e6c3b;
	background-size: cover;
}

.btn_submit:hover {
	color: #ffffff;
	text-decoration: none;
	background: #38522b;
	background-size: cover;
}

  .reload-btn-pos {
    float: left;
    padding-left: 5px;
  }
  #capImg {
    width: 230px;
	max-width: 230px;
  }
  
/* iphone6-5 only */
@media (max-width: 360px) {
  #capImg {
    width: 200px;
	max-width: 180px;
  }
}




.page{
	background:#fff; 
}


#formDiv {
	font-size:12px; 
	border: 0px; 
	background:#e9edf5; 
	width:100%; 
	/*padding-bottom:50px;*/
}

#accessCodeDual_holder{
	display: none;
}

.font-title{
	color:#fff; 
	font-size:14px; 
	font-weight:bold; 
	text-align:left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin:0px;
	background:#a7860c;
	padding:5px 10px;
	margin-bottom:15px;
}

.application-form{
padding:0px;
margin:0px 0px;
}
.form-container{
	margin-top:30px;
}
.formbox{
    padding: 30px 20px;
    background: #fff0d4;
}
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: left;
}

.font-title-sub{
	color:#022169; 
	font-size:14px;
	font-weight:bold; 
	text-align:left; 
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	margin:0px;
}

.underline{
	border-bottom:1px dotted #ccc; 
	height:40px;
}

.box{
	border:1px dotted #ccc;
	width:100%;
	background:#fff;
	display:block;
}

.form-horizontal .form-group {
	margin-right: 0px;  
	margin-left: 0px; 
	margin-top: 20px; 
}

.grouplesson table {
	background:#fff; 
	border:1px solid #ccc; 
	width:100%;
}

.grouplesson table tr{
	border-bottom:1px solid #ccc; 
	padding:15px;
}

.grouplesson table tr td{
	padding:10px;
}

.cheerbox {
	background-color: inherit!important; 
	color: #333; 
	padding: 15px;
}

.text-hl-yellow {
	color:#a88a32;
	font-weight: bold;
}

.form-control {
	border: 1px solid #a88a32;
	padding: 3px 12px;
}

.form-control:focus {
    border-color: #a88a32;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168,138,50,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(168,138,50,.6);
}

.clickButton {
	background-color: #a7860c; 
	color: white; 
	padding: 8px 15px; 
	display: block; 
	text-align: center; 
	/* margin: 0 auto; */
	cursor: pointer; 
	width:200px;
	margin-bottom:30px;
	font-size: 14px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.clickButton:hover {
    background-color: #d4a900;
}

.submitDiv .clickButton{
	margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
		
.marginTop-7px{
margin-top:7px;
}

.marginTop-20px{
margin-top:20px;
}

.checkbox{
float:left;
margin: 0px 25px 15px 30px;
}

.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline {
     padding-top: 20px;
}


.remarks{
line-height:18px;
margin-top:5px;
}

.left-fill{
display:inline; 
width:80%; 
float:left;
}
.remarks-Optional{
padding-left:5px;
}

.Residential-area-m{}
.marginTop20px-m{margin-top:0px;}

#captchaInputDiv{
margin-bottom:30px;
margin-top:10px;
}

h5 {
    color: #022169;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 400;
    margin-bottom: 100px;
    font-family: "Arial", "sans serif";
}

@media (max-width: 1119px) {
 .marginTop20px-m{margin-top:10px;}
 .font-title{margin-top:20px;}
 

}

@media (max-width: 767px) {
.marginTop-20px {
    margin-top: 10px;
}
 .Residential-area-m{margin-top:10px;}
 
 .title-marginTop-20px{
 margin-top:40px;
 }
}

@media (max-width: 550px) {

.female{
width:120px;
}
}

@media (max-width: 320px){
	.female {
		width: auto;
	}
	
	.clickButton {
		width: 100%;
	}
}

.formField{
	font-size: 14px;
}	

.form-control{
	height: 30px;
}

.itemRight{
	padding-left: 0px;
    padding-right: 30px;
}
.itemBelow{
	margin-top: 5px;
}

.form-success-msg{
	background: #fbfbfb;
    padding: 25px;
}


select.ErrorField{
	border: 1px solid #fb5858;
	box-shadow: 0px 0px 14px #bbb; 
    -moz-box-shadow: 0px 0px 14px #bbb;
    -webkit-box-shadow: 0px 0px 14px #bbb;  
}
/* Style of DatePicker*/
.datepicker .table-condensed{
	/*background: #fff;*/
	background: #f5f5f5;
}


.datepicker .table-condensed tr th {
    border-top: 2px solid #a7860c!important;
}

.datepicker .table-condensed thead {
    background-color: #fff;
}

.booking-calender-inner table td {
    border: 1px solid #fff!important;
}

.datepicker td, .datepicker th {
    border-radius: 0px;
}

.form-container table td.datePickedDiv {
    border: 0px solid #fff!important;
}

.datepicker .prev, .datepicker .datepicker-switch, .datepicker .next{
	border-bottom: 2px solid #a7860c;
} 
.datepicker .prev.disabled, .datepicker .next.disabled{
	visibility: visible;
}
.datepicker .prev, .datepicker .next{
    background: #a7860c;
    border-radius: 0px;
    color: #fff;
	font-size: 1.3em;
}
.datepicker td, .datepicker th{
	text-transform: uppercase;
}
.datepicker .day{
	border-radius: 0px;
	padding-top: 15px;
    padding-bottom: 15px;
	background: #ece6da;
}
.datepicker .day.new{
	background: #fff;
	display:none;
}
.datepicker .day.active{
	background: #a7860c !important;
	font-weight: bold;
}
.datepicker .day.today{
	background: #eaeaea !important
}
.datepicker .day.active.today{
	background: #a7860c !important;
}
.datepicker .day.today.disabled, .datepicker .day.today.disabled:hover {
    background: #fff !important;
    color: #a7860c !important;
}

.datepicker table tr td.day:hover {
	color: #fff !important;
	background: #a7860c !important;
	font-weight: bold;
}




.datepicker table tr td.disabled, .datepicker table tr td.disabled.day:hover {
	color: #ccc!important;
	background-color:inherit!important;
	font-weight: normal;
}

/*.table-condensed tbody tr {
    border-bottom: 2px solid #a88a32;
}*/

th.dow {
    color: #a88a32;
}

.datepicker .prev:hover, .datepicker .next:hover{
	background-color: #a88a32!important;
	color:#fff;
}

.datepicker-inline {
    width: 100%;
}
.lastUpdatedDiv {
    margin: 5px 10px 10px 10px;
    color: #999999;
}
/* Style of DatePicker*/

.booking-calender-outer{
	margin: 0px 15px;
    border: 1px solid #ddd;
	padding: 15px 0px;
}
.booking-calender ul li{
	list-style-type: decimal;
	margin-left: 15px;
}

@media (max-width: 767px){
	.itemRight{
		padding-left: 15px;
		padding-right: 15px;
	}
	.form-control{
		height: 28px;
	}
	.formField {
		font-size: 12px;
	}
}
@media (max-width: 992px){
	.form-control {
		margin-bottom: 5px;
	}	
}

@media (min-width: 1024px){
	.mdpadding-left{
		padding-left:10px;
	}
}

@media screen and (max-width: 454px){
	
	.booking-calender-outer {
    /*margin: 0px 5px;*/
	}
	
    
}


