@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat Regular'), local('Montserrat-Regular'),
       url('/../register_app/fonts/montserrat-v14-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/../register_app/fonts/montserrat-v14-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
       url('/../register_app/fonts/montserrat-v14-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/../register_app/fonts/montserrat-v14-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  src: local('Montserrat Bold'), local('Montserrat-Bold'),
       url('/../register_app/fonts/montserrat-v14-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/../register_app/fonts/montserrat-v14-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


#preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999;}
#status {width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; background-image: url(../images/loader.svg); background-repeat: no-repeat; background-position: center; margin: -100px 0 0 -100px;}
.header-navbar {z-index: 999;}
.more-info {display: none;}
.more-info.show {display: flex;}
.accordion {transition: 0.4s; cursor: pointer;}
.active, .accordion:hover {color: rgba(61, 111, 239, var(--tw-text-opacity))}
.panel {display: none;}
#contact > header > .header-navbar > #navbar {background-color: #fff;}
#contact > header .bg-conmove-blue > svg {color: #fff;}
#disclaimer header .header-bg {background-size: cover; background-image: url(../images/header-image.jpg);}
#disclaimer .accordion h5 {font-size: 14px; font-weight: bold;}
#disclaimer ul.hub-features {display: flex; flex-wrap: wrap; margin-top: 1rem; margin-bottom: 0rem; --tw-text-opacity: 1; color: rgba(50, 59, 90, var(--tw-text-opacity)); width: 100%; -moz-column-gap: 5rem; column-gap: 5rem;}
#disclaimer ul.hub-features li {display: block; align-items: baseline; font-weight: 400; height: auto; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 0.5rem; --tw-text-opacity: 1; color: rgba(50, 59, 90, var(--tw-text-opacity)); width: 100%; padding-left: 18px; position: relative;}
#disclaimer main section#section-two ul.hub-features li i, #disclaimer main section#section-two ul.hub-features li svg {height: 8px; margin-right: 5px; fill: currentColor; --tw-text-opacity: 1; color: rgba(100, 227, 138, var(--tw-text-opacity)); width: 8px; position: absolute; left: 0; top: 7px;}
.container-list {background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); border-color: rgba(241, 241, 241, var(--tw-border-opacity)); border-radius: 0.5rem; border-width: 0px; height: auto; overflow: hidden; position: absolute; left: -20px; top: 31px;     box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); color: rgba(50, 59, 90, var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; transition-timing-function: linear; transition-duration: 300ms; min-width: 420px;  columns: 2; -webkit-columns: 2; -moz-columns: 2; padding: 40px 12px 10px 12px;}
.container-list > li {margin-right: 10px;}
.container-list > li > a {display: block; padding: 3px 5px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-radius: 0px; margin: 3px 0; font-size: 10px; border-bottom: 1px solid rgba(50, 59, 90, 0.1);}
.container-list > li > a:hover, .container-list > li > a:focus, .container-list > li > a:active, .container-list > li > a:visited {background: #64E38A; border-radius: 5px;}
.container-list > li.heading {float: none; display: block; width: 100%; color: #0536B2; font-size: 12px; font-weight: 600; border-bottom: 0px; margin-bottom: 5px; border-left: 3px solid #F1F4FA; padding-left: 5px; position: absolute; top:16px;}
.container-list > li:nth-child(9) {display: grid;}
.tradeType-list{background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); border-radius: 0.5rem; height: auto; position: absolute; left: -10px; top: 31px; min-width: 180px; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms;}
.tradeType-items{height: 0px; display: none;}
.port-items{height: 0px; display: none;}
.port-items.open{height: auto; display: block;}
.tradeType-list > li:first-child {border-radius: 0.5rem 0.5rem 0rem 0rem;}
.tradeType-list > li:last-child {border-radius: 0rem 0rem 0.5rem 0.5rem;}
.tradeType-list > li a {display: block; padding: 0px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-radius: 5px; margin: 3px; font-size: 10px;}
.tradeType-list > li a:hover {background: #64E38A;}
.loadType-items{height: 0px; display: none;}
.loadType-items.open{height: auto; display: block;}
.fleet-load-dropdown svg {position: absolute; right: 0px; bottom: 0px;}
.lookingFor-list > li:first-child {border-radius: 0.5rem 0.5rem 0rem 0rem;}
.lookingFor-list > li:last-child {border-radius: 0rem 0rem 0.5rem 0.5rem;}
.lookingFor-list > li:hover {background-color: rgba(241, 244, 250, var(--tw-bg-opacity));}
.lookingFor{height: 0px; display: none;}
.lookingFor.open {height: auto; display: block; min-width: 140px;}
.lookingFor li > a {display: block; padding: 3px 10px;}
.lookingFor li > a > svg {width: 12px !important; margin: 0 5px 0 !important;}
.open-lookingFor svg {position: absolute; right: 0px; bottom: 0px;}
.lookingFor.open svg {position: relative; margin: 5px; display: inline; height: 20px;}
.z-1000 {z-index: 1000;}
.z-1001 {z-index: 1001; position: relative;}
.text-xxs{font-size: 0.60rem; line-height: 0.50rem; font-weight: 600;}
.text-xxss{font-size: 11px; line-height: 0.75rem;}
#search-bar svg {width: 20px;}
.mtm-20 {margin-top: -6px;}
.pr-mt-5 {position: relative; top:-5px;}
.va-base {vertical-align: -webkit-baseline-middle;}
section#search-bar {max-width: 1015px;  padding: 1.5rem 0 0;}
section#search-bar .form-group {float: left; margin-right: 1rem;}
section#search-bar .form-group input {width: 100%;}
.search-box-line {width: 125px; padding-right: 15px; border-right: 1px solid #E6EBF7; height: 40px;}
.search-box-line-2 {width: 160px; padding-right: 15px; border-right: 1px solid #E6EBF7; height: 40px;}
.search-box-line-3 {width: 160px; margin-right: 0rem !important;}
.tradeType-items.open {height: auto; display: block; min-width: 140px;}
.tradeType-items li > a {display: block; padding: 3px 10px;}
.tradeType-items li > a > svg {width: 12px !important; margin: 0 5px 0 !important;}
#off-canvas-nav {z-index: 9999;}
#alert {left: auto; margin: auto; position: fixed; right: 30px; text-align: center; top: 110px; width: 35%; z-index: 100;}
.alert{padding:15px 15px 15px 77px;margin-bottom:20px;border:0;border-radius:5px;color:#102542!important;position:relative;overflow:hidden;z-index:99999999;width:36%!important;font-size:12px!important;line-height:normal}
.alert-success{background-color:#f9f9f9;border-right:5px solid #64E38A;box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);}
.alert-success:before{content:'';background:#64E38A url(/website/img/svg/alert02.svg);width:60px;height:100%;position:absolute;z-index:999;display:block;left:0;top:0;background-position:center;background-repeat:no-repeat}
.alert-danger{background-color:#f9f9f9;border-right:5px solid #dd0b51;box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);}
.alert-danger:before{content:'';background:#dd0b51 url(/website/img/svg/alert04.svg);width:60px;height:100%;position:absolute;z-index:999;display:block;left:0;top:0;background-position:center;background-repeat:no-repeat}
.alert-info{background-color:#f9f9f9;border-right:5px solid #0536B2;box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);}
.alert-info:before{content:'';background:#0536B2 url(/website/img/svg/alert01.svg);width:60px;height:100%;position:absolute;z-index:999;display:block;left:0;top:0;background-position:center;background-repeat:no-repeat}
.alert-warning{background-color:#f9f9f9;border-right:5px solid #FFCC00;box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-webkit-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);-moz-box-shadow:0 2px 7px 1px rgba(0,0,0,.1);}
.alert-warning:before{content:'';background:#FFCC00 url(/website/img/svg/alert03.svg);width:60px;height:100%;position:absolute;z-index:999;display:block;left:0;top:0;background-position:center;background-repeat:no-repeat}
.new-land-free {margin: 26px 0 0 0; padding: 0; font-size: 12px !important; font-weight: 400; color:#fff;}
#loadingMask {position: fixed; height: 100%; width: 100%; opacity: 1; z-index: 999999; background: #fff;}
div#search-results .result {padding-top: 0.50rem; padding-bottom: 0.50rem; padding-left: 0.70rem; padding-right: 0.70rem; margin-bottom: 1rem; background: var(--fifth-primary-color);}
.text-09 {font-size: 9px;}
.text-10 {font-size: 10px;}
.text-10.text-tiny {font-size: 11px;}
div#search-results .result .data {gap: 0.20rem;}
div#search-results .result h4 {font-size: 12px;}
div#search-results .result .button-pill {line-height: normal; height: 25px; padding: 0 12px; font-weight: 600; width: auto;}
div#search-results .result .circular-img {cursor: pointer;}
#search-results .form-control, #search-results .form-control:focus, #search-results .form-control:hover {font-size: 11px; border: 0px; padding: 10px 12px; outline: none; background: rgba(241, 241, 241, var(--tw-bg-opacity)) url(/../register_app/images/arrow-down.svg) no-repeat; background-position-x: 0; background-position-y: 0; background-position: center right 11px!important; appearance: none; -webkit-appearance: none; min-width: 100px;  border-radius: 5px;}
#top-nav li > svg {width: 16px;}
#top-nav a > span > svg {width: 16px; height: 16px;}
.tradeType-list > li a, .search-box-line a > span {text-transform: uppercase;}   
ul.items > li > a {font-size: 12px; font-weight: 400;}
nav .dropdown .items li {padding-top: 0.5rem; padding-bottom: 0.5rem;}
.help-block {color: #fa0500 !important; font-size: 9px; margin-top: 2px; margin-left: 5px; font-weight: 400; text-align: left;}
#contact input, #contact textarea {width: 100%;}  
.open-loadType-items > a > span {display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 95px; top: 2px; position: relative;}
.open-lookingFor>a>span>svg {top: 7px;}
.container-list > li > a.selected {background: #64E38A !important; border-radius: 5px;}
.ui-datepicker {z-index: 9999999999 !important;}
/*payment plans Page CSS */
.inner-table-wrap{background: #FFFFFF; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.15);}
.billing-party .form-check {font-size: 12px; color: #323B5A; padding: 20px;}
.plan-box{background: #FFFFFF; border: 1px solid #E9EAE7; box-sizing: border-box; border-radius: 7px; padding: 15px}
.plan-box.active{background: #F1F4FA; border: 1px solid #B7CBFF; box-sizing: border-box; border-radius: 7px;}
.float-r{float: right;}
.border-b-dashed {border-bottom: 1px dashed rgba(50, 59, 90, 0.2); margin-top: 15px; margin-bottom: 15px;}
.plan-box .round{background-color: #fff; cursor: pointer; border: 1px solid #0536B2; box-sizing: border-box; border-radius: 36px; width: 84px; height: 27px;}
.plan-box .round input[type="radio"] {opacity: 0;width: 28%;}
.plan-box .round input[type="radio"]:checked + label {background-color: #0536B2; cursor: pointer; border: 1px solid #0536B2; box-sizing: border-box; border-radius: 36px; width: 84px; height: 27px; position: relative; top: -18px;}
.plan-box .round input[type="radio"]:checked + label:after {content: "Selected";position: absolute;top: 5px;right: 15px;color: #fff;}
.pagination-noauth {display: inline-flex; align-items: center;}
.pagination-noauth li {margin: 8px;}
.pagination-noauth li.active {border: 1px solid; background: #0536B2; border-radius: 50%; height: 20px; width: 20px; color: #fff; text-align: center;}
.open-lookingFor>a>span>svg {float: left; position: relative; left: -3px; top: 6px; height: 12px; width: 12px;}
.pb20{padding-bottom: 20px;}
.ticket-wrap {background-color: #fff; width: 250px;}
.ticket-wrap .t1 {color:var(--primary-color); font-size: 7px; font-weight:400; font-family: 'Sora', sans-serif; width: 120px; vertical-align: top;}
.ticket-wrap .t2 {color:var(--primary-color); font-size: 9px; font-weight:600; padding-bottom: 6px; font-family: 'Sora', sans-serif; width: 120px; vertical-align: top;}
.ticket-wrap .t3 {width: 10px;}
.ticket-wrap label.cameraB:first-child {background-color: var(--forth-primary-color) !important; border-radius: 50%; height: 25px !important; width: 25px !important; color: #fff; text-align: center !important; position: relative !important; top: auto !important; left: 0px !important; margin: 0 2px; display: inline-block;}
.ticket-wrap label.cameraB:last-child {background-color: var(--primary-color) !important; border-radius: 50%; height: 25px !important; width: 25px !important; color: #fff; text-align: center !important; position: relative !important; top: auto !important; left: 0px !important; margin: 0 2px; display: inline-block;}
.ticket-wrap td{padding-top: 0px !important;}
.ticket-wrap .icon-btn1{position:relative;background:#64e38a;width:24px;height:24px;border:0;border-radius:50px;outline:0;margin:0 1px;color:#323b5a!important;font-weight:600;font-size:12px;line-height:24px;display:inline-block}
.ticket-wrap .icon-btn1[disabled]{background:#dedede;color:#abafb7!important;cursor:not-allowed}
#search-results-page #search-bar {padding: 1.5rem 0 1.5rem;}
#search-results-page header {background: #F1F4FA;}
.stops p {width: 162px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis;}
.plan.bg-conmove-white > button {visibility: hidden;}
.plan.bg-conmove-blue-lighter > button {visibility: visible;}
.plan.bg-conmove-blue-lighter .for-selected{--tw-bg-opacity:1;background-color:rgba(61,111,239,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity))}
div#registration .form .input {padding: 0.5rem 0.8rem; height: 40px; font-size: 14px;}
#custome-file-inpute li {float: left; width: calc(100% / 4 - 20px); margin-bottom: 20px; margin-right: 20px;}
#quick-quote-loads input[type=text] {padding-left: 1.0rem; padding-right: 1.0rem;}
.p-relative {position: relative;}
.c-otp-btn{position:absolute;right:8px;font-size:10px;padding:4px 10px;background-color:#64e38a;line-height:41px;top:0;border-radius:0 .5rem .5rem 0}
.c-otp-btn1{position:absolute;right:80px;font-size:10px;padding:4px 10px;background-color:#64e38a;line-height:41px;border-radius:0 .5rem .5rem 0}
.otp > p{font-size:10px;font-weight:300;margin-top:8px;color:rgba(196,196,196,var(--tw-text-opacity))}
.otp > p > button {font-size: 11px; font-weight: 600; color: rgba(61, 111, 239, var(--tw-text-opacity));}
.col-50{width:50%!important}
.c-input01 input{width: calc(100% - 10px);}
.c-input02 input{width: 44px; padding-right: 1.1rem !important;}
.otp{text-align: center;}
.otp input[type=text]:first-child { margin-right: 0rem !important;}
.pac-container{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(241,241,241,var(--tw-border-opacity));border-radius:.5rem;border-width:0;overflow:hidden;--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-text-opacity:1;color:rgba(50,59,90,var(--tw-text-opacity));width:auto;margin-top:11px!important;margin-left:-18px!important;width:180px!important}
.pac-item {font-family: 'Sora', sans-serif !important;}
.pac-item-query, .pac-placeholder {font-size: 10px !important;}
.pac-item span {font-size: 10px !important;}
.pac-matched {font-size: 10px !important; font-weight: 600;}
.pac-logo:after, .hdpi.pac-logo:after {display: none;}
#landing-page main section#section-conmove-tms .card {padding-top: 0.5rem; padding-bottom: 0.5rem; border-radius: 0.5rem;}
#landing-page main section#section-conmove-tms .card>p,#landing-page main section#section-conmove-tms .card>p>span{font-size:11px}
.mh-225 {min-height: 225px;}
nav .dropdown .item{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(241,241,241,var(--tw-border-opacity));border-radius:.5rem;border-width:0;overflow:hidden;position:absolute;left:0;height:auto;top:3rem;--tw-shadow:0 10px 15px -3px rgba(0, 0, 0, 0.1),0 4px 6px -2px rgba(0, 0, 0, 0.05);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-text-opacity:1;color:rgba(50,59,90,var(--tw-text-opacity));width:10rem;transition-property:all;transition-timing-function:linear;transition-duration:.3s;display:none}
nav .dropdown .item.open{height:auto}
ul.item>li>a{font-size:12px;font-weight:400}
nav .dropdown .item li{padding-top:.5rem;padding-bottom:.5rem}
nav .dropdown .items li{padding-top:.5rem;padding-bottom:.5rem}
nav .dropdown .item li:hover{--tw-bg-opacity:1;background-color:rgba(241,244,250,var(--tw-bg-opacity))}
nav .dropdown .item li{--tw-border-opacity:1;border-color:rgba(241,241,241,var(--tw-border-opacity));--tw-border-opacity:0.7;border-bottom-width:.5px;font-weight:600;margin-right:0;padding-top:.7rem;padding-bottom:.7rem;padding-left:1rem;padding-right:1rem;margin-right:0!important}
#top-nav .w40{width: 40px !important;}
.gotop{color:#fff;border:1px solid transparent;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;width:40px;height:40px;z-index:99;position:fixed;bottom:-40px;right:44px;cursor:pointer;-webkit-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-ms-transition:all .7s ease-in-out;transition:all .7s ease-in-out;overflow:auto;text-align:center;-webkit-box-shadow:-4px 2px 10px 0 rgb(0 0 0 / 15%);-ms-box-shadow:-4px 2px 10px 0 rgba(0,0,0,.15);-o-box-shadow:-4px 2px 10px 0 rgba(0,0,0,.15);-moz-box-shadow:-4px 2px 10px 0 rgba(0,0,0,.15);box-shadow:-4px 2px 10px 0 rgb(0 0 0 / 15%);line-height:4}
.gotop:hover{background-color:#fff; color: #102542; border: 1px solid #102542;}
.gotop>svg{width:24px;margin:auto;position:relative;top:6px}
div#kvFileinputModal{display:none}
#e-waybill main section#section-three>div .circular-img{--tw-bg-opacity:1;background-color:rgba(196,196,196,var(--tw-bg-opacity));height:2.5rem;width:2.5rem}
button, input, optgroup, select, textarea { font-family: 'Sora' !important;}
#e-waybill main section#section-three{padding-top: 3rem !important; padding-bottom: 3rem !important;}
.track-tikcet {color: #838E9C; font-size: 10px; font-family: "Sora"; font-weight: 400; width: 160px;}
.track-tikcet label {color:#0536B2; font-weight: 600; font-size: 10px; font-family: "Sora"; }
.hub-exchange-tracking .red {color:#F34881 !important;}
.hub-exchange-tracking .blue {color:#0536B2 !important;}
.hub-exchange-tracking .green {color:#64E38A !important;}
.hub-exchange-tracking .yellow {color:#FFCC00 !important;}
.hub-exchange-tracking .lgray {color:#FFCC00 !important;}
.map-ticket{background-color:#fff;width:260px;clear:both;font-family:Sora}
.map-ticket h1{margin:0;font-size:12px;color:#323b5a;font-weight:700;padding:0 10px 7px 0;border-bottom:1px dashed #c0c6cc;position:relative}
.map-ticket h1 img {display: inline-block; width: 20px; margin-right: 5px;}
.b-details {float: left; width: 162px; border-bottom: 1px dashed #c0c6cc; padding: 10px 10px 0px 0px; height: 56px;}
.b-details > p {font-size: 11px; color:#323B5A; margin:0 0 5px;}
.b-details > p > span {color:#0536B2; font-weight: 600; font-size: 10px;}
.s-details {float: left; width: 98px; background-color: #64E38A; padding:5px 0; height: 56px;}
.s-details p {font-size: 9px; color: #323B5A; margin: 0; text-align: center; text-transform: uppercase;}
.s-details h2 {font-size: 18px; color:#323B5A; margin:0; text-align: center; font-weight: bold;}
.m-details {float: left; width: 100%; padding: 5px 5px 0px 0px; height: auto;}
.m-details > p {font-size: 10px; color:#323B5A; margin:0 0 4px;}
.m-details > p > span {color:#0536B2; font-weight: 600; font-size:10px; width: 75px; display: inline-block;}
.gm-ui-hover-effect {opacity: .6; right: 0 !important; top: 0 !important;}
a.eye-btn {position: absolute; color: var(--primary-color); top: 15px; right: 21px;}
a.eye-btn svg {width: 18px;}
.open-port-items > a > span{display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 120px;}
.form-group.search-box-line.customWidth {width: 160px;}
.port-items li > a {display: block; padding: 3px 10px;}
.goog-te-banner-frame.skiptranslate {display: none !important;} 
body {top: 0px !important; padding: 0 !important;}
.goog-logo-link {display:none !important;}
.trans-section {margin: 100px !important;}
#goog-gt-tt {display:none !important;}	
.goog-te-gadget {font-size: 0 !important;}
.goog-te-combo{margin:0!important;font-size:11px!important;border:0;padding:8px 12px;outline:0;background:rgba(241,241,241,var(--tw-bg-opacity)) url(/../register_app/images/arrow-down.svg) no-repeat;background-position-x:0;background-position-y:0;background-position:center right 11px!important;appearance:none;-webkit-appearance:none;min-width:146px;border-radius:5px;top:10px;position:relative}
.cust-adjust{top:187px!important}
input[disabled], select[disabled] {cursor: not-allowed !important;}
.driverbtn[disabled] {background-color: #ababab !important; cursor: not-allowed !important;}
.dropdown #item.open{display:block!important;}
.dropdown #itemDriver.open{display:block!important;}
.password-policy>li{font-size:9px;color:var(--primary-color);margin-bottom:3px}
#login .login-img {width: 600px; margin: 120px auto auto;}
#login .login-wrap-1 .login-content {text-align: center;}
#login .login-wrap-1,#login .login-wrap-2{height: calc(100vh - 50px);display:flex;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center;flex-direction:column;padding:20px 106px; margin-top: 54px;background-color: var(--fifth-primary-color)}
.new-login-btn{line-height:normal;position:relative;overflow:hidden;cursor:pointer;border-radius:25px !important; padding:10px 25px;font-weight:600;font-size:12px;border:1px solid #0f2541;color:#fff;background-color:#0f2541;}
.menu-list a {position:relative;display:inline-block;font-size:12px;font-weight:normal;color:#323b5a;-webkit-transition:color .2s ease;transition:color .2s ease;padding: 0 0 5px 0; margin-bottom:6px;}
.menu-list a:hover {color: var(--primary-color);text-decoration:none;}
.menu-list a:hover::after,
.menu-list a:hover::before {width:100%;left:0;}
.menu-list a::after, .menu-list a::before {content:'';position:absolute;top:calc(100% + -2px);width:0;right:0;height:1px;}
.menu-list a::before {-webkit-transition:width .4s cubic-bezier(0.51,0.18,0,0.88) .1s;transition:width .4s cubic-bezier(0.51,0.18,0,0.88) .1s; background:#7CB1FF;}
.menu-list a::after {-webkit-transition:width .2s cubic-bezier(0.29,0.18,0.26,0.83);transition:width .2s cubic-bezier(0.29,0.18,0.26,0.83); background:var(--primary-color);}
.menu-list li.active a {color:#0536B2 !important;}
.new-reg-btn {line-height:normal;position:relative;overflow:hidden;cursor:pointer;border:0;border-radius:6px!important;padding:10px 25px;font-weight:600;font-family:Sora,sans-serif;font-size:12px; border: 1px solid var(--primary-color);  color: var(--primary-color); background-color: var(--white-color);width: 170px; margin: auto auto 12px;}
.new-reg-btn:hover, .new-reg-btn:focus {border: 1px solid #0536B2;  color: #fff; background-color: #0536B2;}
.menu-list-a {position:relative; font-size:12px;font-weight:normal;color:#323b5a;-webkit-transition:color .2s ease;transition:color .2s ease;padding: 0 0 5px 0; width: 139px; margin: auto auto 6px;}
.menu-list-a:hover {color:var(--primary-color);text-decoration:none;}
.menu-list-a:hover::after,
.menu-list-a:hover::before {width:100%;left:0;}
.menu-list-a::after, .menu-list a::before {content:'';position:absolute;top:calc(100% + -2px);width:0;right:0;height:1px;}
.menu-list-a::before {-webkit-transition:width .4s cubic-bezier(0.51,0.18,0,0.88) .1s;transition:width .4s cubic-bezier(0.51,0.18,0,0.88) .1s; background:#7CB1FF;}
.menu-list-a::after {-webkit-transition:width .2s cubic-bezier(0.29,0.18,0.26,0.83);transition:width .2s cubic-bezier(0.29,0.18,0.26,0.83); background:var(--primary-color);}
.menu-list-a.active {color:#0536B2 !important;}
.switch--horizontal {position: relative; top: 5px; display: flex; align-items: center; align-content: center;}
.switch label {font-size: 10px !important;}
#landing-page #features-switcher {background-color: #fff;}
.bg-conmove-white{--tw-bg-opacity: 1;  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));}
.cfs-future {display: flex; justify-content: space-around;}
.cfs-future > li {display: flex; flex-direction: column; align-content: center; align-items: center;}
.cfs-future > li .cfs-icons {width: 70px; height: 70px; border-radius: 100%; background-color: #fff; display: flex; justify-content: center; align-content: center; align-items: center; margin-bottom: 15px;}
.cfs-future > li .cfs-icons > svg {width: 30px; height: 30px; color:#0536B2;}
.cfs-future > li > h5 {font-size: 14px;}
section#section-conmove-tms.section-conmove-cfs {margin: 0 auto 0;}
div#tab1C {padding: 64px 0 0;}
.notfoundpage {margin: auto; width: 373px;}
.cfsBG {background: url(/../register_app/images/landing/cfs-bg.webp); background-size: cover; background-position: top center;}
div#search-results .result .data {padding-left: 0.5rem; padding-right: 0.5rem;}
.data.companyLogo {width: 60px;}
.data.companyLogo .vendorLogo {margin: auto;}
.data.companyLogo .vendorLogo img {max-width: 100%; height: 30px; margin: auto; object-fit: contain;}
div#search-results .result .stops {margin-left: 9px;}
img.ticketLogo {margin: auto; max-width: 100%; height: 20px; object-fit: contain; margin-top: 5px;}

.gst-box-wrap .gst-box {margin: auto; width: 290px; text-align: center;}
.gst-box-wrap .gst-box h5{color: #0536B2; font-family: Sora; font-style: normal; font-weight: 600; font-size: 13px; line-height: 16px;}
.for-same-height2 {height: calc(100vh - 185px);}
div#registration .form .steps {padding-top: 0.30rem; padding-bottom: 0.30rem;}
.gst-buttons {display: flex; justify-content: space-between; margin-top: 25px;}
.linkButtons {cursor: pointer; color: #0F2541; border-bottom: 1px solid #0F2541; height: 25px; display: flex; align-items: center; margin-top: 10px;}
.linkButtons[disabled] {background: transparent !important; color: #ccc; border-bottom: 1px solid #ccc;}
div#registration .form .steps li span {height: 3rem; width: 3rem;}
.gst-buttons button[disabled] {background: #ccc;}
.ccodeBtn {
    background: #7CB1FF;
    border-radius: 6px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 11px;
    right: 1px;
}
.ccodeBtn  > svg {width: 18px;}
div#registration .form .steps li.active p {width: 12rem; display: flex; font-size: 13px; margin: 0 0 0 5px;}
#footer #footer-content p a {font-weight: 400; font-size: 0.62rem; line-height: 0.85rem;}
.newui-landing {position:relative; height: 95vh; display: flex; justify-content: center; align-content: center; flex-direction: column; background: rgba(15, 37, 65, var(--tw-bg-opacity)) url(../../register_app/images/landing/shipping.svg); background-repeat: no-repeat; background-position: right bottom;}
.newui-landing .container {max-width: 1400px; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; z-index: 998; padding-left: 3.5rem; padding-right: 3.5rem;}
.newui-landing .container .text-wborder {justify-content: center; height:34px; font-size: 14px; color: #64E38A; margin:0; border: 1px solid #959595; padding:5px; border-radius:5px; display: inline-flex; align-items: center;}


.newui-landing .container h1 {font-weight: bold; font-size: 50px; line-height: 26px; color: #FFFFFF;letter-spacing: -0.01em; margin-bottom: 15px;}
.newui-landing .newui-button {display: flex; align-content: center; margin-top: 90px;}
.newui-landing .newui-button > li {margin-right: 10px;}
.newui-landing .newui-button > li > button {height:34px; background-color: #B1D0FF; border:0; color: #323b5a; border-radius:5px; padding: 10px 10px; display: flex; font-size: 12px; font-weight: 600; align-items: center; justify-content: center; min-width: 160px;}
.newui-landing .newui-button > li > button:hover,
.newui-landing .newui-button > li > button:focus {background-color: #0536B2; color:#fff;}
.newui-landing .newui-button > li.active > button {background-color: #0536B2; color:#fff;}
.newui-landing .newui-button > li:last-child > button {height:34px; background-color: transparent; border:1px solid #959595; color: #fff; border-radius:5px; padding: 9.5px 10px; display: flex; font-size: 12px; font-weight: 600; align-items: center; justify-content: center; min-width: 160px;}
.newui-landing section#search-bar {max-width: 890px; padding: 0; margin: 20px 0 30px 0;}
#landing-page header {background: none;}
#myVideo {right: 0; bottom: 0; min-width: 100%; min-height: 100%; position: absolute;}
/* .newui-landing:after {content: ''; background: rgb(0 0 0 / 60%); position: absolute; min-width: 100%; min-height: 100%; z-index: 0;} */
.br0 {border-right: 0;}
.mw-160 {min-width: 160px;}

.clsGoogleMapWrapper {height: 100vh;}
div#customerMapFleet {height: 100vh;}
div#tab1C {
    padding: 64px 0 0;   
}
.capital{text-transform: uppercase;}
#bedcrup-wrap {
    padding: 8px 30px;
    position: relative;
    z-index: 1000;
    height: 90px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    background: var(--fifth-primary-color);
}

#bedcrup-wrap .nav-tabs {
    background: #FFFFFF;
    border: 1px solid #E6EBF7;
    box-sizing: border-box;
    border-radius: 5px;
    height: 35px;
    display: flex;
    align-items: center;
}

#bedcrup-wrap .nav-tabs li a {
    margin: 0;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 5px;
    color: #323B5A;
    font-weight: 700;
    padding: 0 15px 0;
    font-size: 11px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#bedcrup-wrap .nav-tabs li.active a, 
#bedcrup-wrap .nav-tabs li.active a:hover {
    border: 1px solid transparent;
    color: #fff;
    background: #0f2541;
    font-weight: 500;
    font-size: 11px;
        height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

#bedcrup-wrap .nav-tabs > li > a svg {
    width: 16px;
    float: left;
    margin-right: 8px;
}

.containerWrapNew {
    position: absolute;
    left: 25px;
    display: flex;
    align-items: center;
    top: 28px;
}

.containerWrapNew li {
	margin-right: 8px;
	color:#0f2541;
}

.containerWrapNew li .form-control {
	width: 180px;
}

.containerWrapNew li button.btn.track-btn {
	background: var(--forth-primary-color);
	color: var(--primary-color);
	border-radius: 5px;
	padding: 0;
	height: 30px;
	width: 30px;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.containerWrapNew li button.btn.track-btn svg {
	margin-right: 0;
}

.containerWrapNew li .input-effect label {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 1) 50%,
		rgba(241, 244, 250, 1) 50%, rgba(242, 245, 250, 1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 1) 50%,
		rgba(241, 244, 250, 1) 50%, rgba(242, 245, 250, 1) 100%);
	background: linear-gradient(0deg, rgba(255, 255, 255, 1) 50%,
		rgba(241, 244, 250, 1) 50%, rgba(242, 245, 250, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",
		endColorstr="#f2f5fa", GradientType=1);
}

.dBlock {
	display: flex;
	align-items: center;
}

.col-cus-span-2 {
    width: 290px;
    float: left;
}

.col-cus-span-10 {
margin-left: 290px;
}

.searchHead > span {
    padding-left: 10px;
    border-left: 1px solid #ccc;
    margin-left: 10px;
    font-weight: bold;
    color: #0f2541;
    font-size: 15px;
}


section#search-bar .over-effect {
    padding: 5px 15px;
    height: 56px;
    margin-right: 0 !important;
    border-radius: 5px;
}

section#search-bar .over-effect:hover,
section#search-bar .over-effect:focus {
	background-color: #323b5a;
	color:#fff;
	border-radius: 5px;
}

section#search-bar .over-effect:hover input, 
section#search-bar .over-effect:focus input {
background-color: transparent;
color:#fff;
}

.search-bar-wrap {
	border-radius: 10px;
}

.lest-talk-box {
    min-height: 423px;
    background: #051428;
}

.text-green {
	color: #64E38A;
}

#landing-page main section#section-problem {
	    height: 560px;
}

.mb-15 {
	margin-bottom: 70px;
}

#landing-page main section#section-conmove-hub .card {
    --tw-border-opacity: 1;
    border-color: rgba(50, 59, 90, var(--tw-border-opacity));
    border-radius: 0.75rem;
    border-width: 1px;
    display: flex;
    align-items: center;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    text-align: center;
    width: 100%;
    height: 100%;
    justify-content: center;
    border-radius: 5px !important;
        background: #fff;
}

.card>p, #landing-page main section#section-conmove-hub .card>p>span {
    font-size: 11px;
}

.pt-18 {padding-top: 64px;}

#landing-page section#features-switcher > div {
	    min-width: 335px;
}

.hubBG {background: url(/../register_app/images/landing/hub_bg.png); background-size: cover; background-position: top center;}

.white-btn {
    color: #0536B2;
    background-color: #fff;
    border: 1px solid #0536B2;
    height: 24px !important;
    display: inline-flex;
    align-items: center;
}

span.fiftyPluse {
    font-size: 30px;
    font-weight: 600;
    color: #d62d69;
}

.pin {
    width: 24px;
    height: 28px;
    background-image: url(/../register_app/images/landing/pinNew.svg);
    background-repeat: no-repeat;
    position: absolute;
    margin: -14px 0 0 -19px; 
}

.pulse {
    background: #abd0d8;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 0;
    top: 0;
    margin: 11px 0px 0px -12px;
    -webkit-transform: rotateX(55deg);
    -moz-transform: rotateX(55deg);
    -o-transform: rotateX(55deg);
    -ms-transform: rotateX(55deg);
    transform: rotateX(55deg);
    z-index: -2;
}
.pulse:after {
    content: "";
    border-radius: 50%;
    height: 35px;
    width: 35px;
    position: absolute;
    margin: -13px 0 0 -13px;
    -webkit-animation: pulsate 1s ease-out;
    -moz-animation: pulsate 1s ease-out;
    -o-animation: pulsate 1s ease-out;
    -ms-animation: pulsate 1s ease-out;
    animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-box-shadow: 0 0 1px 2px #88a5b8;
    box-shadow: 0 0 1px 2px #88a5b8;
    -webkit-animation-delay: 1.1s;
    -moz-animation-delay: 1.1s;
    -o-animation-delay: 1.1s;
    -ms-animation-delay: 1.1s;
    animation-delay: 1.1s;
    left: 0;
}
@-moz-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@-o-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.1, 0.1);
    -moz-transform: scale(0.1, 0.1);
    -o-transform: scale(0.1, 0.1);
    -ms-transform: scale(0.1, 0.1);
    transform: scale(0.1, 0.1);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
  50% {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  100% {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
  }
}

.pinAnimation {
    position: absolute;
    right: 528px;
    top: 31px;
    z-index: 99;
}

header section {
	    z-index: 9999;
    position: relative;
}

.custome-new-tabs {
    margin: 35px 10px 0 35px;
    position: relative;
    width: 95%;
    border: 0;
}

.custome-new-tabs nav {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 310px;
}

.custome-new-tabs nav a {
  padding: 20px;
    text-align: center;
    width: 100%;
    cursor: pointer;
    --tw-shadow: 4px 4px 15px 0px rgba(61, 111, 239, 0.12);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-border-opacity: 1;
    border-color: rgba(158, 198, 255, var(--tw-border-opacity));
    border-width: 1px;
    --tw-border-opacity: 0.5;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    border-radius: 0.75rem;
     margin-bottom: 20px;
    outline: none;
	display: flex;
    align-items: center;
    position: relative;
}
.custome-new-tabs nav a.selected {
   padding: 20px;
    text-align: center;
    width: 100%;
    cursor: pointer;
    --tw-shadow: 4px 4px 15px 0px rgba(61, 111, 239, 0.12);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    --tw-border-opacity: 1;
    border-color: #323B5A;
    border-width: 1px;
    --tw-border-opacity: 0.9;
    background-color: #323B5A;
    border-radius: 0.75rem;
     margin-bottom: 20px;
    outline: none;
	display: flex;
    align-items: center;
    position: relative;
}

.custome-new-tabs .content {
 padding: 0 20px;
  position: absolute;
  top: 0px;
  left: 310px;
  width: calc(100% - 310px);
  height: 100%;
  opacity: 0;
  transition: opacity 0.1s linear 0s;
}

.custome-new-tabs .content.visible {
  padding: 0 20px;
  width: calc(100% - 310px);
  opacity: 1;
 z-index: 100;
}

.custome-new-tabs nav a > .boxImg {
	width: 40px;
	margin-right:20px;
}
.custome-new-tabs nav a > .boxCon {
	color: #0536B2;
    font-size: 15px;
    text-align: left;
    font-weight: 600;
}

.custome-new-tabs nav a > .boxCon > small {
	display: block;
	color: #323B5A;
	font-size: 11px;
	 font-weight: 400;
}
.custome-new-tabs nav a > .boxArrow {
	position: absolute;
	right:25px;
}
.custome-new-tabs nav a > .boxArrow > svg {
	color:#0536B2;
	opacity: 0.3;
}

.custome-new-tabs nav a.selected > .boxArrow > svg {
	color:#0536B2;
	opacity: 1;
}

.clearfix {clear: both;}

.custome-new-tabs .content .mt-3 {
    margin-top: 1.79rem;
}

.custome-new-tabs nav a.selected > .boxCon, 
.custome-new-tabs nav a.selected > .boxCon > small,
.custome-new-tabs nav a.selected > .boxArrow > svg { 
	color: #fff;
}

.custome-new-tabs .content .selectionBox h4 {
    font-size: 15px;
}

.custome-new-tabs .content .selectionBox {
    height: 288px;
}

.new-login-btn{background-color: var(--primary-color);border-style: none; border-radius: 5px!important; color:#fff;}    
#top-nav .dropbtn-new {color: #fff; width: 17px!important;height: 17px!important;position: absolute;right: -10px; top: 0px;}
#top-nav li {margin-right: 3.1rem;}
#navbar {background-color: #323B5A;}

.full-height {height: auto;}
.register-bg {background-image: url(/../register_app/img/register-bg.png); background-size: cover; height: 100%;}

.new-filter-search {height: 100%; margin-bottom: 0;}
/* .new-filter-search > li {float: left;} */
.new-filter-search > li:nth-child(1) {background-color: var(--white-color); padding: 0; overflow: hidden; height: auto; border-radius: 5px 5px 0 0; position: relative;}
.new-filter-search > li:nth-child(2) {position: relative;}
.new-filter-search .search-list-warap > .list-one > li:nth-child(3) {width: 80px;}
.new-filter-search .search-list-warap > .list-one > li:nth-child(4) {width: 76px;}
.new-filter-search .search-list-warap > .list-one > li:nth-child(5) {width: 56px;}
.new-filter-search .search-list-warap > .list-one > li:nth-child(6) {width: 117px;}
.new-filter-search .search-list-warap > .list-one > li {padding: 0 4px;}
.new-filter-search .search-list-warap > .list-one > li:nth-child(2) {width: 88px;}
.new-filter-search li.list-location {width: 168px !important;}
.new-filter-search .search-list-warap .location-limit {width: 160px;}
.new-filter-search .search-list-warap .list-two > li:nth-child(3) {width: 76px;}
.new-filter-search .search-list-warap .list-two > li:nth-child(4) {width: 56px;}
.new-filter-search .search-list-warap .list-two > li:nth-child(5) {width: 85px;}
.new-filter-search .small-submit-btn {border-radius: 3px; font-size: 9px; border: 0; padding: 4px 4px;}
.new-filter-search .new-post-btn {background: #3D6FEF; color: #fff; border: 0; padding: 5px 10px; border-radius: 50px; font-size: 10px; font-weight: 400;}
.new-filter-search .new-post-btn > i {margin-right: 3px; font-size: 12px;}

.new-filter-search .tabbable-panel .nav-tabs1 {left: 0;}
.new-filter-search .tabbable-panel .nav-tabs1 li:first-of-type::after {height: 20px; width: 80px;}
.new-filter-search .tabbable-panel .nav-tabs1 li:last-of-type::after {height: 20px; width: 80px;}
.new-filter-search .tabbable-panel .nav-tabs1 li:last-of-type.active::before {height: 16px; width: 16px;}
.new-filter-search .tabbable-panel .nav-tabs1 li:first-of-type.active::before {height: 16px; width: 16px;}
.new-filter-search .tabbable-panel .nav-tabs1 li a, 
.new-filter-search .tabbable-panel .nav-tabs1 li a:hover, 
.new-filter-search .tabbable-panel .nav-tabs1 li a:focus {padding: 0px 31px; color: #323B5A; display: flex; align-items: center; font-size: 11px; font-weight: 600;}
.new-filter-search .tabbable-panel .nav-tabs1 li:first-of-type.active::before {top: 10%;}
.new-filter-search .tabbable-panel .nav-tabs1 li:last-of-type.active::before {top: 10%; left: 4px;}
.new-filter-search .ml5 {margin-left: 5px;}
.new-filter-search .border-b {border-bottom: 1px dashed #bcbcbc; margin-bottom: 12px; padding-bottom: 10px;}
.new-filter-search  .left-filters h6 {color:#3D6FEF; font-weight: 500; margin: 0 0 10px 0; font-size: 11px;}
.new-filter-search .exchange-filters li {float: left; width: 47%; margin: 0 6px 6px 0;}
.new-filter-search .exchange-filters .form-control {background-color: #fff; font-size: 10px; font-weight: 600; color: #323B5A; outline: none; box-shadow: none;}
.new-filter-search .left-filters .radio {margin-right: 0px; padding-left: 20px;}
.new-filter-search .port-form-to {background: #FFFFFF; border: 1px solid #9EC6FF; box-shadow: 4px 4px 4px rgba(61, 111, 239, 0.1); border-radius: 5px; padding: 8px 10px; margin: 15px 0;}
.new-filter-search .port-form-to .form-control {border: 0; box-sizing: border-box; border-radius: 0; box-shadow: none; height: auto; color: #323B5A; font-size: 10px; font-weight: 600; margin: 0; width: 100%; line-height: normal; padding: 0; background: transparent; text-transform: capitalize;}
.new-filter-search .dropdown.fleet-load-dropdown {position: relative; top: 0; left: 0;}
.new-filter-search .port-form-to > li {padding: 5px 0; margin-left: 18px; position: relative;}
.new-filter-search .port-form-to > li:nth-child(1) {border-bottom: 1px dashed #9EC6FF;}
.new-filter-search .fleet-load-dropdown span#selected {font-size: 10px; font-weight: 600; color: #323B5A; top: 3px; width: 150px;}
.new-filter-search .port-form-to > li .map-icon {position: absolute; left: -18px;}

.new-filter-search .assetTypeTab {display: flex; margin: 0px 0px 15px 0px;}    
.new-filter-search .assetTypeTab .assetTypeBTN {color: #323B5A; display: flex; flex-direction: column; width: calc(100% / 3); background: #F1F4FA; border: 1px solid #9EC6FF; border-radius: 4px;  padding: 5px 6px; margin: 0 5px 0 0;}
.new-filter-search .assetTypeTab .assetTypeBTN.active {background: #9EC6FF; border: 1px solid #72B5E8; border-radius: 4px; color:#323B5A;}
.new-filter-search .assetTypeTab .assetTypeBTN > p {margin: 0; font-size: 12px; font-weight: bold;}
.new-filter-search .assetTypeTab .assetTypeBTN > p.small {font-size: 9px; font-weight: 400; line-height: normal;}
.new-filter-search .vechcle-list-slider a {border: 0; padding:0; display: inline-flex; flex-direction: column; align-items: center; margin: 0 5px 10px 0; text-decoration: none; cursor: pointer;}
.new-filter-search .vechcle-list-slider a > span {background-color: #F6F6F6; width: 35px; height: 35px; border-radius: 100%; overflow: hidden; margin-bottom: 5px;}
.new-filter-search .vechcle-list-slider a > small {font-size: 8px; color: #323B5A; font-weight: 600; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70px; text-align: center;}
.new-filter-search .vechcle-list-slider a.active > span {background-color: #64E38A;}
.new-filter-search .vechcle-list-slider a > span img {object-fit: cover; width: 35px; height: 35px;}
.new-filter-search .ProductNav {border: 0; padding: 0 1px; width: 100%; margin: 10px auto 5px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; position: relative; font-size: 0;}

.new-filter-search .search-btn-filter {background: #323B5A; border: 1px solid #323B5A; border-radius: 36px; color: #fff; font-size: 11px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; font-weight: 600; margin: auto auto 5px;}
.new-filter-search .search-btn-filter i {margin-right: 5px;}
.new-filter-search .search-btn-filter .bi::before {font-weight: bold !important;}
.new-filter-search #vechcle-list {display: block !important; top: -10px;}
.new-filter-search .Advancer {font-size: 14px; color: #3d6fef; top: -18px; position: absolute;}
.new-filter-search .Advancer_Right {right: 12px;}
.new-filter-search .Advancer_Left {left: 12px; right: auto;}
.new-filter-search .Advancer .bi::before {font-weight: bold !important;}
.new-filter-search .dropdown.fleet-load-dropdown a {display: block;}

@media only screen and (min-width: 768px) {
  .navbar .dropdown:hover .dropdown-menu {
    display: block;
  }
}

.lsit-filter {border: 1px solid #F1F1F1; border-radius: 8px; background-color: #fff; padding: 11px;}
.lsit-filter svg {width: 16px; height: 16px;}
.exchange-filters > li .price-btn svg {width: 16px; height: 16px; top: 6px; margin-right: 3px; position: relative; transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.lsit-filter-wrap .dropdown-menu {font-size: 10px; transform: unset !important; -webkit-transform: unset !important; right: 0; left: -70px; min-width: 110px;}
.lsit-filter-wrap .dropdown-menu > li > a {padding: 3px 5px;}
/* .search-header {margin-bottom: 10px; display: inline-flex; align-items: center; justify-content: space-between; width: 100%;}
.search-header > li > p {margin-bottom: 0;}
.search-header > li > p:nth-child(1) {font-size: 9px}
.search-header > li > p:nth-child(2) {font-size: 11px; font-weight: 600; color:#3D6FEF;} */
.exchange-body .no-data-found {margin-top: 110px;}
.exchange-body .pagination-wrap {text-align: center; margin: 20px 0;}
.search-list-warap {background: #F1F1F1; border-radius: 10px; padding: 10px; margin-bottom: 10px; }
.search-list-warap > .list-one > li {width: auto; float: left; padding: 0 5px;}
.search-list-warap > .list-one > li:first-child {padding-left: 0; min-width: 50px;}
.search-list-warap > .list-one > li > p {margin-bottom: 0; line-height: normal;}
.search-list-warap > .list-one > li > p:nth-child(1) {color: #323B5A; font-size: 9px;}
.search-list-warap > .list-one > li > p:nth-child(2) {color: #323B5A; font-size: 9px; font-weight: 700;}
.search-list-warap > .list-one > li > p.same-width01 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 80px;}
.search-list-warap > .list-one > li:nth-child(5) > p:nth-child(2) {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 70px;}
.search-list-warap > .list-one > li:nth-child(6) .small-icon-btn {width: 21px; height: 21px; osition: relative;}
.search-list-warap > .list-one > li:nth-child(6) .small-icon-btn img {width: 10px;}
.search-list-warap > .list-one > li:nth-child(6) .small-icon-btn:after {content: 'Track'; position: absolute; font-size: 8px; left: -1px; bottom: -12px; font-weight: 600;}
.search-list-warap > .list-one > li.same-width02 {width: 80px;}
.search-list-warap > .list-one > li.same-width03 {width: 80px;}
.search-list-warap li.list-location {border-right: 0;}
.search-list-warap li.list-location > p {color: #323B5A !important; font-size: 9px !important; font-weight: 700 !important;}
.search-list-warap .location-limit {display: block; width: 124px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.search-list-warap li.lowast-price {float: right; border-right: 0 !important; padding-right: 0; text-align: right;}
.search-list-warap li.lowast-price > p {color: #3D6FEF !important; font-size: 12px !important; font-weight: 900;}
.search-list-warap li.lowast-price > p > span.tax-text {font-size: 9px; font-weight: 400; color: #323B5A; display: block; position: relative; top: -2px;}
.search-list-warap .list-two > li {width: auto; float: left; padding: 0 5px;}
.search-list-warap .list-two > li:last-child {float: right; padding-right: 0;}
.search-list-warap .list-two > li > p {margin-bottom: 0; line-height: normal;}
.search-list-warap .list-two > li > p:nth-child(1) {color: #323B5A; font-size: 9px; font-weight: 700;}
.search-list-warap .list-two > li > p:nth-child(2) {color: #323B5A; font-size: 9px;}
.small-submit-btn {background: #3D6FEF; border-radius: 36px; font-size: 9px; border: 0; padding: 5px 10px; color: #fff;}
.small-icon-btn{background:#9ec6ff;width:24px;height:24px;border:0;border-radius:50px;color:#323b5a;outline:0;margin:0 1px;text-align:center;padding:0}
.small-icon-btn svg {width: 11px; height: 11px;}
.search-list-warap .list-two {margin-top: 10px;}

.tabbable-panel .nav-tabs1 {
    border: none;
    display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
    margin: 0;
    align-items: center;
    justify-content: center;
    align-content: center;
    left: -25px;
    position: relative;
}
.tabbable-panel .nav-tabs1 li a,
.tabbable-panel .nav-tabs1 li a:hover,
.tabbable-panel .nav-tabs1 li a:focus {
    border: none;
    font-size: 10px;
    padding: 8px 40px;
    background: transparent;
    position: relative;
    margin: 0;
    cursor: pointer;
    display: block;
    z-index: 999;
    color: var(--white-color);
}
.tabbable-panel .nav-tabs1 li {
    position: relative;
    overflow: hidden;
}

.tabbable-panel .nav-tabs1 li:first-of-type::after {
    content: '';
    right: -50%;
    position: absolute;
    top: 0;
    height: 27px;
    width: 96px;
    background: var(--primary-color);
    border-radius: 50px;
    overflow: hidden;
}

.tabbable-panel .nav-tabs1 li:first-of-type.active::before {
    content: '';
    right: 4px;
    position: absolute;
    top: 9%;
    height: 22px;
    width: 22px;
    background: var(--white-color);
    border-radius: 50px;
    overflow: hidden;
    z-index: 9;
    transition: 500ms;
}

.tabbable-panel .nav-tabs1 li:last-of-type.active::before {
    content: '';
    left: 4px;
    position: absolute;
    top: 9%;
    height: 22px;
    width: 22px;
    background: var(--white-color);
    border-radius: 50px;
    overflow: hidden;
    z-index: 9;
	transition:500ms;
}
.tabbable-panel .nav-tabs1 li:last-of-type::after {	
    content: '';
    left: -50%;
    position: absolute;
    top: 0;
    height: 27px;
    width: 96px;
    background: var(--primary-color);
    border-radius: 50px;
    overflow: hidden;
}



header, footer {font-family: 'Montserrat', sans-serif;}
header .navbar {padding: 10px 0 !important; }
header .navbar-inverse {background-color: var(--primary-color); border-color: var(--primary-color);  margin: 0; border-radius: 0; border: 0; position: absolute; left: 0; right: 0;}
header #navbar {background-color: transparent; height: 90px; padding-right: 0; padding-left: 0;}
header .navbar-nav {display: flex; align-items: center; float: right;}
header .navbar-inverse .navbar-nav > li {margin-right: 30px;}
header .navbar-inverse .navbar-nav > li:last-child {margin-right: 0px;}
header .navbar-inverse .navbar-nav > li > a {font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #FFFFFFB3;}
header .navbar-inverse .navbar-nav > li.active > a {color: #fff; background-color: transparent;}
header .new-login-btn {background-color: var(--white-color);  border-style: none; color: var(--primary-color) !important; border-radius: 5px !important; padding: 10px 20px 10px 20px !important; transition: all 0.5s; -webkit-transition: all 0.5s;}
header .new-login-btn:hover, .header-navbar .new-login-btn:focus {background-color: rgba(255,255,255,0.1) !important; color: var(--white-color) !important;}
header .navbar-inverse .navbar-nav > li > .dropdown-menu {border: none; border-radius: 0; -webkit-box-shadow: 0 6px 6px rgb(0 0 0 / 5%); box-shadow: 0 6px 6px rgb(0 0 0 / 5%); padding: 0;}
header .navbar-inverse .navbar-nav > li > .dropdown-menu > li{padding: 15px 20px; font-size: 13px; font-weight: 600; color:#0f1011;}
header .navbar-inverse .navbar-nav > li > .dropdown-menu > li > a{color: var(--primary-color); font-weight: 500; font-size: 13px;}
header .navbar-inverse .navbar-nav > li > .dropdown-menu > li:hover {background-color: #e3ebfd; color:#0536b2;}
.headre-fleet {background: url(/../register_app/img/fleet-header.png); height: 200px; background-size: cover; display: flex; align-items: center; background-position: center center; font-family: 'Montserrat', sans-serif;}
.headre-fleet h2 {font-weight: 700; font-size: 65px; font-family: 'Montserrat', sans-serif;}
.headre-fleet p {color: #FFFFFFBF; font-size: 15px; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height: 1.66em; letter-spacing: -0.15px;}

header.bg-remove .navbar-inverse {background-color: transparent; border-color: transparent;}

.search-result-wrap {padding: 0;}
.search-result-wrap .fleet-map {/* width: 27%; float: right; */}
.search-result-wrap .fleet-map .gMap {height: 600px;}
/* .search-result-wrap .fleet-content {float: left; width: calc(100% - 27%); padding-left: 110px;} */
.search-result-wrap div#search-results .result .data p,
.search-result-wrap div#search-results .result .stops p {margin-bottom: 0;}
.search-result-wrap div#search-results .result .data {gap: 0.1rem;}
.search-result-wrap .data.companyLogo .vendorLogo img {height: 20px;}
@media (min-width: 1200px){
	.container {width: 1325px !important;}
}
.search-headbar-wrap {display: flex; align-items: center;}
.search-headbar p {margin-bottom: -5px; color: var(--primary-color); font-weight: 400; font-size: 13px; font-family: 'Montserrat', sans-serif;}
.search-headbar h4 {margin: 0px; color: #0F1011; font-weight: bold; font-size: 24px; font-family: 'Montserrat', sans-serif;}
.search-headbar h4 > em {color:var(--forth-primary-color); font-style: normal;}
.search-headbar h4 > span {color: var(--forth-primary-color); border-left: 1px solid #BFC0C2; font-size: 24px; padding: 0 10px; margin-left: 10px; top: -6px; position: relative;}
.search-headbar-wrap img {margin-right: 15px;}
.search-headbar .right-info p {color:#0F1011; font-weight: 400; font-family: 'Montserrat', sans-serif;}
.left-filters .form-group {margin-bottom: 0;}

.fleet-load-dropdown .dropdown-menu {top: 21px; left: 0; background: #fff; height: auto; padding: 0;}
.fleet-load-dropdown .dropdown-menu > li {float: left;border-bottom: 1px solid rgba(50, 59, 90, 0.1); margin-right: 0px; width: 100%;}
.fleet-load-dropdown .dropdown-menu > li:last-child {border-bottom: 0;}
/* .fleet-load-dropdown .dropdown-menu > li:nth-last-child(2){border-bottom: 0;} */
.fleet-load-dropdown .dropdown-menu > li > a {display: block; padding: 3px 5px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap; border-radius: 0; margin: 0; font-size: 10px;}
.fleet-load-dropdown .dropdown-menu > li > a:hover, .fleet-load-dropdown .dropdown-menu > li > a.fleet-load-dropdown .dropdown-menu > li > a:focus {background: #0536B2; color:#fff;}
.fleet-load-dropdown .arrow-img {width: 11px; height: 7px; background: transparent url(/../mytruxhub/layout/img/arrow-down.svg) no-repeat; background-position: center right 0px !important; display: block;  position: absolute; right: 0; top: 5px;}
.fleet-load-dropdown span#selected {/* width: 87px;  */display: inline-block; overflow: hidden; white-space: nowrap; margin-right: 20px; font-size: 10px; color: #323B5A; position: relative; top: 2px; overflow: hidden;  text-overflow: ellipsis;}
.exchange-page-buttons .quick-search-wrap > li:hover .fleet-load-dropdown span#selected {color: #fff;}
.fleet-load-dropdown .dropdown-menu > li.heading {float: none; display: block; width: 100%; color: #3D6FEF; font-size: 12px; font-weight: 600; border-bottom: 0px; margin-bottom: 5px; border-left: 3px solid #F1F4FA; padding-left: 5px;}
.new-filter-search .left-filters .radio {outline: none; margin-top: 0; margin-right: 0px; padding-left: 18px; display: inline-flex; font-size: 10px; color: #323B5A;}
.new-filter-search .left-filters input[type=radio] {top: -6px; width: 15px; height: 15px; outline: none;}
.new-filter-search .left-filters input[type=radio]:after {top: -1px; left: -1px; width: 15px; height: 15px;}
.new-filter-search .left-filters label.radio.radio-inline.ml10 {margin-left: 13px;}
.qr-wrap {background: #0536B2 url(/../register_app/img/map_new.png); min-height: 120px; position: absolute; left: 0; bottom: 0px; width: 100%; background-position: center top; background-repeat: no-repeat;}
.qr-wrap .qr-div {display: flex; width: 190px; align-items: center; margin: auto; padding: 25px 0 20px;}
.qr-wrap .qr-div div:nth-child(1) {width: 148px; margin-right: 10px;}
.qr-wrap .qr-div p {color: #FFFFFF; font-weight: 700; font-size: 13px; line-height: 18px; margin-bottom: 0;}
.qr-btn-wrap {background-color: #04309F; padding: 20px 10px; text-align: center;}
.qr-btn-wrap .qr-btn {background: #FFFFFF; font-family: 'Montserrat', sans-serif !important; border: 1px solid #FFFFFF; border-radius: 5px; color: #0536B2; font-weight: bold; font-size: 11px; padding: 10px 12px;}
.right-info {position: absolute !important; right: 20px; display: flex; align-items: center; justify-content: space-between;}
div#search-results {position: relative;}
.pagination-wrap {position: absolute; top: -80px; left: 50%;}
.pagination-noauth > li > a {font-size: 12px; font-weight: 600; color: #c5c5c5;}
.pagination-noauth li.active {border: 1px solid; background: #3d6fef; border-radius: 50%; height: 25px; width: 25px; color: #fff; text-align: center; display: flex; align-items: center; justify-content: center;}
.pagination-noauth li.active a {color: #fff;}
.pagination-noauth > li > a > svg {width: 16px; height: 16px;}
header {position: relative; z-index: 1;}
input,input:hover, input:focus {outline: none;}
a:focus, a:hover {text-decoration: none !important;}
.new-reg-btn:hover, .new-reg-btn:focus {border: 1px solid var(--primary-color); color: #fff; background-color: var(--primary-color); outline: none; text-decoration: none;}
.check-b {display: flex;}
.check-b label {margin-bottom: 0; font-size: 13px !important; font-weight: 400;}
.check-b input[type=checkbox], .check-b input[type=checkbox]:focus {margin: 0 3px 0 0; border-radius: 3px; outline: none;}
input[type=checkbox]:not(.switch){outline: none; width: 19px !important; height: 19px !important; border-radius: 3px !important;}
.login-wrap-1 {overflow: hidden;}
.login-wrap-img {transition: all .5s; background-image: url(/../register_app/img/login_bg.png); background-position: top left; background-size: cover; height: 100%; width: 100%; background-repeat: no-repeat;}
.login-wrap-img:hover, .login-wrap-img:focus {transform: scale(1.1); -webkit-transform: scale(1.1);}
#login .login-wrap-1 {padding: 0;}
div#registration {padding-top: 100px; height: calc(100vh - 0px);}
div#registration .form .steps li {white-space: nowrap;}

.w-14 {width: 4rem;}
.h-14 {height: 4rem;}
.circular-img svg {width: 16px; height: 16px;}
label {font-weight: 400 !important; margin: 0;}
.agree-wrap {display: flex; align-items: center;}
.agree-wrap input {margin: 0 !important;}
.agree-wrap a {font-size: 11px; color: #0536b2; font-weight: 600;}
input[type=checkbox]:not(.switch):checked {outline: none !important;}
.submit-btn:hover, .submit-btn:focus {color:#fff;}
div#registration .form .steps li:first-child .who-content > p {margin: 0;}
div#registration .form .steps li:first-child .who-img > img {height: 35px; width: 35px;}
input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus {outline: none; outline-offset: 0;}
.register-img-zoom {overflow: hidden;}
.register-bg {transition: all .5s;}
.register-bg:hover, .register-bg:focus {transform: scale(1.1); -webkit-transform: scale(1.1);}
#thankYou {padding: 30px 0 0 0;}



/*--- Wrap Up ---*/
.ProductNav_Wrapper {
  position: relative;
  padding: 0 11px;
  box-sizing: border-box;
}

.ProductNav {
  /* Make this scrollable when needed */
  overflow-x: auto;
  /* We don't want vertical scrolling */
  overflow-y: hidden;
  /* For WebKit implementations, provide inertia scrolling */
  -webkit-overflow-scrolling: touch;
  /* We don't want internal inline elements to wrap */
  white-space: nowrap;
  /* If JS present, let's hide the default scrollbar */
  /* positioning context for advancers */
  position: relative;
  font-size: 0;
      width: 90%;
    padding: 1px;
        border: 1px solid #f3f3f3;
}
.js .ProductNav {
  /* Make an auto-hiding scroller for the 3 people using a IE */
  -ms-overflow-style: -ms-autohiding-scrollbar;
  /* Remove the default scrollbar for WebKit implementations */
}
.js .ProductNav::-webkit-scrollbar {
  display: none;
}

.ProductNav_Contents {
  float: left;
  transition: transform 0.2s ease-in-out;
  position: relative;
}

.ProductNav_Contents-no-transition {
  transition: none;
}

.ProductNav_Link {
    text-decoration: none;
    color: #7f868b;
    font-weight: 600;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    line-height: normal;
    border-radius: 3px;
    font-size: 10px;
    border: 1px dashed #ccc;
    cursor: pointer;
}

.ProductNav_Link[aria-selected=true] { 
   font-weight: 600;
}

.Advancer {
  /* Reset the button */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: transparent;
  padding: 0;
  border: 0;
  /* Now style it as needed */
  position: absolute;
  top: 0;
  bottom: 0;
  /* Set the buttons invisible by default */
  opacity: 0.5;
  transition: opacity 0.3s;
      font-size: 18px;
    color: #ccc;
}
.Advancer:focus {
  outline: 0;
}
.Advancer:hover {
  cursor: pointer;
}

.Advancer_Left {
    left: auto;
    right: 25px;
}
[data-overflowing=both] ~ .Advancer_Left, [data-overflowing=left] ~ .Advancer_Left {
  opacity: 1;
}

.Advancer_Right {right: 0;}
[data-overflowing=both] ~ .Advancer_Right, [data-overflowing=right] ~ .Advancer_Right {opacity: 1;}
.Advancer_Icon {width: 16px; fill: #bbb;}
section#section-two {padding-top: 150px;}
.contact-cart {padding: 120px 0px 120px 0px; background: #15142a; position: relative; top: 60px;}
.contact-cart .bg-div {filter: brightness(100%) contrast(100%) saturate(0%) blur(0px) hue-rotate(0deg); background: url(/register_app/img/img10.jpg); height: 100%; width: 100%; position: absolute; top: 0;  background-size: cover; background-position: center center; opacity: 0.3; z-index: 0;}
.contact-cart h3 {font-family: 'Montserrat', sans-serif !important; font-weight: 700; font-size: 54px;}
.contact-cart p {color: #FFFFFFBF; font-size: 15px; font-weight: 400; font-family: 'Montserrat', sans-serif; line-height: 1.66em; letter-spacing: -0.15px;}
.contact-cart a, .contact-cart a:hover {animation: zoom-in-zoom-out 5s ease infinite; background-color: #ECEDF4; width: 140px; height: 140px; color: #0536b2; box-shadow: 0px 0px 0px 15px rgb(255 255 255 / 15%); font-size: 18px; font-weight: 700; display: flex; border-radius: 100%; align-items: center; justify-content: center; flex-direction: column; text-align: center;}
.contact-cart a > i {font-size: 40px; margin: 0; padding: 0; height: 18px; position: relative; top: -10px;}
.contact-cart .container {position: relative; z-index: 1;}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.1, 1.1);
  }
  100% {
    transform: scale(1, 1);
  }
}
.new-footer {background-color: var(--primary-color); color: text-primary; padding: 50px 0;}
.new-footer .foot-one p {font-size: 13px; line-height: 1.42em;}
.new-footer .foot-one .foot-logo {margin: auto auto 10px;}
.new-footer .social-media li > a {background-color: var(--white-color); color:var(--primary-color); border-radius: 15px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; font-size: 22px;}
.new-footer .foot-one .divider {border-top: 1px solid #b3c4e9; width: 60%; margin: 30px auto;}

.foot-contact-details li {display: flex; align-items: center;}
.foot-contact-details li > div:nth-child(1) {background-color: var(--white-color); width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-size: 22px; border-radius: 15px; margin-right: 12px;}
.foot-contact-details li > div:nth-child(2) {display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
.foot-contact-details li > div:nth-child(2) p {margin-bottom: 0; color: var(--white-color); font-size: 12px;}
.foot-contact-details li > div:nth-child(2) small {color: #C9C9C9; font-size: 10px; margin-bottom: 3px;}
.foot-link ul {display: flex; margin: 0;}
.foot-link ul > li {margin: 0;}
.foot-link ul > li > a {text-decoration: none; color: var(--white-color); font-size: 12px; padding: 0 15px; font-weight: 100;}
.foot-link ul > li > a:hover, .foot-link ul > li > a:focus {color:var(--forth-color);}
.foot-link p {color:var(--white-color); font-size: 12px; margin: 0; font-weight: 100;}
.foot-link ul > li:last-child > a {border-right:0;}
.headre-fleet .small-text-new {font-size: 11px; line-height: 16px; width: 390px;}

.find-tabs {display: flex; justify-content: center; margin-top: 65px;}
.find-tabs.nav-pills > li > a {padding: 12px 20px; font-size: 14px; font-weight: 600; background: var(--white-color); margin-left:5px; color: var(--primary-color); min-width: 160px; display: flex; align-items: center; justify-content: center; line-height: normal; border: .5px solid var(--forth-primary-color); border-radius: 6px;}
.find-tabs.nav-pills > li.active > a, .find-tabs.nav-pills > li.active > a:hover {background-color: #0536b2; color: #fff;}
.find-tabs.nav-pills > li > a i {font-size: 16px; margin-right: 10px;}
.find-tabs.nav-pills > li {float: left; margin: 0 5px;}
.footer-new {margin-top: 60px;}

@media(min-width:992px) and (max-width:1149px){
	.main_text{margin-top:100px!important;}
}


/* Find Transporter */
.find-Transporter-wrap .exchange-body {height: calc(100vh - 133px);}
.find-Transporter-wrap .top-pagination {width: calc(100% - 390px);}
.find-Transporter-wrap .search-header.assetTypeBTN.active {background-color: #B1D0FF; border: 1px solid #B1D0FF; color: #323B5A;}
.find-Transporter-wrap .search-header.assetTypeBTN {border: 1px solid #EDF4FF; background-color: #EDF4FF; color: #323B5A;}
.find-Transporter-wrap .search-header .assetTypeBTN {margin: 0 4px 0 0; padding: 5px 7px; font-weight: 600; font-size: 9px; width: auto; display: flex; justify-content: center; flex-direction: row; align-items: center;}
.locate-content-view .search-header .assetTypeTab {margin: 0;}
.find-Transporter-wrap .search-header .assetTypeBTN i {margin-right: 5px; color:#FFC761;}
.transporters-ticket {background: #F1F1F1; border-radius: 10px; padding: 15px 25px; margin-bottom: 10px; position: relative;}
.transporters-ticket.active {background: #D7E9FD;}
/* .transporters-ticket > li {display: flex; justify-content: space-between;} */

.transporters-ticket .route-details .route-list-p > li {display: inline-flex; align-items: center; margin-bottom: 2px;}
.transporters-ticket .route-details .route-list-p > li > input {margin: 0 5px 0 0;}
.transporters-ticket .route-details .route-list-p > li > p {margin: 0; font-weight: 600; font-size: 10px;}
.transporters-ticket .route-details .route-list-p > li > p > span {font-weight: 400; font-size: 90%;}
.transporters-ticket .wt-slab-details .route-list-p > li > p,
.transporters-ticket .commodity-details .route-list-p > li > p {margin: 0; font-weight: 400; font-size: 9px;}
.transporters-ticket .wt-slab-details .route-list-p > li, .transporters-ticket .commodity-details .route-list-p > li {margin-bottom: 3.5px;}
/* .transporters-ticket > li > div {display: flex; flex-direction: column;} */
.transporters-ticket > li > .route-details {width: 630px; min-height: 100px;}
.transporters-ticket .wt-slab-details {margin-right: 10px;}
.transporters-ticket .heading-row {font-weight: 600; font-size: 11px; margin-bottom: 5px;}

.transporters-ticket .route-details > .heading-row {display: flex; justify-content: space-between; align-items: center;}
.transporters-ticket .route-details > .heading-row > p {margin-bottom: 0;}
.transporters-ticket .route-details > .heading-row > p > small {font-weight: 400; color: #323B5A; font-size: 9px; margin-left: 8px;}
.transporters-ticket .route-details > .heading-row > p > span {font-weight: bold; font-size: 10px;}
.transporters-ticket .route-details > .heading-row > p > i {font-size: 12px; margin-right: 3px;}
.transporters-ticket .route-details > .heading-row > p > i::before {font-weight: 600 !important;}
.transporters-ticket .fleet-c {background: #FFFFFF; border: 1px solid #3D6FEF; border-radius: 5px; color: #3D6FEF; font-size: 10px; font-weight: 600; padding: 4px 5px; display: flex;}
.transporters-ticket .fleet-c > img {margin-right: 5px; width: 12px;}

.transporters-ticket .actions-details .assetTypeTab {margin: 5px 0 0 0;}
.transporters-ticket .actions-details .assetTypeTab .assetTypeBTN {width: calc(100% / 3); font-size: 8px; padding: 3px 8px; margin: 0 10px 0 0; display: flex; flex-direction: column; align-items: center; background: #fff; border: 1px solid #B1D0FF; justify-content: center;}
.transporters-ticket .actions-details .assetTypeTab .assetTypeBTN.active {background-color: #fff;}
.transporters-ticket .actions-details .assetTypeTab .assetTypeBTN.active > span {color: #323B5A;}
.transporters-ticket .actions-details .assetTypeTab .assetTypeBTN > span {font-size: 9px; font-weight: bold; color: #7AB0FF; margin-left: 0px;} 
.transporters-ticket .actions-details .assetTypeTab .assetTypeBTN:last-child {margin: 0;}
.transporters-ticket .book-n {text-align: center; display: flex; align-content: flex-end; justify-content: flex-end; flex-direction: column; flex-wrap: wrap; position: absolute; bottom: 10px; right: 12px;}
.transporters-ticket .book-n > .book-n-btn {
    background: #3D6FEF;
    border: 1px solid #3D6FEF;
    border-radius: 5px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px;
}

.transporters-ticket .service-details {display: flex; flex-direction: row; align-items: center; font-size: 10px; margin-top: 10px;}
.transporters-ticket .service-details > span:first-child {margin-right: 10px;}
.transporters-ticket .service-details > span > i {color:#3D6FEF;}
.transporters-ticket .service-details > span {margin-right: 5px;  font-size: 10px; color: #000;}
.transporters-ticket .service-details > span > span {font-weight: 600; font-size: 10px;}


.transporters-ticket .track-details {display: flex; flex-direction: row; align-items: center; font-size: 10px; margin: 10px 0 0 18px;}
.transporters-ticket .track-details > span {margin-right: 5px; display: flex; align-items: center; font-size: 10px; color: #000;}
.transporters-ticket .track-details > span > span {font-weight: 600; font-size: 10px;}
.transporters-ticket li.track-service-info {justify-content: flex-start;}
.transporters-ticket li.track-service-info .track-details > span > img {width: 15px; height: 15px; margin-right: 3px;}
.transporters-ticket li.track-service-info .track-details > span > input {margin: 0 0 0 5px;}
.transporters-ticket li.company-n-wrap {border-bottom: 1px dashed #9FADBD; padding: 0 0 6px; margin-bottom: 6px; color:#323B5A;}
.transporters-ticket li.company-n-wrap > h5 {margin: 0; font-weight: bold; font-size: 13px; -webkit-text-security: disc;}
.transporters-ticket li.company-n-wrap > h5 > span {display: block; font-size: 10px; font-weight: 500;}
.transporters-ticket .verified-btn {background: #64E38A; color: #323B5A; padding: 3px 5px; border-radius: 3px; border: 0; font-weight: 600; font-size: 10px; line-height: normal; display: flex; align-items: center;}
.transporters-ticket .verified-btn > i {margin-right: 2px; font-size: 14px;}
.transporters-ticket .rating-wrap {color: #FFC761; margin-right: 10px;}
/* .transporters-ticket > li.company-n-wrap > div {display: flex; flex-direction: row; align-items: center;} */

.find-Transporter-wrap #exchangePlatformMap {height: calc(100vh - 133px) !important;}
#viewRoutesModal .modal-dialog {width: 985px;}
#viewRoutesModal .modal-content img {margin: 0 5px 0 0;}
#viewRoutesModal .modal-header {border-bottom: 0;}
#viewRoutesModal .transporters-ticket > li > div.actions-details {width: 220px;}
.transporters-ticket .company-n-wrap a {color: #3D6FEF; margin-right: 10px; font-size: 10px; display: flex; align-items: center; cursor: pointer; font-weight: 600;}
.transporters-ticket .company-n-wrap a > i {font-size: 13px;}

.transporters-ticket .tra-list-detail {width: 410px; padding-left: 10px; border-left: 1px dashed #9FADBD; margin-left: 15px;}
.transporters-ticket .tra-list-detail .line01 > li {padding: 5px 0; border-bottom: 1px solid #ccc;}
.transporters-ticket .tra-list-detail .line01 > li:last-child {border-bottom: 0;}
.transporters-ticket .tra-list-detail .line01 > li > p {color: #323B5A; font-size: 10px; font-weight: 600; margin: 0; display: flex; align-items: center;}
.transporters-ticket .tra-list-detail .line02 {display: flex; justify-content: space-between; margin: 12px 0;}
.transporters-ticket .tra-list-detail .line02 > li > p {margin: 0; line-height: normal;}
.transporters-ticket .tra-list-detail .line02 > li > p:first-child {color: #323B5A; font-size: 10px; font-weight: 600;}
.transporters-ticket .tra-list-detail .line02 > li > p:last-child {color: rgba(50, 59, 90, 0.7); font-size: 10px;}
.transporters-ticket .tra-list-detail .line03 {display: flex; justify-content: flex-start;  margin: 0;}
.transporters-ticket .tra-list-detail .line03 > li > p {margin: 0; line-height: normal;}
.transporters-ticket .tra-list-detail .line03 > li > p:first-child {color: #323B5A; font-size: 10px; font-weight: 600;}
.transporters-ticket .tra-list-detail .line03 > li > p:last-child {color: rgba(50, 59, 90, 0.7); font-size: 10px;}
.transporters-ticket .tra-list-detail .line04 {display: flex; justify-content: space-between;  margin: 35px 0 0; align-items: center;}
.transporters-ticket .tra-list-detail .line04 > li > p {margin: 0; line-height: normal;}
.transporters-ticket .tra-list-detail .line04 > li > p:first-child {color: #3D6FEF; font-size: 12px; font-weight: bold;}
.transporters-ticket .tra-list-detail .line04 > li > p:last-child {color: rgba(50, 59, 90, 0.7); font-size: 10px;}
.transporters-ticket .tra-list-detail .line04 .book-n {position: relative; right: 0;}
#viewRoutesModal .transporters-ticket li.track-service-info {justify-content: flex-start;}
#viewRoutesModal .transporters-ticket .route-details {width: 400px;}

.transporters-ticket .route-details-list tr > th {font-weight: 600; color: #323B5A; font-size: 11px; border-top: 0;}
.transporters-ticket .route-details-list tr > th > small {font-weight: 400; color: #323B5A; font-size: 9px; margin-left: 8px;}
.transporters-ticket .route-details > .heading-row > p > small {font-weight: 400; color: #323B5A; font-size: 9px; margin-left: 8px;}
.transporters-ticket .route-details-list tr > th > span {font-weight: bold; font-size: 11px;}
.transporters-ticket .route-details-list tr > th > i {font-size: 12px; margin-right: 3px;}
.transporters-ticket .route-details-list tr > th > i::before {font-weight: 600 !important;}

.transporters-ticket .route-details-list tr > td > p {margin: 0; font-weight: 400; font-size: 10px; display: flex; align-items: center; color: #323B5A;}
.transporters-ticket .route-details-list tr > td > p > span {font-weight: 400; font-size: 90%; margin-left: 10px;}
.transporters-ticket .route-details-list tr > td > p > input {margin: 0 5px 0 0;}
.transporters-ticket .inner-scroll-route {display: block; width: 100% !important;}
.transporters-ticket .route-details-list tr.active > td {color: var(--white-color) !important; background: var(--primary-color) !important;}
.transporters-ticket .route-details-list tr.active > td p {color: #fff;}
.transporters-ticket .slimScrollDiv {width: 100% !important;}
.transporters-ticket .table-striped>tbody>tr:nth-of-type(odd) {background-color: #f9f9f9;}
.transporters-ticket .tra-list-detail .line01 > li > p > span.map-icon {margin-right: 5px;}

.transporters-ticket li.actions-details {display: flex; justify-content: flex-end; border-top: 1px dashed #ccc; padding-top: 15px;}
.transporters-ticket .tra-list-detail .line05 {margin-top: 10px;}
.transporters-ticket input[type=checkbox]:not(.switch) {outline: none; width: 13px !important; height: 13px !important; border-radius: 3px !important;}
.transporters-ticket .book-n small {color: #323B5A; font-size: 10px; margin-bottom: 5px;}

.transporters-ticket .service-details > span > i.t-green {color:#64E38A}
#bookNow {color: #323B5A;}
#bookNow p {font-size: 12px;}
#bookNow .modal-body img {margin: auto;}
#bookNow .btn-primary {background: #3D6FEF; border: 1px solid #3D6FEF; border-radius: 5px; color: #fff; font-size: 13px; font-weight: bold; padding: 8px 10px;}
#bookNow .btn-outline-primary {border: 1px solid #3D6FEF; color: #3D6FEF;  background-color: transparent;}
#bookNow .mb30 {margin-bottom: 30px;} 
#bookNow .mt20 {margin-top: 20px;}
#bookNow .mr10 {margin-right: 10px;}  
#bookNow .w100 {min-width: 100px;}   
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.transporters-ticket input[type=checkbox]:not(.switch):after {
    width: 4px;
    height: 9px;
    border: 2px solid var(--active-inner);
    border-top: 0;
    border-left: 0;
    left: 4px;
    top: 0.5px;
    transform: rotate(var(--r, 20deg));
}
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
.transporters-ticket input[type=checkbox]:not(.switch), input[type=radio]:not(.switch) {
    width: 13px;
    height: 13px;
    outline: none;
}

.transporters-ticket input[type=radio]:after {
    width: 11px;
    height: 11px;
}

.transporters-ticket input[type=checkbox]:not(.switch):checked, .transporters-ticket input[type=radio]:not(.switch):checked {
    --o: 1;
    outline: none;
    box-shadow: none;
}

}

.w140 {min-width: 140px;}
.transporters-ticket .tra-list-detail .line05 {margin-top: 10px;}
#bookNow input[type=checkbox]:not(.switch), input[type=radio]:not(.switch) {width: 18px; height: 18px; outline: none;}
#bookNow input[type=radio]:after {width: 17px; height: 17px;}
#bookNow .checkbox-inline, #bookNow .radio-inline {display: inline-flex; align-items: center; margin: 20px 15px 0 0;}
#bookNow input[type=radio]:after {width: 17px; height: 17px;}
#bookNow input[type=checkbox], #bookNow input[type=radio] {margin: 0 0 0 -22px; outline: none; box-shadow: none;}
.modal {z-index: 99999999 !important;}
.modal-dialog {margin: 100px auto;}
.transporters-ticket .table-condensed > tbody > tr > td {padding: 8px 5px;}
.transporters-ticket .route-details-list tr > td > p > input[type=checkbox]:not(.switch), 
.transporters-ticket .route-details-list tr > td > p > input[type=radio]:not(.switch) {width: 15px; height: 15px; outline: none;}
.transporters-ticket .route-details-list tr > td > p > input[type=radio]:after {width: 13px; height: 13px;}
.btn, .btn:focus, .btn:hover {outline: none; box-shadow: none;}
.transporters-ticket .tra-list-detail .line03 > li:first-child {margin-right: 70px;}

.table>tbody>tr>td:first-child {border-radius: 5px 0 0 5px; position: relative;}
.table>tbody>tr>td:last-child {border-radius: 0 5px 5px 0;}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0 !important;
    outline-offset: 0px !important;
}

.right-info .form-control {width: 70px; padding: 5px 5px; height: 28px; box-shadow: none; font-size: 12px; font-weight: 600;}

.container-details-wrap label.radio.radio-inline {display: inline-flex; color: #323B5A; margin: 0 15px 0 0 !important; align-items: center; font-weight: 600 !important;}
.container-details-wrap input[type=checkbox], .container-details-wrap input[type=radio] {margin: 0;}
.container-details-wrap input[type=radio]:after {width: 17px; height: 17px;}
.container-details-wrap input[type=file]:focus, 
.container-details-wrap input[type=checkbox]:focus, 
.container-details-wrap input[type=radio]:focus {outline: 0; outline-offset: 0; box-shadow: none;}
.container-details-wrap input[type=radio]:checked {--s: .6;}
.container-details-wrap .checkbox input[type=checkbox], 
.container-details-wrap .checkbox-inline input[type=checkbox], 
.container-details-wrap .radio input[type=radio], 
.container-details-wrap .radio-inline input[type=radio] {position: absolute; margin-top: 4px\9; margin-left: -22px;}
.container-details-wrap .search-wrap-t {background: #f1f4fa; display: inline-flex; border: 1px solid #f1f4fa; border-radius: 30px; overflow: hidden; width: 100%; justify-content: space-between; padding: 2px 10px; height: 35px; align-items: center;}
.container-details-wrap .search-wrap-t > button > svg {width: 16px; color: #3D6FEF; margin-right: 8px; cursor: pointer;}   
.container-details-wrap .search-wrap-t > input {background-color: transparent; color: #323B5A; width: 100%; font-size: 12px; font-weight: 600; padding: 0 0 0 8px; height: 30px;}
.container-details-wrap .form-group {margin-bottom: 0;}
.container-details-wrap .bbpb-20 {border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 0;}

.container-details-row {display: flex; color: #323B5A;}
.container-details-row > li:nth-child(1) {border-left: 0;}
.container-details-row > li {display: flex; align-items: center; margin-right: 35px; border-left: 1px solid #B1D0FF; padding-left: 10px;}
.container-details-row > li h5 {margin: 0; color:#3D6FEF; font-size: 14px; font-weight: 600;}
.container-details-row > li p {margin: 0; color:#323B5A; font-size: 12px; font-weight: 400;}
.container-details-row > li > div > img {width: 35px; margin-right: 10px;}
.container-details-wrap .pl0 {padding-left: 0;}    
.container-details-wrap .pr0 {padding-right: 0;}  
.contianer-row {overflow: hidden; background: #F1F4FA; border-radius: 10px; margin-top: 10px; padding: 10px; color:#323B5A;}
.contianer-row .con-row-one {width: 100%; clear: both; height: 35px; margin: 0;}
.contianer-row .con-row-one:first-child {margin-bottom: 20px;}
.contianer-row .con-row-one:nth-child(2) {margin-bottom: 0; height: 40px; border-bottom: 0;}
.contianer-row .con-row-one li {float: left; margin-right: 8px; padding-right: 8px; border-right: 1px solid #ccc;}
.contianer-row .con-row-one li > div > h6 {font-size: 11.5px; font-weight: 600; margin: 0;}
.contianer-row .con-row-one li > div > p {font-size: 10px; margin: 0 0 5px 0;}
.contianer-row .con-row-one li:nth-child(1) {width: 148px;}
.contianer-row .con-row-one li:nth-child(2) {width: 90px;}
.contianer-row .con-row-one li:nth-child(3) {width: 140px;}
.contianer-row .con-row-one li:nth-child(4) {width: 120px;}
.contianer-row .con-row-one li:nth-child(5) {width: 85px;}
.contianer-row .con-row-one li:nth-child(6) {width: 85px;}
.contianer-row .con-row-one li:nth-child(7) {width: 95px;}
.contianer-row .con-row-one li:nth-child(8) {width: 120px;}
.contianer-row .con-row-one li:nth-child(9) {width: 120px;}
.contianer-row .con-row-one li:nth-child(10) {margin: 0; padding: 0; border-right: 0;}
.conList {margin-bottom: 30px;}

.conScroll {overflow-y: scroll; height: 650px; overflow-x: hidden;}
::-webkit-scrollbar {width: 4px; height: 3px;}

/* Track */
::-webkit-scrollbar-track {background: #f1f1f1;}
 
/* Handle */
::-webkit-scrollbar-thumb {background: #888;}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background: #555;}

.container-details-wrap .no-data-found {margin: 50px 0 30px 0;}
.navbar-header {display: flex; align-items: center;}

.findLoadB {
    font-weight: 600;
    padding: 0;
    font-size: 10px;
    background: rgba(255,255,255,0.1);
    padding: 8px 14px;
    border-radius: 51px;
    display: inline-flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin-left: 9px;
    color: #64E38A;
}
.findLoadB:focus, .findLoadB:hover {color: #64E38A;}
.findLoadB > svg {
    width: 13px;
    height: 13px;
    margin-right: 9px;
}

/* New Registration Page Css by Rohit */
#registration-new {width: 100%; /* display: flex; */ justify-content: space-between; margin-bottom: 0;}
#registration-new > li:nth-child(2) {background-color: var(--white-color);}
#registration-new > li:nth-child(3) {width: 320px; background-color: var(--fifth-primary-color);border-radius: 6px;}
#registration-new .google-map-wrap {position: relative;}
#registration-new #google-input-wrap {position: absolute; top: 0; left: 0px; right: 0; z-index: 1; padding: 10px; background: rgba(0,0,0,0.3);}
#registration-new #google-input-wrap > #pac-input {margin: 0; width: 100%; border-radius: 5px; height: 35px; border: 0; box-shadow: none; padding: 5px 14px; font-weight: 400; color: #313a59; font-size: 12px; position: relative;}
.pac-container {box-sizing: content-box !important; width: 300px !important; /* right: 10px !important; left: auto !important; top:105px !important; */}
#registration-new > li:nth-child(1) {background-color: var(--white-color); width: 230px; padding: 15px 0 0 45px;}
#registration-new > li:nth-child(2) {width: calc(100% - 227px); padding: 30px 20px 20px 20px;}
#registration-new > li.regiter-left-menu h6 {color: var(--primary-color); font-weight: 600; font-size: 14px; margin: 0;}
#registration-new > li.regiter-left-menu .regiter-head {display: block; margin: 0 0 15px 0;}
#registration-new > li.regiter-left-menu .regiter-head > p {font-size: 13px;}
#registration-new .assetTypeTab {display: flex; justify-content: space-between;}
#registration-new .assetTypeTab > .assetTypeBTN {padding: 5px 10px; margin: 0 2px 0 0; display: flex; align-items: center; justify-content: center;}
#registration-new .assetTypeTab > .assetTypeBTN.active {background-color: #3D6FEF; color:#fff;}
#registerLeftMenu .registerBtn{box-sizing: border-box; background: var(--fifth-primary-color); border: 1px solid var(--fifth-primary-color); border-radius: 6px; display: flex; flex-direction: column; align-items: center; padding: 15px; margin: 0 0 20px 0; width: 100%;position: relative;}
#registerLeftMenu .registerBtn.active {background: var(--forth-primary-color);}
#registerLeftMenu .registerBtn > h5 {color: var(--primary-color); font-size: 16px; font-weight: 500; margin-top: 15px; margin-bottom: 0;}
#registerLeftMenu .registerBtn > p {color:var(--primary-color); font-size: 10px; margin: 0;}

/* #registerLeftMenu .registerBtn.active {box-sizing: border-box; background: #323B5A; border: 1px solid #323B5A;}
#registerLeftMenu .registerBtn.active > h5 {color: #fff; font-size: 13px; font-weight: 600; margin: 10px 0 5px 0;}
#registerLeftMenu .registerBtn.active > p {color:#fff; font-size: 10px; margin: 0;}
 */
 #registerLeftMenu .registerBtn::before{content: '\276F';
    position: absolute;
    z-index: 999;
    left: 10px;
    top: 10px;
    background: var(--white-color);
    border: .6em solid var(--white-color);
    border-radius: 50%;
    height: 1.3em;
    width: 1.3em;
    color: var(--fifth-primary-color);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;}
 #registerLeftMenu .registerBtn.active::before{content: '\276F';
    position: absolute;
    z-index: 999;
    left: 10px;
    top: 10px;
    background: var(--white-color);
    border: .6em solid var(--white-color);
    border-radius: 50%;
    height: 1.3em;
    width: 1.3em;
    color: var(--forth-color);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;}
#registration-new #registerUserMenu1 {/* display: flex; */}
#registration-new #registerUserMenu1 .userBtn {display: flex; align-items: center; border: 1px solid #E2E8F3; border-radius: 5px; margin-right: 10px;background-color: var(--fifth-primary-color); padding: 10px; height: 150px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.16) 0px 3px 6px; position: relative;}
#registration-new #registerUserMenu1 .userBtn > img {/* width: 30px; */}
#registration-new #registerUserMenu1 .userBtn > div {text-align: left; margin-left: 10px;}
#registration-new #registerUserMenu1 .userBtn > div > h5 {margin: 0 0 2px 0; color:#323B5A; font-size: 11px; font-weight: 600;}
#registration-new #registerUserMenu1 .userBtn > div > p {margin: 0; color:#888FA9; font-size: 10px;}
#registration-new #registerUserMenu1 .userBtn.act1 { border: 1.5px solid var(--primary-color); position: relative;}
#registration-new .user-row01 > p {margin: 0 0 15px;}

#registration-new #registerUserMenu2 {/* display: flex; */}
#registration-new #registerUserMenu2 .userBtn {display: flex; align-items: center; border: 1px solid #E2E8F3; border-radius: 5px; margin-right: 10px;background-color: var(--fifth-primary-color); padding: 10px; height: 150px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.16) 0px 3px 6px; position: relative;}
#registration-new #registerUserMenu2 .userBtn > img {/* width: 30px; */}
#registration-new #registerUserMenu2 .userBtn > div {text-align: left; margin-left: 10px;}
#registration-new #registerUserMenu2 .userBtn > div > h5 {margin: 0 0 2px 0; color:#323B5A; font-size: 11px; font-weight: 600;}
#registration-new #registerUserMenu2 .userBtn > div > p {margin: 0; color:#888FA9; font-size: 10px;}
#registration-new #registerUserMenu2 .userBtn.act2 {  border: 1.5px solid var(--primary-color); position: relative;}
#registration-new #registerUserMenu2 .userBtn.smallBtn{height: 100px;}

#registration-new #registerUserMenu3 {/* display: flex; */}
#registration-new #registerUserMenu3 .userBtn {display: flex; align-items: center; border: 1px solid #E2E8F3; border-radius: 6px; margin-right: 10px; background-color: var(--fifth-primary-color); padding: 10px; height: 150px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.16) 0px 3px 6px; position: relative;}
#registration-new #registerUserMenu3 .userBtn > img {/* width: 30px; */}
#registration-new #registerUserMenu3 .userBtn > div {text-align: left; margin-left: 10px;}
#registration-new #registerUserMenu3 .userBtn > div > h5 {margin: 0 0 2px 0; color:#323B5A; font-size: 11px; font-weight: 600;}
#registration-new #registerUserMenu3 .userBtn > div > p {margin: 0; color:#888FA9; font-size: 10px;}
#registration-new #registerUserMenu3 .userBtn.act3 { border: 1.5px solid var(--primary-color); position: relative;}

#registration-new #registerUserMenu4 {/* display: flex; */}
#registration-new #registerUserMenu4 .userBtn {display: flex; align-items: center; background-color: var(--fifth-primary-color); border: 1px solid #E2E8F3; border-radius: 6px; padding: 10px; height: 150px; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.16) 0px 3px 6px; position: relative;}
#registration-new #registerUserMenu4 .userBtn > img {/* width: 30px; */}
#registration-new #registerUserMenu4 .userBtn > div {text-align: left; margin-left: 10px;}
#registration-new #registerUserMenu4 .userBtn > div > h5 {margin: 0 0 2px 0; color:var(--primary-color); font-size: 11px; font-weight: 600;}
#registration-new #registerUserMenu4 .userBtn > div > p {margin: 0; color:#888FA9; font-size: 10px;}
#registration-new #registerUserMenu4 .userBtn.act4 { border: 1.5px solid var(--primary-color); position: relative;}

#registration-new #registerUserMenu1 .userBtn::before, #registration-new #registerUserMenu4 .userBtn::before, 
#registration-new #registerUserMenu3 .userBtn::before, #registration-new #registerUserMenu2 .userBtn::before{content: '\276F';
    position: absolute;
    z-index: 999;
    right: 10px;
    bottom: 10px;
    background: var(--white-color);
    border: .6em solid var(--white-color);
    border-radius: 50%;
    height: 1.5em;
    width: 1.5em;
    color: var(--fifth-primary-color);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;}
#registration-new #registerUserMenu3 .userBtn::before, #registration-new #registerUserMenu2 .userBtn.smallBtn::before{
 	bottom: 35px;
}
#registration-new #registerUserMenu1 .userBtn.act1::before, #registration-new #registerUserMenu2 .userBtn.act2::before, 
#registration-new #registerUserMenu3 .userBtn.act3::before, #registration-new #registerUserMenu4 .userBtn.act4::before{
    background: var(--primary-color);
    border: .6em solid var(--primary-color);}
#registration-new #registerUserMenu1 .userBtn:last-child {margin-right: 0 !important;}
#registration-new #registerUserMenu2 .userBtn:last-child {margin-right: 0 !important;}
#registration-new #registerUserMenu3 .userBtn:last-child {margin-right: 0 !important;}
#registration-new #registerUserMenu4 .userBtn:last-child {margin-right: 0 !important;}

#registration-new .userBtn {width: 100%; padding: 15px !important;}

#registration-new .userBtn > div > h5 {font-size: 16px !important; font-weight: bold !important;}
#registration-new .userBtn > div > p {font-size: 9px !important; color: #787e95 !important;}
#registration-new .userBtn > div {margin-left: 15px !important;}

#registration-new .form-control {border: 1px solid #E9EAE7; background:var(--white-color); box-sizing: border-box; border-radius: 5px; box-shadow: none; height: 35px; color: #323B5A; font-size: 12px; font-weight: 600; margin: 0; width: 100%;}
#registration-new select.form-control {background: #fff url(/../register_app/img/arrow-down.svg) no-repeat; background-position-x: 0; background-position-y: 0; background-position: center right 10px!important; appearance: none; -webkit-appearance: none;}
#registration-new .input-effect {position: relative; margin-bottom: 30px;}
#registration-new .input-effect label {position: absolute; left: 0; top: -15px; color: var(--primary-color); font-size: 10px; font-weight: 400; padding: 0 5px; background: var(--fifth-primary-color);}
#registration-new .input-effect label > span {font-size: 9px; color:#D62D69;}
#registration-new .user-form-wrap .col-md-3, #registration-new .user-form-wrap .col-md-6 {padding: 0 12px !important;}
#registration-new .user-form-wrap .mt30 {margin-top: 25px;}
#registration-new .user-form-wrap h2 {color: var(--primary-color); font-size: 12px; font-weight: 600; margin: 0 0 18px 0;}
#registration-new .user-menu-wrap {padding-bottom: 15px;}
#registration-new .b-top {border-top: 1px dashed #ccc; padding-top: 15px;}
#registration-new input[type=checkbox]:focus {outline: 0;}
#registration-new .inline-check {display: flex; align-items: center;}
#registration-new .inline-check > label {font-size: 11px; display: flex; align-items: center; margin: 0 0 0 10px; color:#717378;}
#registration-new .inline-check > label > a {font-size: 11px; color:#323B5A; font-weight: 600; margin: 0 0 0 5px;}
#registration-new .inline-check > input {margin: 0; width: 15px !important; height: 15px !important; border-radius: 2px !important;}
#registration-new input[type=checkbox]:not(.switch):after {left: 4px; top:1px;}
#registration-new .submit-btn {background: var(--primary-color); border-radius: 6px; color: var(--white-color); padding: 9px 12px; min-width: 100px; font-weight: 500; font-size: 14px;}
#registration-new .p-relative {position: relative;}
#registration-new .form-group > .dGst {color: #323B5A; font-size: 9px; position: relative; bottom: -4px; display: inline-block; border-bottom: 1px solid #ccc; float: right; cursor: pointer; font-weight: 600;}
#registration-new span.gst-icon {position: absolute; width: 20px; height: 20px; border-radius: 50%; z-index: 1; right: 10px; top: 8px; display: flex; align-items: center; justify-content: center; font-size: 13px;}
#registration-new span.gst-check {background-color: #DCFFE6; color:#00CC3D;}
#registration-new span.gst-failed {background-color: #FFE8F0; color:#D62D69;}
div#registration {height: calc(100vh - 0px) !important;}
.navbar .container {width: 100% !important; max-width: 100% !important;}
.tab-wrap {display: flex; width: 100%;}
a.eye-btn2 svg {width: 18px;}

.lighttext{color: #fff;}
.findLoadB.lighttext:focus, .findLoadB.lighttext:hover {color: #d7d4d4;}
.input-effect, #track-now .form-group{position: relative;}
.input-effect label, #track-now .form-group label{position: absolute; left: 10px; top: -6px; color: #323B5A; font-size: 10px; font-weight: 400; padding: 0px 5px;}
#track-now .input-effect .input, #track-now .form-group .input{border: 1px solid #E9EAE7; box-sizing: border-box; border-radius: 8px; box-shadow: none; height: 35px; color: #323B5A; font-size: 12px; font-weight: 600; margin: 0;}
#track-now .input-effect.mb0{margin-bottom: 0;}
#track-now button svg { width: 16px; margin-right: 0;}
#track-now .justify{display: flex; align-items: center;}

#nFormModal .display .justifyCenter{display: flex; justify-content:center;}#nFormModal img.size{height: 300px; width: auto;}#nFormModal .t-black{color:#323B5A;}
 button:focus{outline: 0 auto -webkit-focus-ring-color !important;}
 body .text-primary{color: var(--primary-color) !important;}.foot-contact-details .bi::before, .social-media .bi::before{margin-right: 0; font-size: 22px;}
 
 /***** insurance start css */
 .input-effect label {
    position: absolute;
    left: 10px;
    top: -6px;
    color: var(--primary-color);
    font-size: 10px;
    font-weight: 400;
    padding: 0px 5px;
    background: var(--white-color);
}
.form-group .form-control {
    border: 1.5px solid #0F2541;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: none;
    height: 37px;
    color: var(--primary-color);
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    width: 100%; 
    /* background: var(--fifth-primary-color); */
}
.input-effect {
    position: relative;
    margin-bottom: 20px;
}
.basic_info {
    width: 100%;
    left: auto;
}
 .input-effect label span{
 	font-size: 10px;
 }
 .form-control[disabled], fieldset[disabled] .form-control {
    background-color: #f8f8f8 !important;
    opacity: 1;
}
.form-group .form-control:focus {
    border: 1px solid var(--primary-color);
    box-shadow: none;
}
.ins-checkBtn {
    background-color: var(--forth-primary-color);
    border: none;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-radius: 5px;
    height: 35px;
    cursor: pointer; 
}
.ins-checkBtn label {
    cursor: pointer;
    font-weight: 600;
}
input[type=checkbox] + label, input[type=radio] + label{color: var(--primary-color); font-size: 14px;}
.ins-checkBtn .chkIns, input[type=checkbox]:not(.switch) {
    margin: 0 !important;
    height: 20px !important;
    width: 20px !important;
}
.disclaimer {
    font-size: 9px; color: var(--primary-color);
}
p.clause{
	font-size: 11px;
    color: var(--primary-color);
}
input[type=checkbox]:not(.switch):after{ left: 7px; top: 1px;}
/***** insurance end css */
.bg-conmove-blue, div#search-results .result .stops::before{background-color: var(--primary-color);}
.text-conmove-blue{color: var(--primary-color);}
.poi-info-window a:link {
    color: var(--primary-color);
}
body .bg-primary, #track-now .traking-details{background: var(--primary-color) !important;}
.btn-post-load{border-radius: 6px;}
.btn-post-load button{background: var(--white-color); color: var(--primary-color); font-size: 11px;}
.open > .dropdown-menu {
    display: block;
}
.dropdown-menu {
	margin: 0 0 0 !important;
    display: none;
}
#defaultSpinner #spinner .spinner>div>div{background: var(--primary-color) !important;}
.form-group select.form-select option:hover, .form-group select.form-select option:not(:checked)  {
    background: #f0c674 !important;
    background-color: #f0c674 !important;
}
.custom-select:hover .options {
    display: block;
}
#track-now .traking-details:before{opacity: 0;}
#track-now .bg-conmove-gray-lighter{background: var(--white-color);}
.zoom-wrap-track.nav>li.active>a{background: var(--primary-color);}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type=checkbox]:checked, input[type=radio]:checked {
        --b: var(--primary-color);
        --bc: var(--primary-color);
        --d-o: .3s;
        --d-t: .6s;
        --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
    }
    input[type=checkbox]:hover:not(:checked):not(:disabled), input[type=radio]:hover:not(:checked):not(:disabled) {
        --bc: none;
    }
}
.sub-reg {background: var(--fifth-primary-color); padding: 15px; border-radius: 6px;}
.sub-register{background: var(--primary-color); border-radius: 6px; position: relative; text-align: center; display: flex;
    flex-direction: column;
    align-items: center;
    padding: 10px 6px;  width: 100px;}
.selectType::before {
	content: '\276F';
    position: absolute;
    z-index: 999;
    left: 5px;
    top: 5px;
    background: var(--white-color);
    border: .6em solid var(--white-color);
    border-radius: 50%;
    height: 1.3em;
    width: 1.3em;
    color: var(--fifth-primary-color);
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;  
}
.selectType.active::before {
	background: var(--forth-primary-color);
    border: .6em solid var(--forth-primary-color);
}
.sub-register p{font-size: 11px;}
.modeBTN {
    cursor: pointer;
    padding: 5px;
    margin: 0;
    border: 1px solid var(--primary-color);
    border-radius: 8px;
    font-weight: 300;
    background: var(--primary-color);
    color: var(--white-color);
    text-align: center;
    padding-top: 8px;
}
.modeBTN span{font-size: 12px;}
.btn-primary, .btn-outline-primary:hover {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: none !important;
}
@media (min-width: 992px) {.modal-dialog.modal-xl{max-width: 90%;} .modal-dialog.modal-md {max-width: 80%;} .modal-dialog.modal-sm, .modal-dialog.cus-modal {max-width: 600px;} .modal-dialog.modal-xxl{max-width: 90%; width: 100%;}
 .modal-dialog.modal-mid{max-width: 60%; width: 100%;} }
 .table td, .table th{ color: var(--primary-color); font-size: 11px; }
 .table thead th{border-bottom: 1px solid #dee2e6 !important;}
 .filterbar #search-results{height: 665px;  overflow-y: auto; overflow-x: hidden;}
 
.wrapper .selected-items-box { padding: 10px 14px; height: 35px !important; margin: 0 !important;}
.selected-items-box .items-list {
  list-style-type: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
.selected-items-box .items-list li {
  display: inline;
}
.wrapper .list {
    display: none;
}
.list .items-list {
  list-style-type: none;
  width: 72%;
  padding: 0;
  margin: 0;
}
.list .items-list li {
  margin: 0;
  width: 100%;
  padding: 0;
  border-bottom: solid 1px #C7C6C7;
  background-color: var(--white-color);
  display: flex;
  align-items: center;
} 
span.ddfont {
    font-size: 10px !important;
}
.wrapper .selected-items-box .dropdown-icon {
   font-size: 12px !important;
}
.saveRouts-List.list {display: block; max-height: 200px; z-index: 100; position: absolute; border: 1px solid #ccc; background: var(--white-color); border-radius: 5px; overflow: hidden; width: 91% !important;}
.saveRouts-List.list .items-list{list-style-type: none; width: 100%; padding: 0; margin: 0; height: 79px; overflow-y: auto;}
.saveRouts-List.list .items-list li {margin: 0;width: 100%;border-bottom: solid 1px #C7C6C7;padding: 3px;background-color: var(--white-color);display: flex;align-items: center;}
.saveRouts-List.list .items-list li input {margin: 0 5px !important;}
.saveRouts-List.list .items-list li input[type=checkbox]:not(.switch):after {
    left: 6px !important;
    top: 3px !important;
}