.textboxmain.has-danger input,.textboxmain.has-danger select {border:1px solid #f00;}
.text-danger {font-size:12px;color:#f00 !important;}
button { border:0px; }
.loader-div {background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;height: 100%;left: 0;position: fixed;right: 0;text-align: center;top: 0;width: 100%;z-index: 9999999;}
.loadingcss {background: #ffffff;border-radius: 10px;display: inline-block;margin-top: -50px;position: relative;top: 50%;padding:5px;}
.updatepanelimage {left: 50%;top: 52%;}
.no-border{border:none}
.modal-open .header{ position:absolute; z-index:1; }
.modal-dialog{ z-index:1111; }
.modal-content:after{ content:""; clear:both; overflow:auto; display:block; }

.radio-custom, .checkbox-custom {position: relative;display: block;/*margin-bottom: 10px;*/}
.radio-custom label, .checkbox-custom label {min-height: 21px;margin-bottom: 0;font-weight:600;cursor: pointer;}
.radio-custom input[type="radio"], .checkbox-custom input[type="checkbox"] {position: absolute;margin-left: -20px;margin-top: 0;  margin-bottom: 0;}
.radio-custom.disabled label, fieldset[disabled] .radio-custom label, .checkbox-custom.disabled label, fieldset[disabled]
.checkbox-custom label {cursor: not-allowed;}
.input-group-addon .radio-custom, .input-group-addon .checkbox-custom { margin: 0;}
.checkbox-custom {padding-left: 20px;}
.checkbox-custom label {display: inline-block;vertical-align: middle;position: relative;padding-left: 10px; line-height:20px;}
.checkbox-custom label:empty {padding-left: 0;}
.checkbox-custom label::before {content: "";display: inline-block;position: absolute;width: 20px;  height: 20px;left: 0;margin-left: -20px;border: 1px solid #bcbcbc;border-radius:0px; background-color: #fff;-webkit-transition: all .3s ease-in-out 0s;-o-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.checkbox-custom label::after {display: inline-block;position: absolute;width: 20px;height: 20px;line-height: 20px;left: 0; top:-2px;margin-left: -21px;  text-align: center; padding-top: 1px;font-size: 12px;color: #3a3a3a;}
.checkbox-custom input[type="checkbox"], .checkbox-custom input[type="radio"] {opacity: 0;z-index: 1;width: 20px;height: 20px;}
.checkbox-custom.left10{left:10px; top:1px;}
.checkbox-custom input[type="checkbox"]:focus + label::before, .checkbox-custom input[type="radio"]:focus + label::before {outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.checkbox-custom input[type="checkbox"]:checked + label::before, .checkbox-custom input[type="radio"]:checked + label::before {border-color: #343434;border-width: 1px;-webkit-transition: all 300ms ease-in-out 0s;-o-transition: all 300ms ease-in-out 0s;transition: all 300ms ease-in-out 0s;}
.checkbox-custom input[type="checkbox"]:checked + label::after, .checkbox-custom input[type="radio"]:checked + label::after {font-family: "Web Icons";  content: "";}
.checkbox-custom input[type="checkbox"]:disabled + label, .checkbox-custom input[type="radio"]:disabled + label { opacity: .65;}
.checkbox-custom input[type="checkbox"]:disabled + label::before, .checkbox-custom input[type="radio"]:disabled + label::before {
  background-color: #f3f7f9;border-color: #e4eaec;border-width: 1px;cursor: not-allowed;}
.checkbox-custom.checkbox-circle label::before { border-radius: 50%; }
.checkbox-custom.checkbox-inline { margin-top: 0; display: inline-block; margin-bottom: 0;}
.checkbox-inline + .checkbox-inline { margin-left: 20px;}
.checkbox-default input[type="checkbox"]:checked + label::before, .checkbox-default input[type="radio"]:checked + label::before {
  background-color: #fff;
  border-color: #e4eaec;
  border-width: 1px;
}
.checkbox-default input[type="checkbox"]:checked + label::after, .checkbox-default input[type="radio"]:checked + label::after { color: #62a8ea;}
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before {
  background-color: #62a8ea;
  border-color: #62a8ea;
}
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before {
  background-color: #f96868;
  border-color: #f96868;
}
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before {
  background-color: #57c7d4;
  border-color: #57c7d4;
}
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before {
  background-color: #f2a654;
  border-color: #f2a654;
}
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before {
  background-color: #46be8a;
  border-color: #46be8a;
}
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {
  color: #fff;
}
.checkbox-sm {
  padding-left: 18px;
}
.checkbox-sm label {
  padding-left: 8px;
}
.checkbox-sm label:empty {
  padding-left: 0;
}
.checkbox-sm label::before, .checkbox-sm label::after {
  width: 18px;
  height: 18px;
  margin-left: -18px;
}
.checkbox-sm label::after {
  font-size: 10px;
  line-height: 18px;
}
.checkbox-sm input[type="checkbox"], .checkbox-sm input[type="radio"] {
  width: 18px;
  height: 18px;
}
.checkbox-sm input[type="checkbox"]:checked + label::before, .checkbox-sm input[type="radio"]:checked + label::before {
  border-width: 9px;
}
.checkbox-lg {
  padding-left: 24px;
}
.checkbox-lg label {
  padding-left: 12px;
}
.checkbox-lg label:empty {
  padding-left: 0;
}
.checkbox-lg label::before, .checkbox-lg label::after {
  width: 24px;
  height: 24px;
  margin-left: -24px;
}
.checkbox-lg label::after {
  font-size: 14px;
  line-height: 24px;
}
.checkbox-lg input[type="checkbox"], .checkbox-lg input[type="radio"] {
  width: 24px;
  height: 24px;
}
.checkbox-lg input[type="checkbox"]:checked + label::before, .checkbox-lg input[type="radio"]:checked + label::before {
  border-width: 12px;
}
.radio-custom {
  padding-left: 20px;
}
.radio-custom label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 10px;
}
.radio-custom label:empty {
  padding-left: 0;
}
.radio-custom label::before {content: "";display: inline-block;position: absolute;width: 20px;height: 20px;left: 0;margin-left: -20px;border: 1px solid #343434;border-radius: 50%;background-color: #fff;-webkit-transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;-o-transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;transition: border 300ms ease-in-out 0s, color 300ms ease-in-out 0s;}
.radio-custom label::after {display: inline-block;position: absolute;content: " "; width: 6px;height: 6px;left: 6px;top: 6px;margin-left: -20px;border: 4px solid #3a3a3a;border-radius: 50%;background-color: transparent;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);  transform: scale(0, 0);-webkit-transition: .1s cubic-bezier(.8, -.33, .2, 1.33); -o-transition: .1s cubic-bezier(.8, -.33, .2, 1.33); transition: .1s cubic-bezier(.8, -.33, .2, 1.33);}
.radio-custom input[type="radio"] {width: 20px;height: 20px;opacity: 0;z-index: 1;}
.radio-custom input[type="radio"]:focus + label::before { /*outline: 5px auto -webkit-focus-ring-color; */ outline-offset: -2px;}
.radio-custom input[type="radio"]:checked + label::before {border-color: #3a3a3a;border-width: 1px;}
.radio-custom input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1);}
.radio-custom input[type="radio"]:disabled + label {opacity: .65;}
.radio-custom input[type="radio"]:disabled + label::before {cursor: not-allowed;}
.radio-custom.radio-inline {margin-top: 0;display: inline-block;margin-bottom: 0;}
.radio-inline + .radio-inline {margin-left: 20px;}
.radio-default input[type="radio"]:checked + label::before {background-color: #fff;border-color: #e4eaec;border-width: 1px;}
.radio-default input[type="radio"]:checked + label::after {border-color: #000;}
.radio-primary input[type="radio"]:checked + label::before {border-color: #000;}
.radio-primary input[type="radio"]:checked + label::after {border-color: #fff;}
.radio-danger input[type="radio"]:checked + label::before {border-color: #f96868;}
.radio-danger input[type="radio"]:checked + label::after {border-color: #fff;}
.radio-info input[type="radio"]:checked + label::before {border-color: #57c7d4;}
.radio-info input[type="radio"]:checked + label::after {border-color: #fff;}
.radio-warning input[type="radio"]:checked + label::before {border-color: #f2a654;}
.radio-warning input[type="radio"]:checked + label::after {border-color: #fff;}
.radio-success input[type="radio"]:checked + label::before {border-color: #46be8a;}
.radio-success input[type="radio"]:checked + label::after {border-color: #fff;}
.radio-sm {padding-left: 18px;}
.radio-sm label {padding-left: 8px;}
.radio-sm label:empty {padding-left: 0;}
.radio-sm label::before {width: 18px;height: 18px;margin-left: -20px;}
.radio-sm label::after {width: 4px;height: 4px;left: 7px;top: 7px;margin-left: -20px;border-width: 2px;}
.radio-sm input[type="radio"] {width: 18px;height: 18px;}
.radio-sm input[type="radio"]:checked + label::before {border-width: 9px;}
.radio-lg {padding-left: 24px;}
.radio-lg label {padding-left: 12px;}
.radio-lg label:empty { padding-left: 0;}
.radio-lg label::before { width: 24px; height: 24px; margin-left: -20px;}
.radio-lg label::after { width: 8px; height: 8px; left: 8px; top: 8px; margin-left: -20px; border-width: 2px;}
.radio-lg input[type="radio"] { width: 24px; height: 24px;}
.radio-lg input[type="radio"]:checked + label::before { border-width: 12px; }
.gm-style-iw {
	/*width:60px !important;  	*/
  	overflow: hidden!important;
	min-height:35px !important;
	padding-top: 10px !important;
	padding-bottom: 10px !important;
	/*left:24px!important;*/
}
.gm-ui-hover-effect { display:none !important; }
.m-left-0{margin-left:0px;}
.minw416{min-width:416px;}
@media screen and (max-width:360px){
	.minw416{min-width:173px;}
}

/* new job ui class */
.couriertype_list input[type="radio"] {
	display:none;
}
.priority_wrap input[type="radio"] {
  display:none;
}

#createjob .radio-primary input[type="radio"]:checked + label::after{ border-color: #000; }
/* #createjob .radio-primary input[type="radio"]:checked + label::after{ border-color: #62a8ea; } */
#createjob .radio-custom.radio-inline{ margin:0 10px 10px 0; min-width: 25%; }
/* #createjob .radio-custom.radio-inline { margin: 0 20px 10px 0; max-width: 25%; }*/
.couriertype_listbox:hover,.priority_list_box:hover {
	cursor:pointer;
}

.loader_ajax_small {
	display:none;
	border: 2px solid #f3f3f3 !important;
	border-radius: 50%;
	border-top: 2px solid #64bac9 !important;
	width: 29px;
	height: 29px;
	margin: 5px auto 0;
	-webkit-animation: spin_loader_ajax_small 2s linear infinite;
	animation: spin_loader_ajax_small 2s linear infinite;
}
@-webkit-keyframes spin_loader_ajax_small {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin_loader_ajax_small {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.loader_ajax_large {
	display:none;
	border: 4px solid #f3f3f3 !important;
	border-radius: 50%;
	border-top: 2px solid #64bac9 !important;
	width: 55px;
	height: 55px;
	margin: 5px auto;
	-webkit-animation: spin_loader_ajax_large 2s linear infinite;
	animation: spin_loader_ajax_large 2s linear infinite;
}
@-webkit-keyframes spin_loader_ajax_large {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin_loader_ajax_large {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.pay_forminputs.has-danger input {
    border: 1px solid #f00;
}
.clear { clear:both; }
.float_left { float:left !important; }
.float_right { float:right !important; }
.align_left { text-align:left !important; }
.align_right { text-align:right !important; }

.effect {
	filter: grayscale(25%);
	opacity: 1;
	height: 200px;
	transform: rotate(0);
}
/* Autocomplete CSS Start */
.ui-autocomplete { background-color: #fff; border-radius: 2px; border-top: 1px solid #d9d9d9; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3); box-sizing: border-box; /*font-family: 'Lato',sans-serif;*/ overflow: hidden; position: absolute !important; z-index: 1000;max-height: 250px;overflow-y: auto; }
.ui-menu-item .ui-menu-item-wrapper { border-top: 1px solid #e6e6e6;color: #000;cursor: default;font-size: 13px;line-height: 30px;overflow: hidden;padding: 0 4px;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.ui-menu-item:hover { background-color: #fafafa; }
/* Autocomplete CSS End */
.width26 { width:26% !important; }
.width20 { width:20% !important; }
.width22 { width:22% !important; }
.width24 { width:24% !important; }
.width30 { width:30% !important; }
.width8 { width:8%; }
.p-l-5 { padding-left:5px; }
.p-l-10 { padding-left:10px; }
.p-l-20 { padding-left:20px; }
.m-l-10 { margin-left:10px; }

#marker_style{position:relative;display:inline-block;}
#font_marker{position:absolute;z-index:10;left:10px;top:15px;font-size:18px;color:#fff;}
.gm-style div{box-shadow: none !important;}
.gm-style-iw-t{ bottom:64px !important; }
.customclass > span { font-size: 11pt;font-weight: bolder; }
.swap_icon {padding: 1px 0 0 6px;width:100%;float:left;display:none;font-size:18px;margin-bottom:-14px;}

@media screen and (max-width:1920px){
	#createjob .radio-custom.radio-inline:nth-child(5){ margin-left: 0px; }
}
@media screen and (max-width:1024px){	
	.width26,.width30,.width24 { width:50% !important; }
	.width8 { width:auto; }
}
@media screen and (max-width:640px){	
	.width26,.width30,.width24 { width:100% !important; }
	.width8 { width:auto; }
}
.StripeElement { box-sizing: border-box;border: medium none;color: #000000;font-size: 15px;font-weight: 600;height: 35px;padding: 9px 10px;width: 100%;background-color: white;}
.StripeElement--invalid { border-color: #fa755a;}
.StripeElement--webkit-autofill { background-color: #fefde5 !important;}
/* Custom Font Awesome Icons CSS */
.couriertypeimg .custom_fontaws_icon{ font-size:37.8px !important;padding-top:3px; color:#000; } 
/* CSS loader */
.lds-default {
  /*display: inline-block;*/
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-default div {
  position: absolute;
  width: 8px;
  height: 8px;
  background: #fff;
  border-radius: 50%;
  animation: lds-default 1.2s linear infinite;
}
.lds-default div:nth-child(1) {
  animation-delay: 0s;
  top: 37px;
  left: 66px;
}
.lds-default div:nth-child(2) {
  animation-delay: -0.1s;
  top: 22px;
  left: 62px;
}
.lds-default div:nth-child(3) {
  animation-delay: -0.2s;
  top: 11px;
  left: 52px;
}
.lds-default div:nth-child(4) {
  animation-delay: -0.3s;
  top: 7px;
  left: 37px;
}
.lds-default div:nth-child(5) {
  animation-delay: -0.4s;
  top: 11px;
  left: 22px;
}
.lds-default div:nth-child(6) {
  animation-delay: -0.5s;
  top: 22px;
  left: 11px;
}
.lds-default div:nth-child(7) {
  animation-delay: -0.6s;
  top: 37px;
  left: 7px;
}
.lds-default div:nth-child(8) {
  animation-delay: -0.7s;
  top: 52px;
  left: 11px;
}
.lds-default div:nth-child(9) {
  animation-delay: -0.8s;
  top: 62px;
  left: 22px;
}
.lds-default div:nth-child(10) {
  animation-delay: -0.9s;
  top: 66px;
  left: 37px;
}
.lds-default div:nth-child(11) {
  animation-delay: -1s;
  top: 62px;
  left: 52px;
}
.lds-default div:nth-child(12) {
  animation-delay: -1.1s;
  top: 52px;
  left: 62px;
}
@keyframes lds-default {
  0%, 20%, 80%, 100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
}
.FormBuilders strong { font-weight:800 !important; }
.custom_form_price input[type="text"] { border: 2px solid #cbcbcb; color: #000000;font-size:12px;height:30px;padding: 0 5px;width: 60%;float: right;text-align: center;}
.custom_form_price input[type="text"]:focus { border-bottom:0px !important; border: 2px solid #cbcbcb !important; }