@charset "utf-8";
/* CSS Document */

/*map*/
 #gmap_canvas {
        width: 100%;
        height: 400px;
		margin:10px auto;
     }

/* payment */
.payment_content {
    width: 55%;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 2px solid #fff;
    outline: none;
	display:inline-block;
	font-weight:600;
}

.card_size {
height:25px;
margin:0 15px 0 0;
}


#dateinput input[type=text]{
width:6em;
    padding: 10px 10px 10px 20px;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	margin-right:8px;
}



/*search*/
#districtsearch{float:right;
}

input[type=search] { 
	color: #c76c00;  
	text-align: left;
	padding: 10px 10px 10px 20px;
	cursor: pointer;
	display:inline-block; 
	/*width: 40%;*/ 
	
	font-size:1em;
	font-weight:500;
              
	-webkit-appearance: none;
  
	position:absolute;
	top:0px;
	width:100%;
	height:100%;
	min-height:44px;
}

::-webkit-input-placeholder {
  color: #c76c00;
}


#captchaimg{ 

margin-right:30px;}

/*--personal info---*/

#personalinfo {
height:auto;
}

#personalinfo #title1{
	clear:both;
	padding-left:15%;
display:block;
width:100%;
	padding-top:30px;
}

#personalinfo input[type=search] { 
	color: #c76c00;  
	text-align: left;
	padding: 10px 10px 10px 20px;
	cursor: pointer;
	display:inline-block; 
	/*width: 40%;*/ 
	font-size:1em;
	font-weight:500;
	-webkit-appearance: none;
	top:0px;
	width:100%;
	height:100%;
	min-height:44px;
}


#personalinfo input[type=text] {
    width: 55%;
    padding: 10px 0px 10px 20px;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

.width_45{width:42% !important;margin-right:3%;}
.width_10{width:10% !important;}

#personalinfo input[type=text]:focus {
    border: 2px solid rgb(250,128,5);
}


#personalinfo .input_content {
    width: 55%;
    padding: 10px 20px;
    box-sizing: border-box;
    border: 2px solid #ebebeb;
    outline: none;
	display:inline-block;
	font-weight:600;
	background-color:#f7f7f7;
}


#personalinfo select {
    padding: 9px 0 9px 30px;
   
	  box-sizing: border-box;
	 border: 2px solid #ebebeb;
  background: url(../imgs/arrow_down.jpg) no-repeat 96% 0;
}

#personalinfo option{
padding:0 30px;	

}

select:focus > option:hover {
    background: #ffad2f !important;
}


.div-table{
background-color:#fff;
border-radius: 10px;
margin:0 auto;
}
	
.div-table_90{
margin:0 auto;
  width:90%;
}

.div-table-row{
  clear:both;
  padding: 12px 5% 12px 15%;
  display:block;
  width:100%;
}
.div-table-col{
  float:left;
   width:30%;         
  background-color:#ebebeb;
 padding: 12px 10px 12px 3%;
 display:inline-block;
 
      
 }
 .div-table-col_right{
  float:left;    
padding:0 0 0 0.5%;
  display:inline-block;
  width:70%;
}

.div-table-radio{
  float:left;
   width:inherit;
   padding:6px 0px;
    margin: 8px 5px 8px 0;  
	display: inline-block;}

.div-table, .div-table-col, .div-table-row{
	vertical-align:baseline;
}

.bill_option2{
	padding: 0px 0px 0px 50px;
	display:inline-block;
}

.customer_type_font{
font-size:0.9em;
display:inline-block;
width:90%;
text-align:justify;
margin-bottom:15px;
}

#note_style{
font-size:0.8em;
padding: 5px 20px 20px 25px;
display:inline-block;
width:75%;
text-align:justify;
}


#personal_statment
{ height:120px;
  width:85%; 
  margin-left:3%; 
  padding:10px 0 10px 10px;
  border:1px solid #e1e1e1;
  background:#eee;
  display:inline-block;
}

#personal_statment p{
	font-size:0.8em;
	
}

.statment_content
{height:105px;
   overflow:auto;
}

/* calendar */


.cal-group>.btn{
	position:relative;float:left
}

.muted {background-color:#eee;
color:#c8c8c8;
}


/*confirmation*/
#confirm_info{display:inline-block;
width:100%;
	}
	
#confirm_info #title1{
	clear:both;
	padding-left:15%;
display:block;
width:70%;
	float:left;
}

#confirm_info #but_autoback{ 	margin-top:25px;
float:left;
}
/*--- select --*/




/* -------------------- Select Box Styles: bavotasan.com Method (with special adaptations by ericrasch.com) */
/* -------------------- Source: http://bavotasan.com/2011/style-select-box-using-only-css/ */
.styled-select {
   background: url(../imgs/arrow_down.jpg) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}

.styled-select.slate {
   background: url(../imgs/down_arrow2.jpg) no-repeat right center;
   height: 34px;
   width: 240px;
}

.styled-select.slate select {
   border: 1px solid #ccc;
   font-size: 16px;
   height: 34px;
   width: 268px;
}

/* -------------------- Rounded Corners */
.rounded {
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
}

.semi-square {
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}

/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2; }
.yellow  { background-color: #e5e7db; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }


/* -------------------- Select Box Styles: danielneumann.com Method */
/* -------------------- Source: http://danielneumann.com/blog/how-to-style-dropdown-with-css-only/ */
#mainselection select {
   border: 0;
   color: #EEE;
   background: transparent;
   font-size: 20px;
   font-weight: bold;
   padding: 2px 10px;
   width: 378px;
   *width: 350px;
   *background: #58B14C;
   -webkit-appearance: none;
}

#mainselection {
   overflow:hidden;
   width:350px;
   -moz-border-radius: 9px 9px 9px 9px;
   -webkit-border-radius: 9px 9px 9px 9px;
   border-radius: 9px 9px 9px 9px;
   box-shadow: 1px 1px 11px #330033;
   background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}


/* -------------------- Select Box Styles: stackoverflow.com Method */
/* -------------------- Source: http://stackoverflow.com/a/5809186 */
select#soflow, select#soflow-color {
   -webkit-appearance: button;
   -webkit-border-radius: 2px;
   -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
   -webkit-padding-end: 20px;
   -webkit-padding-start: 2px;
   -webkit-user-select: none;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5);
   background-position: 97% center;
   background-repeat: no-repeat;
   border: 1px solid #AAA;
   color: #555;
   font-size: inherit;
   margin: 20px;
   overflow: hidden;
   padding: 5px 10px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 300px;
}

select#soflow-color {
   color: #fff;
   background-image: url(http://i62.tinypic.com/15xvbd5.png), -webkit-linear-gradient(#779126, #779126 40%, #779126);
   background-color: #779126;
   -webkit-border-radius: 20px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   padding-left: 15px;
}

/*popup added on 20161214 */
.ui-dialog
{ border-color:#ff8f10 !important;
padding:5px !important;
width:450px !important;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.5);

}

.ui-dialog-title{font-size:14px;
padding-top:8px;
padding-bottom:8px;
}

.ui-widget-header{background-color:#ff8f10 !important;
margin-bottom:15px;
}



.ui-dialog-content {
	text-align:left;
	font-weight:500;
	padding-left:10px;
	padding-right:10px;

}

.ui-dialog-buttonpane {border:none !important;

}

.ui-button {width:auto !important;
height:auto !important;
font-size:12px !important;
border:1px solid #fff !important;
color:#fff !important;
background-color:#fb8005 !important;
border-radius:8px  !important;
}

.ui-button:hover{background-color:#7a6d6e !important;
}

.ui-dialog-titlebar .ui-button{
width:20px !important;
border:0px !important;
border-radius:4px  !important;
background-color:#ff8f10 !important;
}