@import "../fonts/stylesheet.css";


/******************************************************************************
FORM STYLE
******************************************************************************/

/* Basic Reset */
input, textarea { font-family: 'SegoeUI', Arial, sans-serif;  }
input, textarea    {resize:none; outline:none;  transition:all .6s ease;  -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease; }

/* General */
.mand { color:#11305e; }
.formclear { clear:both; width:99%; display:block; height:5px; padding:0px; margin:0px; }
.err { color:#ab8220; font-size:11px}
.formnote { font-size:80%;   color:#11305e; }
.form-box ul li > .fullspan {width:100%}

/* Form Structure */
.form-box ul     {  width:100%; padding:0px; margin:0; float:left;  }
.form-box ul li  {list-style:none; margin:0 3% 2% 0; padding:0; display:inline-block; width:97%; vertical-align:text-top;   }
.form-box ul li.fieldname { width:26%;}
.form-box ul li.fieldarea { width:66%; }
.form-box ul li p { margin-bottom:5px;}


/* Form Columns */
.form-box .formcol2 li { width:46%;} 
.form-box .formcol2 > li.fullspan { width:98%;  }
.form-box .formcol3 li { width:29%;} 
.form-box .formcol3 > li.fullspan { width:98%;  }
.form-box .formcol4 li { width:21%;} 

.form-box-50 {  width:50%; }
.form-box-75 {  width:75%; }

/* Common Form Tags */
.form_input  { width:95%; padding: 8px 5px; margin-top:6px; color:#333; outline:none; background-color:#fff; border: 1px solid #DDD; border-collapse:collapse;}
.form_input:hover, .form_input:focus {color:#11305e; border: 1px solid #11305e;   }

.cart-table h3, .cart-table h4, .cart-table h5{margin-bottom:0;}

.form_dropdown { width:98%;  }
.input_fullspan { width:100%;  }

.cal_input {  position:relative; float:left;   }
.form_icon_cal {  position:relative; margin-left:-30px; top:5px; font-size:20px;    }
.fileupload { width:96%; padding:3px 4px ;  }

.verification_box  {  width:100%; padding:0; display:table; vertical-align:middle;   }
.captcha_code {  width:80px; padding: 3px 2px; display:table-cell; vertical-align:middle; text-align:left;  }
.captcha_img {  width:120px;  display:table-cell;  vertical-align:middle; text-align:left;}
.captcha_refresh {  width:auto;  display:table-cell; padding: 3% 2%; text-align:left; vertical-align:middle; }

.form_captcha { width:70px; }
 
.qty { width:40px; margin:0 auto;   }

.form_submit { display: inline-block;    width:auto;    cursor: pointer; text-decoration: none; transition:all .6s ease;  -webkit-transition:all .6s ease; -moz-transition:all .6s ease; -o-transition:all .6s ease; -ms-transition:all .6s ease;
    margin:0; outline:none;  padding: 8px 20px 10px 20px;  font-weight:600; font-size:17px;  text-transform:uppercase; background:#ddf2ff;   border:3px solid #ddf2ff; color: #01135b;   position:relative; border-radius:5px; }


.form_submit:hover {    color: #fff; background:#01135b;  text-decoration: none; border:3px solid #fff; }


 

.form_submit:nth-child(2) {  margin: 0 5px;   } 
 

/* :: POP UP BOX FORMS :: */
.popup-heading { background:#5476b3; color:#fff; padding:10px; }
.popup-heading h1 {  font-size:22px !important; color:#fff; line-height:normal; padding:0; margin:0;    }
.popup-content { padding:10px; color:#666; display:block;   }

 

/******************************************************************************
FORM STYLE
******************************************************************************/





/*****************************************************************************************************************
MEDIA QUERIES
*****************************************************************************************************************/



@media only screen and ( min-width: 240px) and ( max-width: 480px) {

input, textarea { font-family: 'SegoeUI', Arial, sans-serif;  }

.form-box ul     { padding:0px; margin:0px;  }
.form-box ul li  {list-style:none; padding:0; margin:0 0% 10px 0; display:inline-block; width:98%; vertical-align:text-top;    }

.input_fullspan { width:95%;  } 

.form-box span.mand { color:#ab8220; }

.form-box li.formclear { clear:both; width:99%; display:block; height:0px; padding:0px; margin:0px; }

.form-box li.name {width:100%; padding:0px 0px 5px 0px; margin:0px; vertical-align:top; }
.form-box li.box  {float:left; line-height:15pt;}

.captcha_code {  width:100%; padding: 3px 2px; display:block; vertical-align:middle; clear:both;   }
.form_captcha { width:96%; }
.captcha_img {  width:auto; margin-right:10px;  display:inline-block; float:left;  vertical-align:middle;}
.captcha_refresh {  width:5%;  display:inline-block; padding: 3% 2%; text-align:right; vertical-align:middle; }

.form_dropdown       {width:100%; padding:4px 3px; outline:none;  font-family:'Robotoregular';}

.form-box li.fullspan1        {width:100%}
.form-box li.fullspan2        {width:100%}



.form-box hr { width:100%; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; clear:both; display:none;  }

/* Form Columns */
 
.form-box .formcol2 li { width:98%;} 
.form-box .formcol3 li { width:98%;} 
.form-box .formcol4 li { width:98%;} 

}


@media only screen and ( min-width: 240px) and ( max-width: 768px) {

.form-box ul li.fieldname { width:100%;}
.form-box ul li.fieldarea { width:100%; margin-bottom:20px; }

.form-box-50 {  width:100%; }
.form-box-75 {  width:100%; }


}

 
/* :: RADIO BUTTON CHECKBOXES STYLING :: */
input[type=radio], input[type=checkbox] { _display: none; }

/*------  Radio button  --------*/
.radiobutton label { display: inline-block; cursor: pointer; position: relative; padding-left: 22px; margin-right: 15px; vertical-align:top; }
.radiobutton label:before { content: ""; display: inline-block; width: 15px;	height: 15px; margin-right: 10px;  position: absolute; left: 0; bottom: 1px; background-color: #fff; border: none; box-shadow: inset 0px 0px 2px #666; border-radius:10px; }

.radiobutton label {  margin-bottom: 10px; vertical-align:top;}

input[type=radio]:checked + label:before { content: "";  text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  text-align: center;    padding:0px; margin:0;   font-family: 'FontAwesome';  }
input[type=radio]:checked + label:before {background-color:#11305e; border: none; box-shadow: none;}


/*------  Checkbox  --------*/
.checkbox {display:inline-block; vertical-align:top;}
.checkbox label {   color:#808080; cursor: pointer; position: relative; padding-left: 22px; margin-right: 15px;   }
.checkbox label:before { content: ""; display: inline-block; width: 14px;	height: 14px; margin-right: 10px;  position: absolute; left: 0; bottom: 1px; background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0px 0px 2px #666;    }

.checkbox label { margin-bottom: 5px; vertical-align:top;}
.checkbox label:before { border-radius: 0px;}

input[type=checkbox]:checked + label:before { content: "\f00c"; text-shadow: 1px 1px 1px rgba(0, 0, 0, .2); font-size: 15px; color: #fff; text-align: center; line-height: 15px; border-radius: 0px;      font-family: 'FontAwesome';}
input[type=checkbox]:checked + label:before {background-color: #11305e; border: 1px solid #11305e; box-shadow: none;}

/* :: RADIO BUTTON CHECKBOXES STYLING :: */




.mt {background: #fd705b; width:auto; display:inline-block;  padding:1%; color:#fff;}
 
.txt_cent {text-align:center;}

.rate-table { width:100%; border:0px; border-collapse:collapse;}
.rate-table tr td { padding:5px; margin:0; border:1px solid #dce6f6; text-align:center;}
.rate-table .ratecol1 , .rate-table .ratecol2 { width:50%;}


/* :: POP UP BOX FORMS :: */
.popup-heading { background:#5476b3; color:#fff; padding:10px; }
.popup-heading h1 {  font-size:22px !important; color:#fff; line-height:normal; padding:0; margin:0;  text-align:center;   }
.popup-content { padding:10px; color:#666; display:block;   }