/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
/* fallback */
form fieldset {padding:25px;}
p.form_submit_button input {float:left;}
.log_ajax_loader {width: 40px;height: 40px;border-radius: 50%;border: 8px solid;border-color: #E4E4ED;border-right-color: #8CB41E;animation: spin 2s linear infinite;;float: left;display:none;margin-left: 25px;
    margin-top: 5px;}	
div.status .error_message {color: red;font-size: 18px;margin-bottom:10px;}
.iq_register_form label.error {color: red;font-size: 15px;font-weight: normal;margin-top: 5px;}
div.status .success_message {color: #8CB41E;font-size: 18px;margin-bottom:10px; border:2px groove #abb8c3;padding:10px;}
div.status .success_message a{font-size: 20px;font-weight: 600;color: #FFF;background-color: #1F2A44;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5); border-radius: 30px 30px 30px 30px;padding: 10px 20px 10px 20px;text-decoration: none;1px groove #8CB41E}
div.status .success_message a:hover{background-color:#8CB41E;color:#FFF;}
.form_submit_button .submit_button{font-family: "Questrial", Questrial;font-size: 24px !important;font-weight: 500;background-color: #8CB41E;padding: 6px 25px 6px 25px !important;border: navajowhite;}
.loadersmall {display: inline-block;border: 4px solid #f3f3f3;border-radius: 50%;border-top: 4px solid #8DB22F;width: 30px;height: 30px;animation: spin 1s linear infinite;margin-left: 10%;}
#resut_data li {cursor: pointer;background: #ccc;padding: 2px;list-style: none;border: 1px solid #ddd;margin-top: 5px;}
#form_loader {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.8);z-index: 9999; display: flex;align-items: center;justify-content: center;}
.loader {border: 16px solid #f3f3f3; border-top: 16px solid #8DB22F;border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;}
@keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
#quote_submit {box-shadow: none;padding: 6px 35px;font-size: 20px;text-transform: uppercase;border: none;}
.iq_table_heading , .iq_table_body{ display: table;width: 100%;}
.iq_table_heading span {min-width: 185px;text-align: center;background: #8DB22F;color: #fff;font-weight: 700; padding: 0.5rem 1rem;}
.iq_table_body span input {border: 0;    padding: 8px 0;}
.iq_table_body span b {height:40px; display:inherit;padding:8px 0;}
.iq_table_body span {list-style: none;border: 1px solid #8DB22F;}
.iq_table_body .subtotal {border: none !important;padding: 0.5rem 1rem;display: block;}
.iq_row_add {padding: 0px 35px 0 35px !important;margin: 10px 0 10px 0;box-shadow: none !important;}
.iq_quote_total {font-size: 25px;font-weight: 700;text-align: right;}
.iq_email_textbox {width: 50%;}
.iq_submit_button {margin: 20px 0 20px 0;}
.iq_table_body ul li {list-style: none;}
span.product_list_item {position:relative;} 
.iq_table_body ul {margin: 0;padding: 0;max-height: 200px;overflow: hidden scroll;position: absolute;background: rgb(255, 255, 255);border: 1px solid rgb(141, 178, 47);width: 190px;display: none;z-index: 1;
    left: 0;top: 100%;}
.iq_table_body ul li {list-style: none;margin: 7px 0px;}
.iq_table_body ul li span {border: none;padding: 0px 16px;cursor: pointer;    display: block;}
.iq_table_body ul li span:hover {color: #8DB22F;}
.iq_mobile_heading { display: none;}
.iq_notice-success {border-left: 5px solid #8CB41E;padding: 10px;background: #1f2a44;color: #ffffff !important;}
.iq_notice-error {border-left: 5px solid red;padding: 10px;background: #1f2a44;color: #ff0202 !important;}
.total .iq_quote_total{float: right;}
.total .total-btn{display: flex;align-items: center;justify-content: space-between;}

.quote-form-left .iq_table_heading span{min-width: inherit;padding: 5px 10px;}

.total .total-btn button{border-color: #8CB41E !important;}
.total .total-btn button:hover{border-color: #1F2A44 !important;}

#quote_table .iq_table_body .quote_table_mb{width: 100% !important;}
div.shiiping_check {margin-top: 15px;display: block;}
div.shiiping_check .shipping_info {display:block;}
span.readonly, span.readonly input {background:#ECECEC;}
.shiiping_check p{font-weight:bold;margin-bottom:5px;}
.shiping_checkbox {display: block;position: relative;padding-left: 35px;margin-bottom: 12px;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.shiiping_check input[type="checkbox"] {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 0;left: 0;height: 25px;width: 25px;background-color: #eee;}
/* When the checkbox is checked, add a blue background */
.shiiping_check input:checked ~ .checkmark { background-color: #8DB22F;}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {  content: ""; position: absolute; display: none;}

/* Show the checkmark when checked */
.shiiping_check input:checked ~ .checkmark:after { display: block;}
/* Style the checkmark/indicator */
.shiiping_check .checkmark:after {left: 10px;top: 5px;width: 7px;height: 12px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.shipping_add {width:50%;}
#password-strength {color: red;  font-size: 15px;  font-weight: normal;  margin-top: 5px;}
#password-strength.strong {color:#8DB22F;}
@media (max-width: 1199px) {
.quote-form-left .iq_table_heading span { padding: 5px 0px;}
}

@media (max-width: 991px) {
.quote-form-left .iq_table_heading span { font-size: 14px;}

}

@media (max-width: 767px) 
{
  	.iq_table_heading , .iq_table_body{ flex-wrap: wrap;}
  	.iq_table_body span {width: 100%;display: table;}
  	.iq_table_body {flex-direction: row-reverse;position: relative;margin-top: 20px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  	.iq_table_body .quote_table_mb{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
 	.iq_table_body .iq_mobile_heading{-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.iq_table_body .iq_mobile_heading label {display: block; padding: 12px 10px;margin: 0 !important;border-bottom: 2px solid #b0cf63;background: #8DB22F;color: #fff;}
  	.iq_table_heading { display: none;}
  	.iq_mobile_heading {display: block;}
  	.iq_mobile_heading b {width: 100%;position: relative;top: -248px;padding: 0.5rem 0rem;float: right;border: 1px solid transparent;}
  	.iq_row_add {padding: 10px 40px !important;}
 	.iq_email_textbox {width: 100%;}
	.iq_table_body ul{z-index: 2;left: 0;right: 0;}
	.iq_table_body .subtotal{padding: 0.5rem 0;}
	.shipping_add {width:100%;}
}

@media (max-width: 480px) {
 .iq_table_body .quote_table_mb{-webkit-box-flex: 0;-ms-flex: 0 0 60%;flex: 0 0 60%;max-width: 60%;}
 .iq_table_body .iq_mobile_heading{-webkit-box-flex: 0;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}
}