input:focus{outline:0px !important;} 
body{margin:0px; padding:0px; font-family: 'Lato', sans-serif;}
/*.section_left{ font-family:'Lato', sans-serif; }*/
.bootstrap-select.customerbox .dropdown-toggle:focus{outline:none !important;}
ul, li, p, h1, h2, h3, h4, a{ margin:0; padding:0; list-style:none; text-decoration:none;}
html, body{ height:100%; min-height:100%;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*******************************header-start****************************/
.header{position:fixed; top:0px; left:0px; right:0px; z-index:999; background:url(../images/body-bg.jpg);}
.topnav{width:100%; display:inline-block; padding-left:35px; /*margin:13px 0px 10px 0px;*/ margin:12px 0px 12px 0px;}
.logomain{min-width:300px; float:left;}
.head_mid{ display: inline-block; text-align: left;  vertical-align:middle; }
a.email.phonenumbers {  font-size: 14px; color: #424242; display: block; }
.phonenumbers{color: #424242;font-size: 15px;font-weight:500;margin-left:30px;letter-spacing:1px; vertical-align:middle; display:inline-block;}
.phonenumbers:hover,.phonenumbers:focus{color:#12295d;text-decoration:none;}
.logo{  display:inline-block; vertical-align:middle;}
.logo img { max-height:46px; }
.topnavmain{margin-left:430px; position:relative; text-align:right; padding-right:18px; margin-top:11px;}
.topnavmenu{padding-right:30px; display:inline-block; vertical-align:top; }
.dropdown.customerbox{display:inline-block; vertical-align:top;  }
.topnavmenu li{font-size:15px; color:#424242; text-transform:uppercase; list-style:none; font-weight:400; float:left; letter-spacing:1.5px;}
.topnavmenu li a{color:#424242; /*font-family: 'Lato', sans-serif;*/}
.topnavmenu li a:hover{text-decoration:none; color:#424242;}
.customerbox .btn-primary{background:none; box-shadow:none; border:0px; color:#424242; text-transform:uppercase; font-weight:400; padding:0px; margin:0px; float:left; /*font-family: 'Lato', sans-serif;*/ font-size:15px; letter-spacing:1.4px;}
.customerbox .btn-primary:hover{color:#424242;}
.customerbox .caret{color:#12295d; border-left:5px solid rgba(0, 0, 0, 0); border-right:5px solid rgba(0, 0, 0, 0); border-top:6px dashed; margin-left:8px;}  
.open.customerbox  > .dropdown-toggle.btn-primary:hover, .open.customerbox  > .dropdown-toggle.btn-primary:focus{background:none; color:#424242; box-shadow: none; outline:none;}
.customerbox .btn-primary.active,.customerbox .btn-primary:active, .open > .dropdown-toggle.btn-primary{background:none; color:#000; padding-bottom:0px;}
.customerbox .dropdown-menu{min-width:150px; z-index:999999;  border-radius:0px; /*left:-28px;*/ right:0px; padding:0px; margin:0px;  border:0px; left:auto;}
.customerbox .dropdown-menu > li > a{padding-left:10px; padding-top:10px; padding-bottom:10px;  /*font-family: 'Lato', sans-serif;*/ font-size:15px; font-weight:400; border-top:1px solid #ece7e7;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{background:#12295d; color:#fff; }
/*******************************header-end****************************/
.last_stat .status_img .status_bg, .midd_stat .status_img .status_bg, .status_img .status_bg{ transform:scale(0); -webkit-transform:scale(0); position:absolute; top:0; left:0; bottom:0; margin:auto; right:0; content:""; height:60px; width:60px; transition:all 0.5s ease 0s; -moz-transition: all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
.active_status .status_img .status_bg, .pandding_status.active_status .status_img .status_bg{background:#fff url(../images/green-check-mark.svg) no-repeat center center; background-size:cover; content:""; height:65px; left:0; margin:auto; position: absolute; right:0; top:0; bottom:0; transform: scale(1.3); width:65px; z-index:9; -webkit-transform:scale(1.3); transition:all 0.5s ease 0s; -ms-transform:scale(1.3); -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.active_status.done_status .status_img .status_bg{ width:60px; height:60px; }
.pandding_status.active_status .status_img .status_bg{ transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; }
.pandding_status.done_status .status_img .status_bg{ transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; -webkit-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; }
.done_status .status_img .status_bg, .pandding_status.done_status .status_img .status_bg {background:#fff url(../images/green-check-mark.svg) no-repeat center center; background-size:cover; content:""; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -ms-transform:scale(1); z-index:4; /*height:80px; transition:all 0.5s ease 0s; left:0; margin:auto; position:absolute; right:0; top:0; bottom:0; width:80px; z-index:9; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; transform:scale(1); -webkit-transform:scale(1);-webkit-transform: scale(0.8) translateY(-50%); transform: scale(0.8) translateY(-50%); -ms-transform:scale(0.8) translateY(-50%) ;*/ }
.active_status.pandding_status.done_status .status_img .status_bg{ transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); width:60px; height:60px; }
.pandding_status .status_img .status_bg { background: #ffffff url("../images/gray-circle.svg") repeat scroll center center ; background-size:cover; transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -ms-transform:scale(1); z-index:3; /*content: ""; 
 height:80px; left: 0;margin:-40px auto;position: absolute;right: 0;top:50%;width:80px;z-index: 9999;transform: scale(0.8);-webkit-transform: scale(0.8);transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;*/}
.safari .last_stat .status_img .status_bg, .safari .midd_stat .status_img .status_bg, .safari .status_img .status_bg{ transition:all 0s ease 0s; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; }
.safari .pandding_status.active_status .status_img .status_bg{ transition:all 0s ease 0s; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; }
.safari .pandding_status.done_status .status_img .status_bg{ transition:all 0s ease 0s; -moz-transition:all 0s ease-in-out; -o-transition:all 0s ease-in-out; -webkit-transition:all 0s ease-in-out; -ms-transition:all 0s ease-in-out; }
.midd_stat::before {background: #cccccc;content: "";height: 2px;left: -87%;margin: 0 auto;position: absolute;right: 0;top:45px;width: 100%;z-index: 1;-ms-transform: scale(1.5);-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}/*******************************content-start****************************/ 
.maincontent{width:100%; display:inline-block; vertical-align:top; padding-top:70px; padding-bottom:70px;} 
.contentright{width:51.3%; float:right; position:fixed; height:calc(100vh - 110px); right:0px; left:auto;}
#googleMap{height:100%; width:100%;}
.contentleft{width:48.7%; float:left; padding:0px 85px 0px 85px;}
.innerconmain{width:100%; float:left; text-align:left; margin-top:20px;}
.contform_field select{ width:100%; border:0px; background:none; height:41px; padding:0 15px; margin:0; background:url(../images/drop-arrow.png) no-repeat right center; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none }
/*.maincomartop{margin-top:55px;}*/
.icontextboxmain{width:100%; float:left; margin-bottom:20px;}
.iconleftmain{width:61px; float:left;}
.iconmain{ position:relative; min-height:66px; width:70px;}
.iconmain:after{background:url(../images/icon-bg.png) no-repeat left; width:61px; height:66px; position:absolute; left:0px; top:0px; content:"";}
.collecticon{background:url(../images/collect-icon.png) no-repeat left; width:28px; height:42px; float:left; margin-top:12px; margin-left:12px;}
.delevericon{background:url(../images/devliver-icon.png) no-repeat left; width:41px; height:32px; float:left; margin-top:15px; margin-left:1px;}
.couriericon{background:url(../images/courier-icon.png) no-repeat left; width:42px; height:24px; float:left; margin-top:20px; margin-left:4px; }
.hometextconmain{margin-left:91px; position:relative;}
.hometextconmain2{width:100%; float:left;}
.homelabel{width:100%; float:left; font-size:18px; color:#424242; font-weight:500; text-transform:uppercase; line-height:14px; letter-spacing:-1px; text-align:left;}
.textboxmain{width:100%; float:left; margin-top:10px;}
.textboxmain input{border:1px solid #e7e6e6; box-shadow:none; height:45px; color:#434343; font-size:15px; /*font-family: 'Lato', sans-serif;*/ font-weight:500; padding:0px; margin:0px; padding-left:17px; border-radius:5px; -webkit-appearance: none;}
.textboxmain .form-control:focus{box-shadow:none;}
.textboxmain select{ width:100%; background:none; background:#fff url(../images/selectbox-arrow.png) no-repeat right); border-radius:5px;  color:#434343; font-size:15px; /*font-family: 'Lato', sans-serif;*/ font-weight:500; padding:0px; margin:0px; padding-left:13px; height:45px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:1px solid #e7e6e6;}
.textboxmain select::-ms-expand {display:none;}
.homebtn{float:right; margin-top:29px;}
.button{position:relative;}
.homebtn {position:relative;}
.homebtn:after { background-image:url(../images/button-arrow.png); content:""; position:absolute; right:15px; top:18px; width:6px; height:10px;}
.button input.btn-default{ background:#64bac9; border:0px; border-radius:5px!important; color:#fff; float:left; font-size:16px; font-weight:600; line-height:31px; text-transform:uppercase; height:43px; position:relative; text-align:center; transition:none 0s ease 0s; position:relative; padding-right:43px; padding-left:27px; }
.homebtn .minwidth136{min-width:136px;}
.button input.btn-default:hover{background:#19abc4;}
.button input.btn-default:focus{color:#fff;}
/*******************************content-end****************************/
/*******************************footer-start****************************/
.footer{background:url(../images/body-bg.jpg); width:100%; float:left; margin:auto; position:fixed; bottom:0px; left:0px; right:0px;  }
.footermain{width:855px; margin:auto;}
.footerinner{width:100%; vertical-align:top; padding-top:10px; padding-bottom:10px; border-top:1px solid #b9b9b9; font-size:14px; text-transform:uppercase; color:#424242; text-align:center;  font-weight:400; float:left; letter-spacing:0.5px;}
.footer-select-lang{padding: 0;border: none;position: absolute;left: 15px;top: 6px;max-width: 200px;}
.footer-select-lang select.form-control {display: inline-block;vertical-align: top;margin: 0px;border: 0px;box-shadow: none;border: 2px solid #cbcbcb;-webkit-appearance: none;-moz-appearance: none;background: url(../images/dropblack-arrow.png) no-repeat right;text-indent: 0.01px;text-overflow: "";border-radius: 0px;color: #000000;font-weight: 600;padding: 0px 20px 0px 6px;height: 30px;}
.menu_icon{display:none;}
.mobile_menu,.dropdown.customerbox.mobile-country{display:none;}
.fi{margin-right: 8px;}
.lang-dropdown{margin-left:30px;}
@media(max-width: 991px){.footer-select-lang{position: initial;margin: 10px auto;float: none;}}
/*******************************footer-end****************************/
/*********************************  LIVE chat start *************************/
.chat-heading { display:flex; }
.message_unread_count {padding: 0px 0px 0px 5px;}
.sepline{display: inline-block;padding: 5px 8px 0px 8px;vertical-align: top;}
.chat_button_location {float: right;}
.chat-headbx{display: flex;align-items: center;justify-content: space-between;}
.chat-headbx h1{padding: 0 !important;}
.chat-heading label { margin-bottom:4px; }
.chat_user { padding-right:10px; float:left; font-weight:bold; }
.chat-time{ float:right; margin-bottom:0px !important; font-size:10px; }
.chat_button{float: left; padding:5px 0px 0px 0px;font-size: 14px}
.send_button{ padding: 25px 15px 0px 0px; float:right; font-size:10px;}
.chat_window_location { bottom: 0; position: fixed; margin: 1em; right: 0; z-index: 9999; display:none; }
.chat_header { float:left; width:100%;line-height: 24px; }
.chat_header_title { margin:7px 10px; font-size:14px; font-weight:500; float:left; background:none; position:relative; color:#fff;} 
.chat_close { float:right; margin:5px 10px; font-size:18px; cursor:pointer; color:#fff; }
.chat {right: 85px;bottom: 25px;width: 400px;max-width: 90vw;font-size: 12px;font-weight: 500;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;opacity: 0;box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12);border-radius: 3px;-webkit-transition: all .2s ease-out;-moz-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.chat.is-visible {opacity: 1;-webkit-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);-moz-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);-o-animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);animation: zoomIn .2s cubic-bezier(.42, 0, .58, 1);margin: 0 15px 32px 0;}
.chat_field {position: relative;margin: 10px;padding:5px;width: 50%;line-height: 18px;font-weight: 500;color: #4b4b4b;-webkit-font-smoothing: antialiased;font-smoothing: antialiased;border: none;outline: none;display: inline-block;}
.chat_field.chat_message { height:50px; resize: none; }
.fab_field { width: 100%; display: inline-block; text-align: center; background: #eceff1; box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32); }
.fab_field a { display: inline-block; text-align: center; }
.chat_converse {position: relative;background: inherit;margin: 0;height: 400px;max-height: 400px;min-height: 0;font-size: 14px;line-height: 18px;overflow-y: auto;width: 100%;float: right;background-color:#FFF;}
.chat .chat_converse .chat_msg_item {position: relative;margin: 5px 0 5px 0;padding: 8px 10px;max-width: 70%;display: block;word-wrap: break-word;box-shadow: 0 2px 2px rgba(0, 0, 0, .28);border-radius: 3px;-webkit-animation: zoomIn .3s cubic-bezier(.42, 0, .58, 1);-moz-animation: zoomIn .3s cubic-bezier(.42, 0, .58, 1);-o-animation: zoomIn .3s cubic-bezier(.42, 0, .58, 1);animation: zoomIn .3s cubic-bezier(.42, 0, .58, 1);clear: both;z-index: 999;}
.chat .chat_converse .chat_msg_item.chat_msg_item_admin {margin-left: 15px;float: left;background: rgba(255, 255, 255, 0.4);color: #263238;}
.chat .chat_converse .chat_msg_item.chat_msg_item_admin:before {content: '';position: absolute;top: 15px;left: -12px;z-index: 998;border: 6px solid transparent;border-right-color: rgba(255, 255, 255, .4);}
.chat .chat_converse .chat_msg_item.chat_msg_item_user {margin-right: 15px;float: right;background:#F2F1F1; color: #000;}
.chat_msg_item.chat_msg_item_user:before {content: '';position: absolute;top: 15px;right: -12px;z-index: 998;border: 6px solid transparent;border-left-color:#F2F1F1;}
strong.chat_time {padding: 0 1px 1px 0;font-weight: 500;font-size: 8px;display: block;}
/*Chatbox scrollbar*/
.is-active {-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);-o-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;transition: all 1s ease-in-out;}
.is-float { box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32); }
.is-max { box-shadow: inset 0 -12px 10px -10px rgba(0, 0, 0, 0.18), inset 0 12px 10px -10px rgba(0, 0, 0, 0.10); }
.is-loading {display: block;-webkit-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;-moz-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;-o-animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;animation: load 1s cubic-bezier(0, .99, 1, 0.6) infinite;}
/*Animation*/
@keyframes zoomIn {
0% {-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);opacity: 0.0;}	
100% {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
}
@keyframes load {
0% {-moz-transform: scale(0);-ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);opacity: 0.0;}
50% {-moz-transform: scale(1.5);-ms-transform: scale(1.5);-webkit-transform: scale(1.5);transform: scale(1.5);opacity: 1;}
100% {-moz-transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 0;}
}
/* SMARTPHONES PORTRAIT */
@media only screen and (min-width: 300px) {
.chat { width: 200px; }
}
/* SMARTPHONES LANDSCAPE */
@media only screen and (min-width: 480px) {
.chat { width: 300px; }
.chat_field { width: 84%; }
}
/* TABLETS PORTRAIT */
@media only screen and (min-width: 768px) {
.chat { width: 300px; }
.chat_field { width: 84%; }
}
/* TABLET LANDSCAPE / DESKTOP */
@media only screen and (min-width: 1024px) {
.chat { width: 400px; }
.chat_field { width: 86%; }
}
/*********************************  LIVE chat end *************************/
/*******************************price-css-start****************************/
.contentleft.pad70{padding-left:70px; padding-right:70px;}
.iconheading{width:100%; float:left; text-align:center; margin-bottom:3px;}
.martop30{margin-top:30px;}
.martop17{margin-top:17px;}
.forminner.marbottom0{margin-bottom:0px;}
.iconheading h1{margin:0px; padding:0px; font-size:18px; font-weight:500; /*font-family: 'Lato', sans-serif;*/ text-transform:uppercase; margin-top:26px; display:inline-block; vertical-align:top; letter-spacing:-0.8px;}
.iconhead{ position:relative; min-height:66px; width:70px; margin:auto;}
.iconhead:after{background:url(../images/icon-bg2.png) no-repeat left; width:70px; height:76px; position:absolute; left:0px; top:0px; content:"";}
.iconheadsuccessful:after{background:url(../images/success-icon_2.png) no-repeat left; width:68px; height:68px; position:absolute; left:0px; top:0px; content:"";}
.priceicon{background:url(../images/price-icon.png) no-repeat left; width:49px; height:49px; float:left; margin:14px 0px 0px 8px;}
.pricemain{background:#f2f1f1; width:100%; float:left; min-height:45px; padding-left:20px; font-size:18px; font-weight:500;  border-radius:5px; margin-bottom:5px; }
.pricelabel{float:right; background:#e9e9e9; padding:0px 23px 0px 23px; min-height:45px; border-radius:0px 5px 5px 0px; padding-top:10px; position:relative; min-width:110px; text-align:right;}
.pricelabel:after{background:url(../images/pricelebal-img.png) no-repeat left; width:14px; height:44px; position:absolute; content:""; left:-14px; top:0px;}
.pricemain span{float:left; padding-top:10px;}
.btnleft:after { background-image:url(../images/button-arrow2.png); content:""; position:absolute; left:17px; top:18px; width:6px; height:10px;}
.btnleft{float:left; margin-top:29px; position:relative;}
.graybtn.button input.btn-default{ background:#aaaaaa; border:0px; border-radius:5px!important; color:#fff; float:left; font-size:16px; font-weight:600; line-height:31px; text-transform:uppercase; height:43px;  position:relative; text-align:center; transition:none 0s ease 0s ; position:relative; padding-left:38px; padding-right:22px;}
/*******************************price-css-end****************************/
/*******************************deliver-details-css-start****************************/
.innerconmain h2{border-bottom:1px solid #d9d9d9; width:100%; float:left; font-size:18px; color:#424242; font-weight:500; text-transform:uppercase; letter-spacing:3px; height:11px; margin-bottom:12px; margin-top:15px;}
.innerconmain h2 span{background:url(../images/body-bg.jpg); min-width:81px; float:left;}
.forminner{width:100%; float:left; margin-bottom:15px;}
.forminner .row{margin-left:-6px; margin-right:-6px;}
.forminner .col-md-6,.forminner .col-md-12,.forminner .col-md-4{padding-left:6px; padding-right:6px;}
.iconhead.iconhead2{display:inline-block; margin-right:16px;}
.paymenticon{background:url(../images/payment-icon.png) no-repeat left; width:39px; height:24px; float:left; margin:27px 0px 0px 11px;}
.paymentmain{width:100%; float:left; padding-right:172px; position:relative; margin-top:30px;}
.paymentlabel{background:#ffffff; height:37px; float:left; width:100%; padding:9px 11px 0 17px;font-weight:500; border-radius:5px;}
.use_card .right_edit {margin-top:7px;} 
.cardicon{float:right; margin-top: -2px;}
.usecardbtn input[type="button"]{background:none; border:0px; font-size:16px; color:#64bac9; font-weight:500; /*font-family: 'Lato', sans-serif;*/ text-transform:uppercase; border:1px solid #64bac9; border-radius:5px; height:45px; line-height:45px; position:absolute; right:0px; top:0px; letter-spacing:-0.4px; padding-left:15px; padding-right:15px;}
/*.usecardbtn input[type="button"]:hover{
background: #de4814; 
background: -moz-linear-gradient(top, #de4814 0%, #eb560c 50%, #fa6603 100%);
background: -webkit-linear-gradient(top, #de4814 0%,#eb560c 50%,#fa6603 100%);
background: linear-gradient(to bottom, #de4814 0%,#eb560c 50%,#fa6603 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de4814', endColorstr='#fa6603',GradientType=0 );
color:#fff; }*/
.usecardbtn input[type="button"]:hover{ background: #64bac9; color:#fff; }
.termsmain{width:100%; float:left; margin-top:30px; margin-bottom:10px;}
.termsmain.marnone{margin-top:0px;}
.termsmain.martop10{margin-top:10px;}
.termcheckbox{width:34px; float:left;}
.termcheckbox input[type="checkbox"]{float:left; margin-right:20px; }
.termtext{margin-left:34px; position:relative; font-size:15px; font-weight:500;}
.termtext a{color:#5173b8;}
.delevericon1{background:url(../images/devliver2-icon.png) no-repeat left; width:32px; height:37px; float:left; margin:20px 0 0 17px;}
.contentleft.delivermain{padding:0px 50px 0px 50px;}
/*******************************deliver-details-css-end****************************/
/*******************************success-css-start****************************/
.successicon{background:url(../images/success-icon.png) no-repeat left; width:47px; height:47px; float:left;   margin:15px 0px 0px 8px;}
.icontextboxmain p.success{font-size:15px; font-weight:500; color:#424242; margin:30px 0px 0px 0px; text-transform:uppercase;  letter-spacing:1px;}
.icontextboxmain.marbotom0{margin-bottom:0px;}
.successconbg{width:100%; float:left; background:#f2f1f1; padding:6px 6px 2px 6px; margin-top:30px; border-radius:5px;}   
.pricemain.successmain{background:#f9f9f9;}
.successlefdiv{width:45%; padding-right:6px; float:left;}
.successrightdiv{width:55%; float:left;}
.pricelabel2{float:right; background:#e9e9e9; padding:0px 19px 0px 10px; min-height:45px; border-radius:0px 5px 5px 0px; letter-spacing:-1px; padding-top:10px; position:relative; min-width:110px; text-align:right;}
.pricelabel2:after{background:url(../images/pricelebal-img.png) no-repeat left; width:14px; height:44px; position:absolute; content:""; left:-14px; top:0px;}
.Collectingmain{width:100%; float:left; background:#f9f9f9; font-size:18px; font-weight:500; padding:10px 10px 10px 185px; border-radius:5px; position:relative; margin-top:30px;}
.Collectingmain:after{position:absolute; content:""; background:url(../images/collecting-icon.png) no-repeat left; width:67px; height:67px; left:100px; top:-11px;}
.successlabel{width:100%; float:left; background:#f2f1f1; font-weight:500; color:#424242; margin-top:10px; height:45px; line-height:45px; padding-left:17px; border-radius:5px; text-align:left;}
.failedjobreasonlabel{width:100%; float:left; background:#fff; font-weight:500; color:#424242; margin-top:0px; line-height:25px; padding-left:17px; border-radius:5px; text-align:left;height: auto;padding-top: 10px;padding-bottom: 10px;display: inline-block;word-break: break-all;}
.contentleft.successmain{padding:0 50px 0px}
.btncenter{margin:auto; width:100%; text-align:center; margin-top:27px; float:left;}
.bookanotherbtn.button  input{float:none; padding-right:15px; padding-left:15px;}
.bookanotherbtn.graybtn.button input.btn-default{padding-left:18px; padding-right:18px; float:none;}
.bookanotherbtn.graybtn.button input.btn-default:hover,.graybtn.button input.btn-default:hover{background:#262424;}
.bookrightbtn{float:right; margin-top:29px;}
/*******************************success-css-end****************************/
/********************************popup-css-start***************/
.cancel.btn-default{ background:#aaa; border:0px; border-radius:5px!important; color:#fff; float:none; display:inline-block; font-size:16px; font-weight:600;  text-transform:uppercase; height:43px; position:relative; text-align:center; transition:none 0s ease 0s ; position:relative; width:146px;}
.confirm.btn-primary{ background:#64bac9; border:0px; border-radius:5px!important; color:#fff; margin:0px; padding:0px; font-size:16px; font-weight:600; line-height:31px; text-transform:uppercase; height:43px; position:relative; text-align:center; transition:none 0s ease 0s ; position:relative; width:146px; margin-left:10px;}
p.lead {font-size:15px; text-transform:uppercase; color:#424242; /*font-family: 'Lato', sans-serif;*/ font-weight:400; margin-bottom:40px; margin-top:3px; letter-spacing:2px;}
.cancel.btn-default:hover{background:#262424;}
.confirm.btn-primary:hover{background:#19abc4;}
.modal-content{box-shadow:none; border-radius:3px; border:0px;}
.modal-dialog.custompopwidth{width:740px; margin:0px; padding:15px; margin:auto; margin-top:50px;}
.modal-dialog.custompopdriver{ margin-top:65px; }
.custompopwidth .modal-header{padding:0px;}
.custompopwidth .close,.custompopdriver .close{background:#64bac9; border-radius:50%; width:32px; height:32px; color:#fff; font-size:14px; opacity:0.9; font-size:14px; margin-top:5px; margin-right:5px; }
/********************************job-detail-css-start***************/
.jobmainheaddiv{width:100%; border-bottom:1px solid #d3d3d3; float:left; padding-bottom:21px;}
.jobicon{background:url(../images/jobdetail-icon.png) no-repeat left; text-transform:uppercase; height:31px; float:left; padding-left:40px; line-height:31px; /*font-family: 'Lato', sans-serif;*/ font-weight:500; color:#424242; font-size:18px; letter-spacing:-1px;}
.backarrow{text-transform:uppercase; float:right; font-size:14px;  font-weight:500; position:relative; margin-top:6px;}
.backarrow:after{position:absolute; left:-20px; top:5px; background:url(../images/back-leftarrow.png) no-repeat left; width:6px; height:10px; content:"";}
.backarrow a{color:#424242; text-decoration:underline;}
.backarrow a:hover{color:#12295d;}
.pricemain.smallfont{font-size:15px;}
.successconbg.jobdetailmain{padding:20px 20px 15px 20px; margin-top:21px;}
.deliverbtn{min-width:124px; display:inline-block; text-align:left; border-radius:5px; font-weight:400; font-size:15px; color:#fff; background:#3db39e;  line-height:23px; position:relative; padding-left:32px; letter-spacing:0px; padding-right:10px;}
.deliverbtn.tag_incompleted{background:#526069; padding-left:0px; padding-right:0px; text-align:center;}
.deliverbtn.tag_cancelled{background:#f96868; padding-left:5px; padding-right:5px; text-align:center;}
.deliverbtn.tag_available{background:#62a8ea;}
.deliverbtn.tag_accepted{background:#f2a654;}
.deliverbtn.tag_collected{background:#57c7d4;}
.deliverbtn.tag_arrived{background:#7a756e;}
.deliverbtn.tag_pending{background:#97a3ab;}
.deliverbtn.tag_incompleted:after,.deliverbtn.tag_cancelled:after{background:none;}
.deliverbtn:after{background:url(../images/wht-arrow.png) no-repeat left; width:14px; height:11px; content:""; position:absolute; left:11px; top:7px;}
.pricemain span#job_status { padding-top:8px; }
#job_status .deliverbtn:after{ background:none; }
#job_status .deliverbtn { min-width:50px; font-size:14px; padding:0 10px;} 
.pricelabel2.minw125{min-width:185px;}
.pricelabel2.minw125.center{text-align:center; padding-left:0px; padding-right:0px;}
.pricelabel2.pricelabelsmall{min-width:96px;}
.codemaindiv{width:100%; float:left; margin-bottom:22px;}
.codelabel{float:left; padding-left:10px; font-weight:500; font-size:15px; color:#424242; line-height:34px; margin-right:10px;}
.whtlabel{float:left; background:#fff; color:#424242; border-radius:5px; padding:0px 13px 0px 13px; height:34px; line-height:34px; font-weight:500; margin-left:11px;}
.whtlabel span{font-weight:300;}
.whtlabelmain{margin-left:93px; position:relative;}
/********************************job-detail-css-end***************/
/********************************my-profile-css-start***************/
.myprofileicon{background:url(../images/myprofile-icon.png) no-repeat left;  padding-left:50px; text-transform:uppercase; font-size:18px; line-height:35px; height:35px; float:left; font-weight:500; color:#424242; margin-left:6px;}
.addcredit_icon{/*background:url(../images/myprofile-icon.png) no-repeat; */ padding-left:50px; text-transform:uppercase; font-size:18px; line-height:35px; height:35px; float:left; font-weight:500; color:#424242; margin-left:6px;}
.tablink{margin:0px; padding:0px; float:right;}
.tablink ul{margin:0px; padding:0px; margin-top:7px;}
.tablink li{margin:0px; padding:0px; color:#424242; font-size:15px; float:left; font-weight:500; margin-left:30px; letter-spacing:1.8px;}
.tablink li a{text-transform:uppercase; color:#424242; font-size:15px;}
.tablink li a:hover,.tablink li a.active{border-bottom:2px solid #12295d; text-decoration:none; padding-bottom:5px;}
.frofileformmain{width:100%; float:left; margin-top:40px;}
.profileinner{width:100%; float:left; background:#f2f1f1; padding:0px 20px 0px 20px; border-radius:5px; height:45px; line-height:45px; margin-bottom:10px;}
.profilelebal{width:140px; float:left; color:#7e7e7e; font-weight:500;line-height: 100%;display: flex;align-items: center; vertical-align: middle;height: 45px;}
.profiletextbox{margin-left:150px; position:relative;}
.profiletextbox input{border:0px; background:none; font-size:15px; font-weight:500; line-height:45px; box-shadow:none; padding:0px; margin:0px; height:45px; -webkit-appearance: none;}
.profiletextbox input.form-control:focus{box-shadow:none;}
.saveicon{position:relative; display:inline-block; margin-top:40px;}
.saveicon:after{position:absolute; content:""; background:url(../images/save-icon.png) no-repeat left; width:21px; height:21px; left:13px; top:10px;}
.saveicon input{ background:#64bac9; border:0px; border-radius:5px!important; color:#fff; padding-right:16px; height:43px; font-weight:500; text-transform:uppercase; font-size:16px; padding-left:44px; line-height:43px;}
.iconcentermain{width:100%; text-align:center; }
.saveicon input:hover{background:#19abc4 ;}
/********************************my-profile-css-end***************/
/********************************login-register-css-start***************/
.poupmaindiv{max-width:738px; margin:auto; }
.popupinner{width:100%; float:left;  background:#fff; border-radius:5px; padding:0px 36px 36px 36px;}
.popupleft{width:50%; float:left;  padding-right:34px;}
.popupright{width:50%; float:left; padding-left:34px; border-left:1px solid #dadada;}
.logincondiv{width:100%; float:left;}
.logincondiv h2{margin:0px; padding:0px; color:#424242; letter-spacing:2px; font-size:15px; font-weight:400; margin-bottom:30px;}
.loginforminnner{width:100%; display:inline-block; margin-bottom:10px;}
.loginforminnner input{ height:45px; width:100%; border-radius:5px; background:#f2f1f1; padding:0px 18px 0px 18px; border:0px; font-weight:500; border:1px solid #e7e6e6; -webkit-appearance: none;}
.loginforminner select{height:45px; width:100%; border-radius:5px; background:#f2f1f1; padding:0px 18px 0px 18px; border:0px; font-weight:500; border:1px solid #e7e6e6; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; color:#8b8e9d;}
.driverdropdown{ position:relative; margin-bottom:10px;}
 .driverdropdown:after{ position:absolute; content:"";border-width: 0 2px 2px 0; z-index: 9999;padding: 4px;border-style: solid; transform: rotate(45deg);-webkit-transform: rotate(45deg);border-color: #ccc; vertical-align: middle;cursor: pointer; top:17px ;right:18px;}
#couriersignupDiv .popupleftcourier{ padding-right:0px; width:100%;}
.loginforminner{ margin-bottom:10px;}
.newcorporatemain{  float: left; width: 100%;}
.newcorpocheckbox{width:26px; float:left;}
.newcorpotext{ font-size: 15px;font-weight: 500; margin-left:28px;  position: relative;}
.createbtn{float:left; margin-top:20px;}
.loginbtn{float:right;}
.forgotlink{float:left; font-size:15px; font-weight:500; margin-top:12px;}
.forgotlink a{color:#424242; text-decoration:underline;}
.forgotlink a:hover{color:#12295d;}
.logincondiv p{margin:0px; padding:0px;color:#919191; font-size:15px; font-weight:400; margin-bottom:15px;}
.logincondiv h2.forgothead{margin-bottom:20px;}
.submitbtn{margin-top:0px; float:left;}
/********************************login-register-css-end***************/
/********************************joblist-css-start***************/
.joblistmain{ width:1440px; margin:auto;}
.datefromtextbox{width:124px; float:left; margin-right:10px;}
.datefromtextbox input{border:0px; height:37px; background:#fff; border-radius:5px; padding-left:9px; width:160px; font-size:15px; font-weight:600; border:1px solid #e7e6e6; -webkit-appearance: none;}
.filterbtn input{ background:none; position:relative; min-width:100px; height:37px; background:#64bac9; border:0px; border-radius:5px!important; color:#fff; float:left; border:0px; text-transform:uppercase; padding-left:25px; letter-spacing:-0.6px}
.filterbtn input:hover:hover{background:#19abc4;}
.filterbtn{position:relative; float:left; font-size:14px; font-weight:600; text-transform:uppercase; }
.filterbtn:after{ background:url(../images/filter-icon.png) no-repeat left; width:13px; height:13px; content:""; position:absolute; left:11px; top:11px;}
.resetbtn input{ background:none; position:relative; min-width:100px; height:37px; background:#64bac9; border:0px; border-radius:5px!important; color:#fff; float:left; border:0px; text-transform:uppercase; letter-spacing:-0.6px; margin-left:10px;}
.resetbtn input:hover:hover{background:#19abc4;}
.resetbtn{position:relative; float:left; font-size:14px; font-weight:600; text-transform:uppercase; }
.filtermaindiv{width:100%; float:left; margin-top:18px; border-bottom:1px solid #d2d2d2; padding-bottom:20px;}
.downloadlinik{position:relative; font-size:14px; color:#424242; font-size:14px; font-weight:600; padding-left:35px; line-height:30px;margin-left: 15px;}
.downloadlinik:after{background:url(../images/download-icon.png) no-repeat left; width:26px; height:26px; position:absolute; content:""; left:0px;}
.downloadlinik a{color:#424242; text-decoration:underline;}
.downloadlinik a:hover{ color:#424242; text-decoration:none;}
.printwaybilllinik{position:relative; font-size:14px; color:#424242; font-size:14px; font-weight:600; padding-left:35px; line-height:30px;}
.printwaybilllinik:after{background:url(../images/printer.png) no-repeat left; width:26px; height:26px; position:absolute; content:"";left:0px;}
.printwaybilllinik a{ color:#424242; text-decoration:underline;}
.printwaybilllinik a:hover{ color:#424242; text-decoration:none;}
.joblistmaincon{background:#f2f1f1; width:100%; float:left; min-height:70px; border-radius:5px; padding:18px; margin-bottom:11px;}
.joblistfirst{float:left; width:38%;}
.codefirstdiv{float:left;}
.codediv{ font-size:13px; color:#424242; float:left; font-weight:600;padding:7px 10px 7px 0px; width:104px;margin-top: 0 !important;}
.jobdatediv{width:94px; height:34px; background:#fff; border-radius:5px; float:left; font-size:13px; font-weight:600; text-align:center; padding:7px 10px 7px 10px;}
.jobnamediv{ background: #ffffff; border-radius: 5px; font-size: 14px; font-weight: 600; padding:7px 10px 7px 10px; text-align: left; float:left; width:140px; margin-left:10px;}
.deliverdbbg{  background:#fff; border-radius:5px; float:left; margin-left:10px; text-align:center; padding:5px 0px 5px 0px; width:132px; }
.codesecdiv{float:left; margin-left:5px;}
.jobadddiv{font-size:14px; font-weight:600; color:#424242; background:#e9e9e9; border-radius:5px 0px 0px 5px; padding:7px 10px 7px 10px; float:left; min-height:33px; margin-left:8px; width:70px;}
.jobadwhtdiv{position:relative; background:#fff;  font-size:14px; color:#424242; font-weight:600; padding:7px 10px 7px 20px; border-radius:0px 5px 5px 0px; margin-left:50px; position:relative; overflow:hidden; white-space:nowrap;}
.jobadwhtdiv:after{background:url(../images/joblist-arrow.png) no-repeat left; width:10px; height:34px; position:absolute; content:""; left:0px; top:0px;}
.totalpaid{float:left; font-size:15px; font-weight:600; color:#424242; margin-left:11px; padding-top:6px; width:135px;}
.jobdetailtext{font-size:14px; color:#fe4e00; font-weight:600; float:left; position:relative; padding-left:10px; margin-top:7px;}
/*.jobdetailtext::before, .invoicedivs .jobdetailtext a::before{background:url(../images/black-rightarrow.png) no-repeat left; width:6px; height:8px; position:absolute; left:0px; top:5px; content:"";}*/
.invoicedivs .jobdetailtext a::before{background:url(../images/black-rightarrow.png) no-repeat left; width:6px; height:8px; position:absolute; left:0px; top:5px; content:"";}
.joblistmaincon.schedulejobdivs.userlistingdiv .jobdetailtext a::before{background:url(../images/black-rightarrow.png) no-repeat left; width:6px; height:8px; position:absolute; left:auto; top:5px; content:"";}
.jobdetailtext a{ color:#12295d; text-decoration:underline;}
.jobaddressmain{float:left; width:21%;}
.jobtotalpaid{float:left; width:20%;}
.btnmaindiv{width:100%; text-align:center; float:left;}
.loadmorbtn input[type="button"]{background:none; border:0px; font-size:14px; color:#12295d; font-weight:500; /*font-family: 'Lato', sans-serif;*/ text-transform:uppercase; border:1px solid #12295d; border-radius:5px; height:40px; line-height:40px; letter-spacing:-0.4px; padding-left:12px; padding-right:12px;}
.loadmorbtn input[type="button"]:hover{ background:#12295d; color:#fff; }
/* 11/01/2023 :: add new icon for multidrop */
.multidrop_icon svg{width: 14px;max-width: 14px;}

/********************************joblist-css-end***************/
/********************************reset-css-start***************/
.resetmainpage{max-width:500px;  margin:auto; padding:0px 20px 0px 20px;}
.resethead{width:100%; float:left; margin-bottom:40px;}
.resetmainpage .icontextboxmain p.success{margin-top:0px;}
.resetmainpage .homebtn{margin-top:0px;}
.frofileformmain .text-danger{ float: left; line-height: 12px; margin-bottom: 0;margin-left: 170px;position: relative;top: -6px;}
.fulldiv{width:100%; float:left;}
.notfoundmsg{width:100%; text-align:center; color:#424242; margin-top:50px;  font-size:30px; margin-bottom:30px;}
.datepicker-dropdown{margin-top:5px !important;}
.privacytext{float:left; font-size:12px; width:77%;} 
.powerbyimg{ background:url(../images/powerby-stripe.png) no-repeat left;  width:119px; height:26px; float:right;}
.powerby{float:right;}

.invoicedivs .codediv { width: 190px;}
.invoicedivs .jobaddressmain{width: 14%;}
.invoicedivs .jobdatediv{width: 103px;}
.invoicedivs .deliverdbbg{width: 165px;}
.invoicedivs .jobtotalpaid .jobdetailtext.codediv {width:50%;  text-align: right;padding: 0 10px;}
.jobtotalpaid.invo_but {float: left; padding-left: 29px;  width:30%;}
.jobaddressmain.totlinvo {margin-left: 20px;}
.invo_but .jobdetailtext.codediv > a { padding-left: 15px;position: relative;display: inline-block;}
.invo_but .jobdetailtext a::before {left: auto; margin-left: -15px;}
.invo_but .jobdetailtext::before{content: none;}
/********************************reset-css-end***************/
/********************************trackorder-css-start***************/
.banner{width:100%;}
.banner img{ width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;} 
.details{ width:100%; padding:33px 0 38px 0;}
.details h1{ font-size:24px; font-weight:700; color:#424242; padding:0 0 29px 0; text-transform:uppercase;}
.detail_inner{ background-color:#f7f7f7; border-radius:10px; padding:52px 50px 40px; margin-top: 66px;}
.detail_inner_wrap{ position:relative;}
.detail_inner_wrap.active:before{ content:''; width:15px; height:15px; 
position:absolute; left:0; top:0; z-index:1; background:#ff7601; border-radius:50%;}
.detail_inner_wrap.activefull:before{ content:''; width:21px; height:21px; z-index:2; position:absolute; left:-4px; top: -2px; background:#ff7601; border-radius:50%; border:4px solid rgba(255, 255, 255, 0.7);}
.detail_inner_wrap.activefull:after{ content:''; height:100%; width:1px; position:absolute; top:0; left:6px; border-right:1px solid #ff7601; z-index:1;}
.pickup_inner{ position:relative; padding:0 0 54px 36px;}
.pickup_inner p{ font-size:18px; font-weight:700; color:#424242; position:relative; padding:0 0 0 42px;}
.pickup_inner p:before{ background:url(../images/trekking-order_pickedup_03.png) no-repeat; content:''; height:21px; width:22px; position:absolute; top:3px; left:0;}
.pickup_inner:before{ background:url(../images/trekking-order_normalround_12.png) no-repeat; content:''; height:15px; width:15px; position:absolute; top:0; left:0;}
.pickup_inner:after{ content:''; height:100%; width:1px; position:absolute; top:0; left:6px; border-right:1px solid #b6b6b6;}
.intransit_inner{position:relative; padding:0 0 25px 36px;}
.intransit_inner p{ font-size:18px; font-weight:700; color:#424242; position:relative; padding:0 0 0 42px; line-height: 1;}
.intransit_inner p:before{ background: url(../images/trekking-order_intransit_03.png) no-repeat; content:''; height:17px; width:21px; position:absolute; 
top:0; left:0;}
.intransit_inner:before{ background:url(../images/trekking-order_normalround_12.png) no-repeat; content:''; height:15px; width:15px; position:absolute; top:0; left:0;}
.intransit_inner:after{ content:''; height:100%; width:1px; position:absolute; top:0; left:6px; border-right:1px solid #b6b6b6;}
.intransit_inner_wrap{background-color:#fff; border-radius:10px; padding:25px 25px 25px 25px; max-width:710px; margin:18px 0 0 40px;}
.intransit_inner_wrap h2 a{ font-size:16px; font-weight:700; color:#424242; text-transform:capitalize; position: relative; padding:0 27px 0 0;}
/*.intransit_inner_wrap h2 a:after{ background:url(../images/trekking-order_update_11.png) no-repeat right; content:''; height:9px; width:12px; position:absolute; top:7px; float:left; padding-right:30px;}*/
.intransit_arrow_up { content:''; height:9px; width:12px; position:absolute; top:7px; float:left; right:0; }
.intransit_arrow_down { content:''; height:9px; width:12px; position:absolute; top:7px; float:left; right:0; }
.intransit_inner_wrap .table_inner{ overflow:auto;}
.intransit_inner_wrap .table_inner table { margin-top:10px; width: 660px; }
.intransit_inner_wrap h2{ display: inline-block; width: 100%;font-size: 16px;}
.intransit_inner table tr th{ color:#ff7601; font-size:16px; font-weight:700; text-align:left; padding:0 0 7px 0; border-bottom:1px solid #b6b6b6;}
.intransit_inner table tr td{ padding:12px 0 0 0; font-size:14px; font-weight:700; color:#424242;}
.out_inner{ position:relative; padding:0 0 54px 36px;}
.out_inner p{ font-size:18px; font-weight:600; color:#424242; position:relative; padding:0 0 0 42px; line-height: 1;}
.out_inner p:before{ background: url(../images/trekking-order_delivered_09.png) no-repeat; content:''; height:17px; width:31px; position:absolute; top:1px; left:0;}
.out_inner:before{ background:url(../images/trekking-order_normalround_12.png) no-repeat; content:''; height:15px; width:15px; position:absolute; top:0; left:0;}
.out_inner:after{ content:''; height:100%; width:1px; position:absolute; top:5px; left:6px; border-right:1px solid #b6b6b6;}
.delivered_inner{ position:relative; padding:0 0 0 36px;}
.delivered_inner p{ font-size:18px; font-weight:700; color:#424242; position:relative; padding:0 0 0 42px;}
.delivered_inner p:before{ background: url(../images/trekking-order_normalround_16.png) no-repeat; content:''; height:22px; width:21px; position:absolute; 
top:1px; left:0;}
.delivered_inner:before{ background:url(../images/trekking-order_normalround_12.png) no-repeat; content:''; height:15px; width:15px; position:absolute; top:0px; left:0;}
/********************************trackordert-css-end***************/
/*********************** new job page css start *****************************/
*:focus,a:focus{ text-decoration:none; outline:none; }
.main_section{ height:calc(100% - 41px); display:block; padding:70px 0 0 0; position:relative; }
.map_wrap{ position:absolute; top:0; left:0; height:100%; width:100%; }
.map_wrap iframe{ border:none; height:100%; }


.section_left{ position:absolute; background:#fff; height:calc(100% - 25px); left:15px; top:10px; width:480px; box-shadow:0 1px 14px 4px rgba(0,0,0,0.14); padding:0 0 17px 0; overflow:hidden; }  
.section_left_height{ height:calc(100%); }  
.section_leftwrap, .section_leftwrap1{ height:100%; width:100%; }
.main_section_wrap{ display:block; width:100%; position:relative; height:100%; }
.frfrom{width:100%; float:left; margin-top:17px; position:relative; padding:20px 0 0 47px; }
.top_loaction .frfrom:first-child{ margin-top:0; }
.frfrom input{padding:0px; padding:0px; height:40px; border:0px; width:100%; background:none; font-size:17px; border-bottom:2px solid #cbcbcb; color:#000; box-shadow:none; border-radius:0px;}
.frfrom input:focus{ border:0px; border-bottom:2px solid #64bac9; box-shadow:none;}
.frfrom label { color:#64bac9; font-size:17px; font-weight:700; left:47px; pointer-events:none; position:absolute; top:27px; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s; margin:0; }
.frfrom .open_email label {top:3px; font-size:14px;}
.frfrom input:focus ~ label,.frfrom input:valid ~ label { top:3px; font-size:16px; color:#19abc4; font-weight:bold; }

.collect_box:after{ content:""; position:absolute; left:0; top:11px; background:url(../images/origin.svg) no-repeat 0 0/cover; width:30px; height:40px;} 
.deliver_box:after{ content:""; position:absolute; left:0; top:5px; background:url(../images/destination.svg) no-repeat 0 0; width:28px; height:52px; background-size:cover;} 
.couriertype_wrap{ display:block; width:100%; margin:26px 0 0 0; }
.top_loaction{ display:block; width:100%; }
.top_loaction:after, .couriertype_list-row:after{ clear:both; overflow:hidden; display:block; content:""; }
.couriertype_wrap h2, .thanks_topwrap > h2{ font-size:17px; font-weight:700; color:#19abc4; }
.couriertype_list{ display:block; width:100%; margin:13px 0 0 0; }
.couriertype_list-row{ margin:0 -4px; display:flex;  flex-wrap:wrap; justify-content:stretch;}
.couriertype_listboxwrap{ float:left; width:33.33%; padding:3px 4px; }
.couriertype_listbox{ float:left; width:100%;border:1px solid #c8c8c8; border-radius:5px; min-height:90px; height: 100%; padding: 4px 4px 7px; }
.couriertype_listbox.selected{ border:1px solid #19abc4; box-shadow:0 0 4px 3px rgba(0,0,0,0.1); }
.couriertypeimg{ display:block; width:100%; text-align:center; }
.couriertypeimg img{ width:55px; }
.couriertypetitle{ display:block; width:100%; text-align:center; font-size:16px; color:#000; font-weight:700; margin-top:3px; line-height:1.2; }
.couriertypedesc{ display:block; width:100%; text-align:center; font-size:12px; color:#000; font-weight:500; /*font-family:'Lato', sans-serif;*/ }
.couriertype_listbox:hover{ text-decoration:none; box-shadow:0 0 4px 3px rgba(0,0,0,0.1); }
.priority_wrap{ display:block; margin:19px 0 0 0; }
.priority_wrap h2{ font-size:17px; font-weight:700; color:#19abc4; }
.priority_list-row{ margin:0 -6px; }
.priority_list{ display:block; width:100%; padding:13px 0 13px;}
.priority_list:after{ clear:both; content:""; overflow:hidden; display:block; }
.priority_list_wrap{ float:left; width:50%; padding:0 6px;}
.priority_list_wrap_three{ float:left; width:33.33%; padding:3px 4px; }
.priority_list_box{ display:table; width:100%; border:1px solid #c9c9c9; padding:5px; border-radius:5px; height:90px; cursor:pointer; }
.priority_list_box.selected{ border:1px solid #64bac9; box-shadow:0 0 4px 3px rgba(0,0,0,0.1); }
.priority_list_box:hover{ text-decoration:none; box-shadow:0 0 4px 3px rgba(0,0,0,0.1); }
.priority_list_controw{ display:table-row; height:100%; width:100%; }
.priority_list_cont{ display:table-cell; vertical-align:middle; width:100%; text-align:center; }
.prioritytitle{ display:block; font-size:17px; font-weight:700; color:#000; }
.prioritycont{ display:block; font-size:14px; font-weight:400; color:#010000; }
.prioritytotal{ display:block; font-size:15px; font-weight:700; color:#19abc4; }
.grantotal_row{ margin:0 -20px; }
.grantotal_wrap{ display:block; padding:15px 25px; /*border-top:2px solid #cbcbcb; margin-bottom:15px;*/ }
.grantotal_wrap:after{ clear:both; content:""; overflow:hidden; display:block; }
.grantotal_left{ float:left; width: calc(100% - 135px);padding:0 25px 0 0; }
.grantotal_right{ float:left;width: 135px; }
.grantotalleft{ float:left; font-size:17px; color:#000;font-weight: 600; }
.grantotalright{ float:right; font-size:17px; color:#000; font-weight:900;}
.grantotal_wrapin{ display:block; width:100%; line-height:1.3; }
.grantotal_wrapin:after{ clear:both; content:""; overflow:hidden; display:block; }
.grantotal_right input,.grantotal_right button{ height:65px; background:#64bac9 url(../images/proceed_arrow.png) no-repeat 97% center; border:none; border-radius:6px; font-size:16px; color:#fff; font-weight:700; padding:0 0 0 20px; width:100%; text-align:left; text-transform:uppercase;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; }
.grantotal_right > input:hover,.grantotal_right > button:hover {background:#19abc4 url("../images/proceed_arrow.png") no-repeat scroll 97% center;}

.section_wrap{ padding:17px 20px 0; }
/*.scroll-wrapper { overflow:hidden; padding:0; position:relative; }
.scroll-wrapper > .scroll-content { border:none; box-sizing:content-box; height:auto; left:0; margin:0 !important; max-height:none; max-width:none; overflow-y:auto ; padding:0; position:relative; top:0; width:100%; }
.scroll-wrapper > .scroll-content::-webkit-scrollbar { height:0; width:0; }
.scroll-element { display:none; }
.scroll-element, .scroll-element div { box-sizing:content-box; }
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display:block; }
.scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor:default; }
.scroll-textarea { border:1px solid #cccccc; border-top-color:#999999; }
.scroll-textarea > .scroll-content { overflow:hidden !important; }
.scroll-textarea > .scroll-content > textarea { border:none !important; box-sizing:border-box; height:100% !important; margin:0; max-height: none !important; max-width:none !important; overflow:scroll !important; outline:none; padding:2px; position:relative !important; top:0; width: 100% !important; }
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height:0; width:0; }*/
/*************** SCROLLBAR LIGHT ***************/
/*.section_leftwrap > .scroll-element, .section_leftwrap > .scroll-element div { border:none; margin:0; overflow:hidden; padding:0; position: absolute; z-index:10; }
.section_leftwrap > .scroll-element { background-color:#ffffff; }
.section_leftwrap > .scroll-element div { display:block; height:100%; left:0; top:0; width:100%; }
.section_leftwrap > .scroll-element .scroll-element_outer { -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.section_leftwrap > .scroll-element .scroll-element_size { background:#dbdbdb; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi
    8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2
    VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaW
    VudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2
    Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMC
    UiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD
    0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdm
    c+);
    background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%);
    background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%);
 -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
.section_leftwrap > .scroll-element.scroll-y { height:100%; min-height:100%; right:0; top:0; width:20px; }
.section_leftwrap > .scroll-element .scroll-bar {background: #000000;border-radius: 10px;opacity: 0.2;}
.section_leftwrap > .scroll-element.scroll-y .scroll-element_outer { left:6px; top: 2px; width:8px; }
.section_leftwrap > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
.section_leftwrap > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; }
.section_leftwrap > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; }*/

.scroll-wrapper {overflow: hidden !important;padding: 0 !important;position: relative;}
.scroll-wrapper > .scroll-content {border: none !important;box-sizing: content-box !important;height: auto;left: 0;margin: 0;max-height: none;max-width: none !important;overflow: scroll !important;padding: 0;position: relative !important;top: 0;width: auto !important;}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {height: 0;width: 0;}
.scroll-element {display: none;}
.scroll-element, .scroll-element div {box-sizing: content-box;}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {display: block;}
.scroll-element .scroll-bar, .scroll-element .scroll-arrow {cursor: default;}
.scroll-textarea {border: 1px solid #cccccc;border-top-color: #999999;}
.scroll-textarea > .scroll-content {overflow: hidden !important;}
.scroll-textarea > .scroll-content > textarea {border: none !important;box-sizing: border-box;height: 100% !important;margin: 0;max-height: none !important;max-width: none !important;overflow: scroll !important;outline: none;padding: 2px;position: relative !important;top: 0;width: 100% !important;}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {height: 0;width: 0;}
/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div {background: none;border: none;margin: 0;padding: 0;position: absolute;z-index: 10;}
.scrollbar-dynamic > .scroll-element div {display: block;height: 100%;left: 0;top: 0;width: 100%;}
.scrollbar-dynamic > .scroll-element.scroll-x {bottom: 2px;height: 7px;left: 0;min-width: 100%;width: 100%;}
.scrollbar-dynamic > .scroll-element.scroll-y {height: 100%;min-height: 100%;right: 2px;top: 0;width: 7px;}
.scrollbar-dynamic > .scroll-element .scroll-element_outer {opacity: 0.3;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.scrollbar-dynamic > .scroll-element .scroll-element_size {background-color: #cccccc;opacity: 0;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;-webkit-transition: opacity 0.2s;-moz-transition: opacity 0.2s;-o-transition: opacity 0.2s;-ms-transition: opacity 0.2s;transition: opacity 0.2s;}
.scrollbar-dynamic > .scroll-element .scroll-bar {background-color: #6c6e71;-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}
/* scrollbar height/width & offset from container borders */ 
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {bottom: 0;height: 7px;min-width: 24px;top: auto;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {left: auto;min-height: 24px;right: 0;width: 7px;}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {bottom: 0;top: auto;left: 2px;-webkit-transition: height 0.2s;-moz-transition: height 0.2s;-o-transition: height 0.2s;-ms-transition: height 0.2s;transition: height 0.2s;}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {left: auto;right: 0;top: 2px;-webkit-transition: width 0.2s;-moz-transition: width 0.2s;-o-transition: width 0.2s;-ms-transition: width 0.2s;transition: width 0.2s;}
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
/* update scrollbar offset if both scrolls are visible */ 
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {	left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {	top: -11px; }
/* hover & drag */ 
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {overflow: hidden;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);opacity: 0.7;}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {opacity: 1;}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {height: 100%;width: 100%;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {height: 20px;min-height: 7px;}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {min-width: 7px;width: 20px;} 

.Overview_wrap {border-bottom: 2px solid #cbcbcb; padding: 20px 20px 22px;}
.Overviewtitle span{border-bottom: 2px solid;color:#19abc4;font-size: 17px;font-weight: 600;}
.Overviewtitle h2{font-size:inherit;}
.right_edit a,.right_hide a{color: #19abc4;font-size:16px;/*padding-right: 20px;*/position: relative;font-weight:600;}
.right_edit a i { padding-left:4px; }
.right_hide a{padding-right:0px;}
.right_edit,.right_hide{float: right;}
.Overviewtitle {float: left;    margin-bottom: 17px;}
/*.right_edit > a::after {background:url("../images/edit_icon.png") no-repeat scroll 0 0 / cover ;content: ""; height: 15px;position: absolute;right: 0; top:3px; width: 15px;}*/
.overv_details {clear: both;color: #000000;font-size:16px; font-weight:800; padding-bottom:3px;}
.overv_details .overv_right {margin-left:115px;}
.overv_details .overv_left{float: left;font-weight: 600;width:115px;}
.paymet_wrap {background: #f3f3f3;padding: 20px;clear:both;width:100%;}
.paymet_title h2 {color: #19abc4;font-size: 17px;font-weight: 600;}
.pay_form label, .addnotes_wrap label {color: #959595;font-size: 15px;font-weight: 700;width: 100%;}
.pay_form  input {border: medium none;color: #000000;font-size: 15px;height: 35px;padding: 0 10px;width: 100%;font-weight: 600;}
.pay_dateinputs { float: left;padding-right: 11px;width: 37%;    margin-bottom: 20px;}
.pay_forminputs {margin-bottom: 10px;}
.paymet_card {float: right;}
.paymet_title {float: left;}
.paymet_card > span {padding: 0 3px;}
.pay_form {clear: both; padding:20px 0 0 0;}
.pay_digit {color: #000000;font-size: 14px; font-weight: 600; margin-top:23px;max-width: 120px; width: 26%;float:left;}
/*input.checkbox-custom {opacity: 0;position: absolute;width: auto;}
.checkbox-custom, .checkbox-custom-label{display: inline-block;vertical-align: middle;margin: 5px; cursor: pointer;}
.checkbox-custom-label{position: relative;}
.checkbox-custom + .checkbox-custom-label:before{content: '';background: #fff;border: 2px solid #bcbcbc;display: inline-block;vertical-align: middle;width: 20px;height: 20px;padding: 2px;margin-right: 10px;text-align: center;left: -29px;position: absolute; top: 2px;}
.checkbox-custom:checked + .checkbox-custom-label::before {background: #ffffff url("../images/check.png") no-repeat scroll 1px 2px;color: #ffffff;content: "";font-family: "FontAwesome";height: 20px; width: 20px;}
.checkbox-custom:focus + .checkbox-custom-label{outline:none;}*/
label.checkbox-custom-label {color: #000000;font-size: 16px; display:inline-block; width:auto;}
.addnotes_wrap input {border-color: #cbcbcb;border-style: none none solid; border-width: medium medium 2px; color: #000000; font-size:17px; font-weight: 600; padding-bottom: 5px;padding-left: 0;}
.overview_note {float: left;padding: 20px 20px 8px;width: 100%;}
.code_num {margin-right:7px; width: 54px;}
.phone_num {width: 64%;}
.coll_wrap > input {width: 100%;}
.coll_wrap {float: left; width:139px;}
.coll_numberwrap {float: left;margin-left:14px;width:195px;}
.addnotes_wrap {float: left; margin-bottom:22px;width: 100%;}
.addnotes_wrap input:focus {border-color:#19abc4;transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;}
.paybut {/*border-top: 2px solid #cbcbcb;*/ padding: 23px 20px 10px; text-align: center;margin-bottom: 15px;}
.paybut input,.paybut button {background: #64bac9 none repeat scroll 0 0;border: medium none;border-radius: 6px;color: #ffffff; font-size: 20px;font-weight: 600;padding: 15px 10px;width: 100%;}
.paybut input:hover,.paybut button:hover,.pay_form .other_card:hover {background: #19abc4;}
.note_textarea textarea, .note_texttow textarea {border: 2px solid #cbcbcb;float: left;margin-top: 15px; padding: 5px 10px; resize: none;  width: 100% !important;height: 120px;font-size:17px;font-weight:600;color:#000000;}
.note_textarea, .note_texttow { display: none;float: left;width: 100%;}

.note_textarea.dis_textarea, .note_texttow.dis_textarea{display:block;}
.overview_note input::-webkit-input-placeholder, .pay_form input::-webkit-input-placeholder,.overview_note textarea::-webkit-textarea-placeholder{color:#cbcbcb;opacity: 1;}
.overview_note input::-moz-placeholder, .pay_form input::-moz-placeholder,.overview_note textarea::-moz-placeholder {color:#cbcbcb; opacity: 1;}
.overview_note input:-ms-input-placeholder, .pay_form input:-ms-input-placeholder,.overview_note textarea:-ms-textarea-placeholder {color:#cbcbcb; opacity:1; }
.overview_note input:-moz-placeholder, .pay_form input:-moz-placeholder,.overview_note textarea:-moz-placeholder {color:#cbcbcb; opacity: 1;}
.overview_note .right_edit,.overview_note .right_hide {margin-top: 28px;}
input {border-radius: 0;}
a:hover {cursor: pointer;text-decoration: none;}
.overviews .paybut{ margin:0 auto; padding:15px 20px 20px; position:absolute; left:0; right:0; background:#ffffff; bottom:0; }
.overviews .paybut_bott {/*position: relative;*/ border-top: 2px solid #cbcbcb; }
.overviews .section_leftwrap1 {height: calc(100% - 80px);}
.overviews .section_leftwrap1.height100 {height: calc(100% - 100px) !important;}
.overviews .section_leftwrap1.height120 {height: calc(100% - 120px) !important;}
.overviews .section_leftwrap1.height125 {height: calc(100% - 125px) !important;}
.overviews .section_leftwrap1.height130 {height: calc(100% - 130px) !important;}
.overviews .section_leftwrap1.height145 {height: calc(100% - 145px) !important;}

.overviews .section_leftwrap .section_leftwrap { height:100% !important; max-height:inherit !important; }
.overviews .section_leftwrap {padding-bottom: 20px;}
.thanks_topwrap h2 span {color: #000000;}
.thanks_topwrap h1 { font-size: 40px; font-weight: 800; margin: 70px 0 6px; text-align: center;}
.thanks_topwrap > p{color: #000000;font-size:16px;line-height: 1.2;margin: 0 auto;max-width:350px;text-align: center;}
/*.done_status, .active_status, .pandding_status, .midd_stat, .last_stat{display: inline-block;text-align: center;width: 33.1%;vertical-align: middle;position:relative;margin: 0 -1px;vertical-align:top;}*/
.done_status, .active_status, .pandding_status, .midd_stat, .last_stat{display: inline-block;text-align: center;width: 25%;vertical-align: middle;position:relative;margin: 0 -1px;vertical-align:top;}
.thanks_status {display: table;width: 100%;vertical-align: middle;}
.thanks_status .done_status .status_titile h3, .thanks_status .active_status .status_titile h3{color: #000000;font-size: 16px;font-weight: 800;}
.thanks_status .status_titile h3 {color: #cbcbcb;font-size: 16px;font-weight: 800;}
.status_img {display:block;line-height: 85px; min-height: 85px;vertical-align: middle;position:relative;}
.status_img img {position: absolute;left: 0;right: 0;text-align: 0;-webkit-transform: translateY(-50%);margin: 0 auto;    top:44%;transform: translateY(-50%);}
.status_img > img {background: #ffffff;z-index: 9;}
.thanks_status {margin: 45px 0 30px;}
.status_titile {margin-top: 12px;}
.order_butt {background: #64bac9;border-radius: 5px;color: #ffffff; font-size:17px;font-weight:600;margin: 0 10px 0 auto; padding:15px 15px;text-transform: uppercase; border: medium none;}
.cancel_butt{background:#f04545;border-radius: 5px;color: #ffffff; font-size:17px;font-weight:600;margin: 0 auto; padding:15px 15px;text-transform: uppercase; border: medium none;}
.savejobtemplate_butt{background:#65c6b2;border-radius: 5px;color: #ffffff; font-size:20px;font-weight:600;margin: 0 auto; padding:15px 32px;text-transform: uppercase; border: medium none;}
.order_butts {text-align: center;}
.order_butt:hover {background: #19abc4;color:#fff;}
.cancel_butt:hover {background: #f00;color:#fff;}
.thanks_overview {padding:50px 0 40px;border: medium none;}
.contact_detils p{color: #000000;font-size: 16px;font-weight: 500;}
.contact_detils {padding-bottom: 40px;}
.contact_detils p a {color: #000000;font-size: 16px;font-weight:800;}
.contact_detils a:hover {color: #64bac9;}
.cancel_status {margin:60px auto 30px;text-align: center;}
.cancel_status h3 {color: #000000;font-size: 17px;font-weight: 800;}
.cancel_wraper .order_butt {margin: 0 auto;min-width: 280px;}
.cancel_wraper .cancel_deatils {padding-bottom: 0;height: calc(100% - 95px);}
.cancel_wraper.schedule_cancel .cancel_deatils {padding-bottom: 0;height: calc(100% - 160px);}
.cancel_wraper .contact_detils {margin-bottom: 30px;padding-bottom: 0;padding-top: 26px;}
.cancel_wraper {position: relative;}
.cancel_wraper .thanks_topwrap > p{max-width:400px;}
.pay_form .other_card {background:#64bac9;border-radius: 5px; color: #ffffff;  float: right;   font-size: 14px;    margin-left: 1%;    text-transform: uppercase;    width: 34%;border: medium none;}
.pay_form .use_cardinputs {float: left;  width: 65%; background: #ffffff url("../images/visa.png") no-repeat scroll 98% 46%;}
.use_card {float: left;margin-bottom: 15px;width: 100%;}
.cancel_wraper .section_wrap {height: 100%; overflow: hidden; padding:17px 20px 0;}
.last_stat::before {background: #cccccc;content: "";height: 2px;left: -62%;position: absolute;top:45px;width: 100%;z-index: 1;}
.cancel_status .status_img::before {background: rgba(0, 0, 0, 0) url("../images/red_cross.svg") repeat scroll 0 0 / cover ;content: "";  height: 80px; left: 0;margin: 0 auto;position: absolute; right: 0; width: 80px; transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); }
#deliver_details .scroll-wrapper {background: #f3f3f3;}
#deliver_details .Overview_wrap,#deliver_details .overview_note{background: #fff;}
.red_border > input,.red_border .input-group > input,.red_border .input-group .input-group-addon {border-bottom: 2px solid red!important;transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;}
.red_bottom_border {border-bottom: 2px solid red!important;transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;}
/*.coll_numberwrap .validate_input .red_border.text-danger{margin-left:35%;float:left;} */
.text-danger{font-size:11px;}

#origin_cleartext, #dest_cleartext { background: transparent none repeat scroll 0 0; top:33px; position: absolute; right: 0; font-size:10px; width:25px; }
#destination_address,#origin_address { padding-right: 25px; }
.deli_sec{height:calc(100% - 100px)}
.couriertype_wrap.martop0{margin-top:0px; text-align:right;}
.couriertype_wrap.martop0 h2{border-bottom:1px solid #1ca9c5; display:inline-block; clear:both; }
.choosetempmain{text-align:left; margin:10px 0px 20px 0px;}
.choosetempmain h5, #schedule_job_section h5{ color: #959595; font-size: 15px; font-weight: 700; width: 100%; margin-bottom:5px;}
.choosetempmain .couriertype_list{margin:0px;}
.choosetempmain .couriertype_list select{max-width:260px; display:inline-block; vertical-align:top; margin:0px; border:0px; box-shadow:none; border:2px solid #cbcbcb; -webkit-appearance: none; -moz-appearance: none; background: url('../images/dropblack-arrow.png')  no-repeat right; text-indent: 0.01px; text-overflow: ""; border-radius:0px; color:#000000; font-weight:600; padding:0px 6px 0px 6px ; height:30px; }
.choosetempmain .couriertype_list select::-ms-expand { display: none; }
.choosetempmain .couriertype_list button{display:inline-block; background:#65c6b2; border:0px; color:#fff; width:72px; height:30px; border-radius:5px; margin-left:10px; font-weight:600;}
.choosetempmain .couriertype_list button:hover{background:#49aa96;}
.choosetempmain a.cancellink{display:inline-block; font-size: 14px; font-weight: 700; color: #19abc4; text-decoration:underline; margin-left:8px;}
.savethisbtn{margin:15px 0px 0px 0px; text-align:center;}
.templatenamemain{width:100%; display:inline-block; vertical-align:top; margin:20px 0px 0px 0px;}
.templatenamemain .addnotes_wrap{display:inline-block; width:auto;}
.savebtnbutton{display:inline-block;}
.savejobtemplate_butt.savbtn{padding:14px 19px 14px 19px;  font-size:17px; margin-left:14px;}
.savejobtemplate_butt.savbtn:hover{background:#55b6a2;}
.savejobtemplate_butt.cancelbtn{padding:14px 19px 14px 19px;  font-size:17px; margin-left:12px; background:#f14545;}
.savejobtemplate_butt.cancelbtn:hover{background:#f00;}
.coll_wrap.templtextboxmain{width:215px;}

/* Schedule datetime selection area */ 
.schedule_job_area { padding-top:0px; /*margin-top:-20px;*/ display:none; }
.schedule_job_area input[type="text"] { border: 2px solid #cbcbcb; color: #000000; float: left; font-weight: 600; height:30px; padding: 5px 10px; resize: none; width:321px; }
.schedule_job_area select{min-width:100px; display:inline-block; vertical-align:top; margin:0px; border:0px; box-shadow:none; border:2px solid #cbcbcb; -webkit-appearance: none; -moz-appearance: none; background: url('../images/dropblack-arrow.png')  no-repeat right; text-indent: 0.01px;   text-overflow: ""; border-radius:0px; color:#000000; font-weight:600; padding:0px 6px 0px 6px ; height:30px; }
.schedule_job_area select::-ms-expand { display: none; }
.schedule_job_area .choosetempmain{margin:0 !important;}
.schedule_datetime_close { line-height:30px; background:#fff; font-size:12px; } 
.schedulejobdivs .jobdatediv{width: 160px;}
.schedulejobdivs .joblistfirst { width:29%; }
.schedulejobdivs .jobnamediv { width:120px; }
.schedulejobdivs .jobaddressmain { width:20%; }
.schedulejobdivs .jobidmain { float:left;width:14%; }

.schedule_date_section .date { width:300px; }
.schedule_job_area .dropdown-menu{z-index:9999; top:auto !important; bottom:30px !important; min-width:300px !important}
.schedule_job_area input[type="text"]{width:100%; height:31px;}
.datepicker { font-size: 13px !important; }
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second { font-size: 12px !important; }
.bootstrap-datetimepicker-widget button[data-action] { padding: 0px !important;}
.bootstrap-datetimepicker-widget {	max-width:390px !important;}
.bootstrap-datetimepicker-widget .timepicker table td { font-size:13px; height:35px; }
/* Scheduled Job */

.chooseselecttempmain select{max-width:100%; display:inline-block; vertical-align:top; margin:0px; border:0px; box-shadow:none; border:2px solid #cbcbcb; -webkit-appearance: none; -moz-appearance: none; background: url('../images/dropblack-arrow.png')  no-repeat right; text-indent: 0.01px; text-overflow: ""; border-radius:0px; color:#000000; font-weight:600; padding:0px 6px 0px 6px ; height:30px; }
.chooseselecttempmain label.drop_label{color:#19abc4; font-size:16px; font-weight:700; left:47px; margin:0; pointer-events:none; position:absolute; top:-5px;    transition: all 0.2s ease 0s;}
.deliver_box.chooseselecttempmain{margin:20px 0 0 0;}
.deliver_box.chooseselecttempmain::after{top:-2px;}
.popupleftcourier{width:75%; float:left;  padding-right:34px;}

/* From County */
.form_county_class {padding-left:44px; position:relative;}
.form_county_class select{border:0px;  box-shadow: none; font-size: 17px; color: #000; border-bottom: 2px solid #cbcbcb; -webkit-appearance: none; -moz-appearance: none; background: url('../images/dropblack-arrow.png')  no-repeat right; padding-left: 0px; padding-left: 0px; border-radius: 0px;}
/*.validate_input.form_county_class::after {
    background: rgba(0, 0, 0, 0) url("../images/origin_county.svg") no-repeat scroll 0 0 / cover ;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 21px;
    width: 30px;
    background-size: 100%;
}*/
.form_county_class label{font-size: 16px; color: #19abc4; font-weight: bold}
.form_county_class .form-control:focus{box-shadow:none; outline:none; -moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;  -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #cbcbcb;}

/* To County  */
.to_county_class {padding-left:44px; position:relative;}
.to_county_class select{border:0px;  box-shadow: none; font-size: 17px; color: #000; border-bottom: 2px solid #cbcbcb; -webkit-appearance: none; -moz-appearance: none; background: url('../images/dropblack-arrow.png')  no-repeat right; padding-left: 0px; padding-left: 0px; border-radius: 0px;}
/*.validate_input.to_county_class::after {
    background: rgba(0, 0, 0, 0) url("../images/destination_county.svg") no-repeat scroll 0 0 / cover ;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 21px;
    width: 30px;
    background-size: 100%;
}*/
.to_county_class label{font-size: 16px; color: #19abc4; font-weight: bold}
.to_county_class .form-control:focus{box-shadow:none; outline:none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none;  -moz-border-top-colors: none; border-color: -moz-use-text-color -moz-use-text-color #cbcbcb;}

/*14-11-2019 new css  */
.joblistmaincon.schedulejobdivs.userlistingdiv .jobadddiv {float: left;width: 58px;}
.joblistmaincon.schedulejobdivs.userlistingdiv .jobadwhtdiv{ width:200px;float: left; margin-left:0px;  }
.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv .jobadddiv{ width: 80px; float: left; }
.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv .jobadwhtdiv{ width:200px;float: left; }
.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv .jobadddiv{ width: 125px; float: left; }
.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv .jobadwhtdiv{ width:150px;float: left; }
.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart .jobadddiv{ width: 135px; float: left; }
.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart .jobadwhtdiv{ width: 120px; float: left; min-height:34px; }
/*.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but{ width:12%; }*/
.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but{ width:14.8%; }
.joblistmaincon.schedulejobdivs.userlistingdiv .joblistfirst{ width:100%; }
.joblistmaincon.schedulejobdivs.userlistingdiv .jobdetailtext.codediv{ width: 60px; }
/* new css  */

/* 12/2/2020 */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Firefox */
input[type=number] { -moz-appearance:textfield; }

/* 17/02/2020 :: Custom Form Builder Class */
.fb_fields { padding-bottom:10px !important; clear:both; }
.fb_fields label {left:3px !important;top:-6px; color:#19abc4 !important; font-size:16px !important; padding-bottom:0px !important; }
.radio_label{bottom:5px; top:3px !important;}
.fb_fields input[type="text"]{padding:0px; padding:0px; height:40px; border:0px; width:100%; background:none; font-size:17px; border-bottom:2px solid #cbcbcb; color:#000; box-shadow:none; border-radius:0px;}
.fb_fields input[type="text"]:focus, 
.fb_fields input[type="text"]:focus + .dropdown-menu + .input-group-addon { border:0px; border-bottom:2px solid #64bac9; box-shadow:none;}
.fb_fields .radio-custom { line-height:1 !important; }
.fb_fields.custom_radiofield_class label{ margin-bottom:15px; }
.custom_form_radio { margin-top:10px; }
.custom_form_radio::after,.custom_form_price::after { content:""; clear:both; display:block; overflow:hidden; }
.fb_fields .custom_form_price { margin-bottom:5px; }
.fb_fields .custom_form_price h4 { font-size:17px; } 
.custom_form_price .form_price_class{width: calc(100% - 200px);}
.radio-custom input[type="radio"]:focus + label::before{ outline:none; }
:focus{ outline: none; }
.fb_fields .custom_form_price .display_price { padding-top:0px;float:right;width: 100%;display: block;text-align: right;margin-top: 3px; }
.fb_fields .input-group-addon { border:0px; border-bottom:2px solid #ccc; border-radius:0px; background-color:#fff; }

/* Delivery Detail Addtional Information */
.otherformfield{width:100%;  }
.otherformfieldlabel { border:1px solid #eee; }
.otherformfieldlabel span{min-width: 0px !important;text-align:left!important; padding-top:12px; }
.otherformfieldlabel div{ padding-top:12px; padding-bottom:12px; }
.otherformfielddatalabel{min-width: 0px !important;width:60%;word-wrap: break-word;text-align:left!important;}
.otherformfielddatalabel:after {background:none !important;}
.otherformfielddatalabeldate { min-width: 0px !important;width:60%;word-wrap: break-word;text-align:left!important; }

/*27-04-2020 My Job Templates*/
.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatenameclass{ width:60%;}
.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatenameclass .jobadddiv{ width:170px; }
.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatecreateddate{ width: 21%;}
.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatecreateddate .jobadddiv{ width: 100px;}
.joblistmaincon.invoicedivs.templatemainclass .jobtotalpaid.invo_but{width: 19%;}

.dwnld-printbx{margin-top:7px; float:right; display:inline-flex;}
.checkbox-custom{padding-top: 7px;}
.cust-check.checkbox-custom{display: inline-block;float: left;margin-top:0 !important; margin-bottom:0px !important; padding-top:4px !important; padding-right:2px !important;} 

/*22-09-2022 multi-drop location*/
.multidrop_destination_addess {padding-right: 25px !important;}
.add_destination_link{margin-top: 10px;float: left;}

/*********************** Download cash return CSV css  start *****************************/
.downloadcashreturncsv{position:relative;float: right;padding-top: 10px; font-size:14px; color:#424242; font-size:14px; font-weight:600; padding-left:35px; line-height:30px;margin-left: 15px;}
.downloadcashreturncsv:after{background:url(../images/download-icon.png) no-repeat left; width:26px; height:26px; position:absolute; content:""; left:0px;}
.downloadcashreturncsv a{color:#424242; text-decoration:underline;}
.downloadcashreturncsv a:hover{ color:#424242; text-decoration:none;}
/*********************** Download cash return CSV css end*****************************/

/*Add to Homescreen CSS start */
.shortcut-menu { margin-top: 10px;}
.shortcut-menu .shortcut-list { list-style: none; padding: 0; margin: 0;}
.shortcut-menu .shortcut-list li { background: blue; color: white; padding: 10px;cursor: pointer; border-radius: 5px;display: inline-block; }
#shortcut-popup-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);z-index: 999;}
#shortcut-custom-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #f8f9fa; padding: 20px; border-radius: 10px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); text-align: center; font-family: Arial, sans-serif;font-size: 16px;width: 80%;max-width: 400px;z-index: 1000;}
#shortcut-custom-popup p {font-size: 18px;font-weight: bold;color: #333;margin-bottom: 15px;}
#shortcut-custom-popup button {background: green;color: white;padding: 10px 15px;border: none;border-radius: 5px;cursor: pointer;font-size: 16px;}
#shortcut-custom-popup button:hover {background: darkgreen;}
/*Add to Homescreen CSS end */

@media (min-width:1024px) and (max-width:1399px) {
	.collect_box::after{width: 24px; height: 32px;top: 20px;}
	.deliver_box::after{height: 44px;width: 24px;top: 11px;}
	.paymentlabel{font-size: 11px;padding: 10px 11px 0 10px;width: 100%;}
	.cardicon > img {height: 10px;}
	.frfrom{ padding: 18px 0 0 37px;}
	.frfrom label{left: 37px;}
	.section_left{ width: 400px;}
	.frfrom input:focus ~ label, .frfrom input:valid ~ label, .couriertype_wrap h2, .thanks_topwrap > h2, .Overviewtitle span{ font-size: 15px;}
	.couriertype_wrap{ margin: 20px 0 0;}
	.couriertype_list{  margin: 5px 0 0;}
	.couriertypeimg img {width: 45px;}
	.frfrom input{font-size:16px;}
	.couriertypetitle, .prioritytitle, .grantotalleft, .grantotalright,.pay_form label, .addnotes_wrap input, .pay_form input, label.checkbox-custom-label, .thanks_status .status_titile h3, .thanks_status .done_status .status_titile h3, .thanks_status .active_status .status_titile h3, .contact_detils p, .contact_detils p a{font-size: 14px;}
	.overv_details{font-size: 14px;padding-bottom: 1px;}
	.couriertype_listboxwrap{padding: 3px;}
	.priority_list_wrap_three{padding: 3px;}
	.couriertype_listbox{margin-bottom: 0;min-height: 79px;}
	.couriertypedesc{font-size: 11px;}
	.priority_list_box{height: 80px;}
	.prioritytotal{font-size:13px;}
	.grantotal_right input, .grantotal_right button{ height: 56px;font-size: 15px;}
	.Overview_wrap{padding: 20px 20px 10px;}
	.Overviewtitle{  margin-bottom: 12px;}
	.right_edit > a::after{height:13px;width:13px;}
	.coll_wrap{ width:129px;}
	.coll_numberwrap{margin-left: 8px; width: 142px;}
	.overview_note{padding: 15px 20px 3px;}
	.pay_digit{font-size: 12px;    margin-top: 27px;}
	.checkbox, .radio{ margin-top: 6px;}
	.overviews .paybut{padding:7px 20px 14px;}
	.paybut input, .paybut button{font-size: 18px;padding: 14px 10px;}
	.checkbox-custom label{line-height: 15px; padding-left: 5px;}
	.thanks_topwrap h1 {font-size: 37px;}
	.thanks_topwrap > p {font-size: 14px;line-height: 16px;}
	.order_butt{margin: 0 10px 0 auto;font-size: 14px; padding: 14px 12px;}
	.Overview_wrap.thanks_overview {padding: 20px 0 10px;}
	.grantotal_wrap{ padding: 7px 25px;}
	.pay_form input{height: 32px;}
	.cancel_butt{font-size: 14px;padding: 15px 12px;}
	.savejobtemplate_butt {font-size: 15px;padding: 15px 15px;}
	.addnotes_wrap label{font-size:12px;}
	.right_edit a{font-size:13px;}
	#job_booking_section {padding-bottom: 0;}
	.deli_sec{height:calc(100% - 83px)}
	.pay_form{padding: 20px 0 0;}
	.templatenamemain .addnotes_wrap{margin-bottom:10px;}
	.templatenamemain .addnotes_wrap,.coll_wrap.templtextboxmain{width:100%;}
	.savejobtemplate_butt.savbtn{margin-left:0px;}
	.choosetempmain .couriertype_list select{max-width:205px;}
	.details{ padding:15px 0 28px 0;}
	.details h1{ padding:0 0 15px 20px;}
	.detail_inner{ padding:20px 15px; border-radius:0;}
	.pickup_inner{ padding:0 0 60px 30;}
}
@media (max-width: 1366px){
	#joblistingboxes .joblistfirst{width:auto;}
	#joblistingboxes .jobaddressmain{width:22%;}
	.schedulejobdivs .jobidmain { width:20%; }
	.joblistmaincon.schedulejobdivs.userlistingdiv  .codefirstdiv.emaildiv{ width:62%; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv,.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart,.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but{ margin-top: 15px;  }
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but {width: 30%;}
	.jobnamediv{width: 100px;}
}
@media(max-width:1199px){
	.header{position:relative;}
	.main_section{padding:0;}
	/* .footer{position:relative;} */	
	#joblistingboxes .joblistfirst, #joblistingboxes .jobaddressmain{margin-bottom:15px;}
	#joblistingboxes .jobaddressmain{width:29%;}
	.schedulejobdivs .jobidmain { width:25%; }
	.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatecreateddate{ width:26%; }
	.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatenameclass{ width:60.33%; }
	.datefromtextbox input{width: 114px;}
	.resetbtn input{width: 58px;}
	.menu_icon{display:block;}
	.head_mid{display:none;}
	.topnavmain{display:none;}
	.menu_icon{ font-size:30px; position:absolute; right:10px; top:14px; width:35px; height:40px; cursor:pointer;}
	.nav_open .mobile_menu{display:block;}
	.mobile_menu {display: block; position: fixed; top: 0px; right: -100%; width: 100%; height: 100%; background:url(../images/body-bg.jpg) repeat; opacity: 1; transition: all 0.5s; -webkit-transition: all 0.5s; padding:10px 0px; overflow: hidden;}
	.nav_open .mobile_menu {right: 0%; overflow:auto;}
	.menu_close{ font-size:35px; position: absolute; right: 10px; top:20px; width: 35px; height: 40px; cursor:pointer;}
	.mobile_head_mid{width:100%; text-align:center; margin-top:40px; border-bottom:1px solid #b3b3b2; padding-bottom:20px;}
	.mobile_menu .logomain{min-width:100%; display:inline-block; float:none; padding-left:15px;}
	.mobile_menu .phonenumbers{margin-left:0px; font-size:18px;}
	.mobile_menu .email.phonenumbers{ font-size:18px;}
	.topnavmain-mobile{width:100%;}
	.mobile_menu .topnavmenu{margin:0px; padding:0px; width:100%; text-align:left; padding-left:15px; padding-right:15px;}
	.mobile_menu .topnavmenu li{float:none; display:inline-block; width:100%; margin-top:20px;}
	.mobile_menu .customerbox .btn-primary{float:none; font-size:18px; color:#424242; width:100%; text-align:left;}
	.mobile_menu .dropdown.customerbox{width:100%; text-align:left; padding-left:15px; padding-right:15px; margin-top:20px;}
	.topnavmain{display:none;}
	.topnavmain-mobile .customerbox .dropdown-menu{width:100%; box-shadow: none; background: none; margin-top:15px;}
	.mobile_menu .topnavmenu li a{font-size:18px;}
	.mobile_menu .customerbox .dropdown-menu > li > a{font-size:16px; padding-left:15px; padding-right:15px;}
	.mobile_menu .customerbox .dropdown-menu > li:first-child > a{border:0px; }
	.mobile_menu .dropdown-menu > li > a:hover,
	.mobile_menu .dropdown-menu > li > a:focus{background:none; color:#424242;}
	.mobile_menu .customerbox .caret{margin-top:0px; float:right; margin-right: 15px;}
	.dropdown.customerbox.open .caret{transform: rotate(180deg);}
	body.nav_open{overflow:hidden;}
	.customerbox .dropdown-menu{ position:relative; }
	.logomain{display: flex; justify-content: space-between; float: none; 	align-items:center; padding-right: 50px;}
	.dropdown.customerbox.mobile-country{display: block; width: auto; margin-top: 0px;}
    .dropdown.customerbox.mobile-country .dropdown-menu{position: absolute; left: auto;}

}
@media(max-width:1023px){
	.section_left{ width: 100%; position: relative;left:0;top: 0;box-shadow:none;}
	.map_wrap {height:400px;position: relative;}
	.footermain {width: 100%;}
	.topnav{padding-left: 0;}
	/* .footer {position: relative;} */
	.section_leftwrap{padding-right:0;}
	.frfrom.deliver_box {float: right;margin-top:0;}
	.main_section{height: 100%;}
	.frfrom{ width: 49%;}
	.couriertype_listboxwrap{width:25%}
	.priority_list_wrap_three{width:25%}
	.priority_list_wrap{max-width: 230px;width:50%;}
	.overv_details{  padding-right: 0;}
	/*.phone_num {width: 57%;}*/
	.code_num{width: 28%;}
	/*.coll_numberwrap .validate_input .red_border.text-danger{margin-left:31%;}*/
	.coll_numberwrap{width: 40%;}
	.coll_wrap{ width:40%;}
	.overviews .paybut{position: relative;}
	.overviews .section_leftwrap {padding-bottom: 0;}
	.overviews .paybut{ padding: 19px 20px;}
	.pay_form {padding: 20px 0;}
	.paymentlabel{width: 100%;}
	.cancel_wraper .contact_detils {bottom: 0; margin-top: 30px;padding-bottom: 10px; position: relative;}
}
@media(max-width:480px){
	.couriertype_listboxwrap{width: 50%;}
	.priority_list_wrap_three{width: 50%;}
	.grantotal_left{padding:0; width: 100%;}
	.grantotal_right{float: right; margin-top: 10px;}
	.coll_wrap, .coll_numberwrap{ width: 70%;}
	.code_num{width:27%;}
	.coll_numberwrap {margin-left: 0;margin-top: 11px;}
	.addnotes_wrap .right_edit,.addnotes_wrap .right_hide {margin-top: -56px;}
	/*.phone_num {width: 65%;}*/
	.right_edit a{font-size:15px;}
	.pay_dateinputs{padding-right:6px; width:34%;}
	.done_status .status_titile h3, .active_status .status_titile h3, .pandding_status .status_titile h3{font-size: 14px;}
	.active_status .status_img > img {width: 65px;}
	.status_img > img {width: 45px;}
	.order_butt{width:215px;margin: 0 auto 15px;display: block;}
	.cancel_butt{width:215px;margin:0 auto;}
	.pay_form .other_card, .pay_form .use_cardinputs{width:100%;}
	.other_card {margin-top: 8px;}
	.pickup_inner p, .intransit_inner p, .out_inner p, .delivered_inner p{ font-size:16px;}
	.intransit_inner_wrap{ margin:18px 0 0 0;}
}
/*********************** new job page css end *****************************/

@media screen and (max-width:1450px) {
	.pricemain{font-size:17px;} 
}
@media screen and (max-width:1400px){
	.pricemain{font-size:15px;} 
}
@media screen and (max-width:1370px){
	.joblistmain{width:100%;}	
}
@media screen and (max-width:1365px){
	.joblistfirst{width:41%;}
	.jobaddressmain{width:20%;}
	.jobtotalpaid{width:19%;}
	.jobtotalpaid.invo_but {padding-left: 20px; width: 25%;}
}
@media screen and (max-width:1350px){
	.successconbg.jobdetailmain{padding:10px;}
}
@media screen and (max-width:1300px){
	.pricemain,.pricemain.smallfont{font-size:14px;}
	.successconbg.jobdetailmain{padding:10px;}
	.pricelabel2.minw125{min-width:160px;}
	.joblistfirst{width:45%;}
	.jobaddressmain{width:17%;}
	.jobtotalpaid{width:21%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv .jobadwhtdiv,.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield .jobadwhtdiv{width: auto;float: none;display: block;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield{ width:50%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv {width: 50%;}
	#joblistingboxes .joblistmaincon.schedulejobdivs.userlistingdiv .joblistfirst{ width:100%;}
}
@media screen and (max-width:1200px){
	.contentleft,.contentleft.pad70{padding-left:15px; padding-right:15px;}
	.contentleft.delivermain{padding-left:15px; padding-right:15px; padding-bottom:0px;}
	.successlefdiv{width:100%;}
	.successrightdiv{width:100%;}	
	.joblistfirst{width:100%; margin-bottom:10px;}
	.jobaddressmain{width:25%}
	.jobtotalpaid{width:50%;}
	.invoicedivs .jobaddressmain {width: 25%;}
	.jobtotalpaid.invo_but{width: 47%; padding-left: 29px;}
	.invoicedivs .jobtotalpaid .jobdetailtext.codediv{ text-align: left;}	
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield .jobadwhtdiv{ width: auto; float: none; display: block; margin:0 0 0 58px;   }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv .jobadwhtdiv{ width: auto; float: none; display: block; margin:0 0 0 58px;   }
	#joblistingboxes .joblistmaincon.schedulejobdivs.userlistingdiv .joblistfirst, #joblistingboxes .joblistmaincon.schedulejobdivs.userlistingdiv .jobaddressmain {margin-bottom: 0px;}
}
@media screen and (max-width:1024px){	
	.topnav{padding-left:0px;} 
	.header{position:relative;} 
	.maincontent{padding-top:0px; padding-bottom:40px;}
	.footer{position:relative;}
	.footermain{width:100%;}
	.contentright{width:100%; position:relative; height:300px;}
	.contentleft{width:100%;}
	.maincomartop{margin-top:30px;}
	.forminner.martop30{margin-top:17px;}
	.innerconmain h2{margin-top:22px;}
	.maincomartop{margin-top:30px;}
	.successlefdiv{width:45%;}
	.successrightdiv{width:55%;}
	.homemaindiv .col-md-12{width:50%;}
	.frofileformmain{margin-top:20px;}
	#joblistingboxes .jobaddressmain{width:100%;}
	.schedulejobdivs .jobidmain { width:100%; margin-bottom: 15px; }
	.frfrom.deliver_box{float: left;}
	.form_county_class{width:100%;}
	.top_loaction  .frfrom{clear: both; margin-bottom: 15px; width: 100%;}
	.validate_input.form_county_class{ margin-bottom: 15px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield {width:40%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv { width:60%;}
	/*.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield .jobadwhtdiv {width: 260px;}*/
}
@media screen and (max-width:991px){	
	.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatecreateddate{ width:36% !important; margin-top: 20px; }
	.joblistmaincon.invoicedivs.templatemainclass .jobtotalpaid.invo_but{ margin-top: 20px; }
	.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatenameclass{ width:100%!important; }
	.icontextboxmain{text-align:center; margin-bottom:15px;}
	.iconleftmain{ float:none; display:inline-block;}
	.hometextconmain{margin-left:0px; margin-top:15px; text-align:left;}
	.iconleftmain{display:none;}
	.jobaddressmain{width:50%; padding-right:10px;}
	.jobadddiv{margin-left:0px;}
	.martop16{margin-top:15px;}
	.homeminheight{min-height:460px;}
	.privacytext{width:77%;}	
	.phonenumbers{ margin-left:15px; }
	.topnavmain{ margin-left:400px; }
	.topnavmenu{ padding-right:25px; }	
	.pt-page{position:relative;}
	html, body{ height:auto; min-height:inherit; }
	.main_section{ height:auto; }
	.main_section_wrap{ height:auto; }
	.coll_wrap.templtextboxmain{width:100%;}
	#joblistingboxes .joblistfirst{width:100%;}
	
	.datepicker { font-size: 14px !important; }
	.bootstrap-datetimepicker-widget .timepicker-hour,
	.bootstrap-datetimepicker-widget .timepicker-minute,
	.bootstrap-datetimepicker-widget .timepicker-second { font-size:1.2em !important; }		
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobadddiv{ margin-left:8px; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield {width:40%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv { width:60% ; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield .jobadwhtdiv {width: 260px;}
	.details h1{ font-size:20px; padding:0 0 15px 20px;}
	.intransit_inner table tr td{ padding:12px 50px 0 0;}
	.intransit_inner_wrap{ margin:18px 0 0 30px;}

    .dwnld-printbx{float: left !important;margin-top: 25px;flex-direction: row-reverse;}
    .printwaybilllinik{margin-left: 15px;}
    .filterbtn input, .resetbtn input{width: 90px;}
    .datefromtextbox input{width: 120px;}
    .downloadlinik{margin-left: 0;}	
}
@media screen and (max-width:777px){	
	.codefirstdiv.emaildiv .jobadwhtdiv {display: block;float: none;margin-left: 58px; width: auto;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobadwhtdiv{ width: 125px; }
}
@media screen and (max-width:767px){
	.topnavmenu{padding-right:20px; margin-bottom:10px;}	
	.contentleft{width:100%; padding-left:15px; padding-right:15px;}
	.customerbox .dropdown-menu > li > a{padding-top:7px; padding-bottom:7px;}
	.contentleft.successmain{padding-left:15px; padding-right:15px;}
	.modal-dialog.custompopwidth{width:100%}
	.forgotlink{margin-right:20px; margin-bottom:20px; margin-top:0px;}	
	.jobaddressmain{width:50%; padding-right:10px; margin-bottom:10px;}
	.totalpaid{margin-left:0px; padding-top:0px;}
	.jobdetailtext{margin-top:0px;}
	.jobadddiv{margin-left:0px;}
	.homemaindiv .col-md-12{width:100%; padding-left:15px; padding-right:15px;}
	.footerinner{padding-left:15px; padding-right:15px;}
	.powerbyimg{float:none; display:inline-block;}
	.powerby{width:100%; text-align:center; margin-top:20px;}
	.privacytext{width:100%;}
	.footerlogo{width:100%; float:left; margin-top:5px;}	
	.topnav{ text-align:center; }
	.logomain{ width:100%; }
	.topnav .topnavmain{ margin:20px 0 0 0; width:100%; float:left; text-align:center; padding:0; }
	.topnavmenu{ margin-bottom:0; }
	.invoicedivs .jobaddressmain, .invoicedivs .jobtotalpaid .jobdetailtext.codediv {width: 50%;}
	.invoicedivs .invo_but .jobdetailtext.codediv {float: left;}
	.jobtotalpaid.invo_but{width:100%;}
	.jobtotalpaid.invo_but{padding-left: 0;}
	.jobaddressmain.totlinvo{margin-left: 0;}
	.done_status .status_img .status_bg{height:65px;width:65px; }
	.pandding_status .status_img .status_bg{height:54px;width:54px;}
	.active_status .status_img .status_bg{height:45px;width:45px;}
	.cancel_status .status_img .status_bg{ width: 67px;height:67px;}
	.footer{position:relative;}
	
	/* New Job CSS */
	.footerlogo {display: block;margin-top: 6px;}
	.grantotalleft,.grantotalright{font-size: 16px;}
	.logomain {text-align:left;width: 100%;}
	.topnavmenu li,.customerbox .btn-primary {float: none;}
	.topnavmain{ text-align: center;  margin: 0;float:left;padding:0; width: 100%;}
	.topnavmenu, .dropdown.customerbox{width:100%;padding:0;margin-top: 11px;}
	.customerbox .dropdown-menu{right: 0;left:0;margin:0 auto;width: 180px;}
	.frfrom {width: 100%;}
	.frfrom.deliver_box {margin-top:17px;}
	.couriertype_listboxwrap{width:33.33%}
	.priority_list_wrap_three{width:33.33%}
	.thanks_overview{padding: 45px 0 25px;}
	.contact_detils {padding-bottom: 20px;}
	.thanks_topwrap h1 {font-size: 35px; margin: 45px 0 6px;}
	.thanks_status { margin: 30px 0;}
	.cancel_status {margin: 20px auto;}
	.cancel_status .status_titile {margin-top: 0;}
	.cancel_status .status_img > img {width: 50px;}
	.order_butt, .cancel_butt{ padding: 15px 32px;}
	.section_leftwrap , .main_section_wrap, .main_section{height: auto;}
	.paymentlabel{width: 100%;}
	.map_wrap {height:300px;position: relative;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobadddiv { margin-left: 8px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield {width:100%; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv{margin-top:15px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but{ margin-top:22px;}
	.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatecreateddate{ width:50% !important; margin-top: 10px; }
	.joblistmaincon.invoicedivs.templatemainclass .jobtotalpaid.invo_but{ margin-top: 20px; }
	.section_wrap{ padding:17px 20px 50px; }
    .filterbtn input, .resetbtn input{width: 75px;}
    .datefromtextbox{width: 100% !important;margin-top: 5px;}
    .datefromtextbox input{width: 100%;}
    .datefromtextbox select{width: 100%;}
    .filterbtn{width: calc(50% - 5px);margin-top: 5px;}
    .resetbtn{width:  calc(50% - 5px);margin-top: 5px;}
    .filterbtn input, .resetbtn input{width: 100%}
    .dwnld-printbx{margin-top: 12px;}
    .overviews .section_leftwrap1{height: auto;}
    .topnav .logo{max-width:230px;}
    .topnav .logo img{max-width:100%;}
    .dropdown.customerbox.mobile-country{width: 45px;    margin-top: 0px;}
    .dropdown.customerbox.mobile-country .btn-primary{font-size: 0px;}
    .dropdown.customerbox.mobile-country .dropdown-toggle  .fi{width: 25px;  height: 25px;}
    .customerbox .caret{top: 10px; position: absolute;
    right: 0px;}
    .menu_icon{top:6px;  }
    .dropdown.customerbox.mobile-country .dropdown-menu{width: auto;    min-width: auto; top: 35px;}
} 
@media screen and (max-width:620px){	
	.logomain{width:100%; min-width:inherit; }
	.topnav{padding-left:0px; text-align:center; margin-top:10px; margin-bottom:10px;}
	.topnavmain{margin-left:0px; padding-right:0px; /*display:inline-block;*/ width:100%; text-align:center;}
	.topnavmenu li{float:none;}
	.topnavmenu{padding-right:0px; width:100%; text-align:center;}
	.icontextboxmain{text-align:center; margin-bottom:10px;}
	
	.hometextconmain{margin-left:0px;  text-align:left;}
	.paymentmain{padding-right:0px;}
	.usecardbtn input[type="button"]{position:relative; margin-top:15px; margin-bottom:10px;}
	.successlefdiv{width:100%;}
	.successrightdiv{width:100%;}
	.Collectingmain{padding-left:100px;}
	.Collectingmain:after{left:20px;}	
	.cancel.btn-default{margin-bottom:10px; vertical-align:top;}
	.whtlabel{margin-bottom:5px;}
	.popupleft{width:100%; padding-right:0px;}
	.popupright{padding-left:0px; width:100%; border:0px; margin-top:30px;}
	.joblistmaincon{padding:10px;}
	.phonenumbers{  padding-left:0; padding-top:14px; display:block; margin-left:0; }
	
	.topnav .topnavmain{ margin:15px 0 0 0; }
	.topnavmenu{ margin-bottom:15px; }
	.popupleftcourier{width:100%; padding-right:0px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv {margin-bottom: 15px;width: 100%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart{ margin-top:0px; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv{ width: 43%; margin-top: 0; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv { width: 100%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart{ width: 56%; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but {width: 100%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but{ margin-top:0px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.firstfield { margin-bottom: 0px;}
    .jobnamediv{text-align: center;}
}
@media screen and (max-width:580px){
    .codesecdiv{margin-left:0px;} 
}
@media screen and (max-width:560px){
	.codefirstdiv{width:100%; margin-bottom:10px;}
	.jobnamediv{margin-left:0px; width:50%;}
	.jobtotalpaid{ width:100%;}
	.codesecdiv{width:100%;}
	.deliverdbbg{width:47%;}
	.invoicedivs .deliverdbbg {margin-left: 0;}
	.templatenamemain .addnotes_wrap,.coll_wrap.templtextboxmain{width:100%;}
	.savejobtemplate_butt.savbtn{margin-left:0px;}
	
	#joblistingboxes .joblistfirst .codefirstdiv{width:auto; margin:0 15px 0px 0px;}
	#joblistingboxes .schedulejobdivs .joblistfirst .codefirstdiv{width:100%; margin:0 15px 0px 0px;}
	#joblistingboxes .joblistfirst .codesecdiv{width:auto;}
	#joblistingboxes .jobaddressmain{width:100%;}
	.schedulejobdivs .jobidmain { width:100%; margin-bottom: 15px; }
	#joblistingboxes .joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv{ margin-bottom: 15px; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv,.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart{ margin-top:0px; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv{ width: 100%; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.emaildiv { width: 100%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart{ width: 100%; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobtotalpaid.invo_but {width: 100%;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobadwhtdiv {width: 250px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv .jobadwhtdiv {width: 250px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobdetailtext.codediv{ float:left; }
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart .jobadwhtdiv {float: left; width: 172px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .jobadddiv {margin-left: 0px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv .jobadwhtdiv,.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart .jobadwhtdiv{ float:none; width:auto; display:block;}
}
@media screen and (max-width:530px){
	.datefromtextbox,.datefromtextbox {width:100%; margin-right:0px; margin-bottom:10px;}
	.datefromtextbox input{width:100%;}	
}
@media screen and (max-width:504px){
	.head_mid{ text-align:center;   }	
}
@media screen and (max-width:500px){
	.jobaddressmain{width:100%; margin-bottom:10px; padding-right:0px;}
	.invoicedivs .jobaddressmain{width: 100%;}
}
@media screen and (max-width:480px){
	.choosetempmain .couriertype_list select{max-width:230px;}	
	#joblistingboxes .joblistfirst .codefirstdiv .codediv{width:auto;}
	#joblistingboxes .joblistfirst .codefirstdiv{width:100%; margin-bottom:15px;}
	.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatecreateddate{ width:60% !important; }
    .customerbox .btn-primary{font-size: 14px;}
}
@media screen and (max-width:460px){
	.paymentlabel{width:100%;margin-bottom:6px;}
}
@media screen and (max-width:460px){
	.tablink{margin-bottom:20px; float:none; display:inline-block; width:100%; text-align:center;}
	.jobmainheaddiv{text-align:center;}
	.tablink li:first-child{margin-left:0px;}
	.jobicon{padding-right:20px;}
	.tablink li{float:none; display:inline-block;}	
}
@media screen and (max-width:420px){
	.profileinner{height:auto;}
	.profilelebal{width:100%;}
	.profiletextbox{margin-left:0px;}	
	.jobnamediv{width:100%;}
	.codesecdiv{width:100%;}
	.deliverdbbg{margin-left:0px; margin-top:10px; width:100%;}
	.jobdetailtext{float:right;}
	.frofileformmain .text-danger{margin-left:0px;}
	.invoicedivs .codediv {width: 100%; margin-bottom: 8px;}
	.invoicedivs .deliverdbbg { margin-top: 0;}	
	.priority_list_wrap{width:100%;margin-bottom: 12px; max-width: 100%;}
	.priority_list{  padding: 13px 0 14px;}
	.couriertype_listboxwrap{width:50%;}
	.priority_list_wrap_three{width:50%;}
	.savethisbtn .savejobtemplate_butt{font-size:18px;}
	.choosetempmain .couriertype_list select{max-width:100%}
	.choosetempmain .couriertype_list button{margin-left:0px; margin-top:7px;}
	.schedule_job_area input[type="text"]{width:100%}
	.joblistmaincon.invoicedivs.templatemainclass .jobaddressmain.templatecreateddate{width:100% !important;}
}
@media screen and (max-width:384px){
	.confirm.btn-primary{margin-left:0px;}
	/*.joblistmaincon.schedulejobdivs.userlistingdiv .jobadwhtdiv {width: 240px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.phonediv .jobadwhtdiv {width: 240px;}
	.joblistmaincon.schedulejobdivs.userlistingdiv .codefirstdiv.codepart .jobadwhtdiv {float: left;width: 163px;}*/
}
@media screen and (max-width:360px){
	.pricemain{padding-left:10px; font-size:15px;}
	.successconbg.jobdetailmain{padding:10px;}
	.pricelabel2.minw125.center{min-width:173px;}
	.joblistmaincon{padding:18px 10px;}
}
@media screen and (max-width:340px){
	.midd_stat::before,.last_stat::before{ top: 32%;}
}
@media screen and (max-width:991px){
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs { position: absolute !important; top: 100% !important; bottom: auto !important;}
.section_left{ overflow:auto; }
}
.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{padding-right:25px !important; }
select.service_type_dropdown  {display: inline-block;vertical-align: top;margin: 0px;border: 0px;box-shadow: none;border: 2px solid #cbcbcb;-webkit-appearance: none;-moz-appearance: none;background: url('../images/dropblack-arrow.png') no-repeat right;text-indent: 0.01px;text-overflow: "";border-radius: 0px;color: #000000;font-weight: 600;padding: 0px 6px 0px 6px ;height: 30px;}
select.service_type_dropdown:focus{box-shadow: none !important;border-color: #cbcbcb;outline: none !important;}
.full-col-space{width: 100%;}
p.lead{margin-top: 15px;}
.confirm.btn{padding: 5px 15px;width: auto;}
.innerconmain h2 span:last-child{letter-spacing:0px;}