/*Booking Page Css (line 440)*/ 

div#notinprogress,span.order100{display:block;text-align:center}
#orderhistory{padding:105px 0 50px;background:#f3f3f3}
section#orderhistory h2{font-size:44px;margin:0;color:#4175ab}
.orderlistingbox{background:#fff;min-height:188px;border:1px solid #d1d1d1;border-radius:6px;margin-bottom:48px;display:flex}
.orderlistingbox .col-lg-4,.orderlistingbox .col-lg-8{padding:0}
.orderlistingbox .col-lg-8{padding-top:10px;padding-left:25px}
.or_id p{color:#9f9f9f;font-size:16px;line-height:18px;margin:0}
.or_duration p{font-size:15px;color:#a19b9b;margin:0}
.or_duration{clear:both;float:right;margin-bottom:4px;padding:0 15px}
.ordericon,.ordericontxt{width:50%;float:left;text-align:center}
.ordericontxt h3{font-size:26px;line-height:30px;color:#4175ab;margin:0;text-align:center}
.ordericontxt h4{font-size:18px;line-height:21px;color:#9f9f9f;margin:0;text-align:center}
span.order100{width:72px;background:#000;height:20px;border:none;border-radius:4px;margin:6px auto 0;font-size:12px;line-height:20px;color:#fff}
.ordericon img{filter:grayscale(1) brightness(.5)}
.orderbottom{padding:41px 0;display:flex}
.orderbottom .storage{box-shadow:0 1px 6px #00000029;padding:0 10px;display:flex}
.orderbottom .col-lg-3{padding:0 10px}
p.inprogress{color:#0a9e2c;font-size:14px;font-weight:500;margin:0;position:absolute;bottom:-25px;left:0;text-transform:uppercase}
.storage .bstright{width:35%}
.storage .bstleft{width:65%}
.orderbottomduration{align-items:center}
.bookinginprogress,.orderprice{align-items:center;display:flex}
.durationbtn a{background:#636363;color:#fff;padding:15px 20px;box-shadow:0 0 10px #0000001A;border-radius:4px;border:1px solid #636363}
.durationbtn{width:35%;padding-top:19px}
.orderprice{margin:0;border:1px solid #4175ab;padding:10px;border-radius:5px}
.opriceleft h3{color:#434242;font-size:23px;line-height:26px;font-weight:500;margin:0}
.opriceleft h4{font-size:14px;color:#8b8b8b;margin:0}
.opriceright h5{font-size:30px;color:#4175ab;margin:0}
.opriceleft{text-align:left;margin-right:20px}
.durationbtn a:hover{color:#636363!important;background:#fff!important}
.orderlisting{padding:52px 0 0}
div#bookingprice{padding:0;width:100%;box-shadow:0 1px 6px #00000029;display:flex}
div#bookingprice .opriceleft,div#bookingprice .opriceright{padding:2.1px 0}
div#bookingprice .opriceleft{padding-left:10px}
div#bookingprice h5{font-weight:600;font-size:42px}
.bookinginprogress{width:141px;height:45px;background:no-repeat padding-box #05bb36;border-radius:0 0 6px 6px;float:right;justify-content:center}
.bookinginprogress p{font-size:16px;line-height:18px;color:#fff;margin:0}
.bookingpg .or_duration{margin-top:unset!important}
.bookinglistingauthor{text-align:right;display:flex;padding-right:25px;align-items:center}
.authorleft h3{font-size:20px;line-height:22px;color:#4175ab;margin:0}
.authorleft h4{font-size:15px;line-height:22px;color:#636363;margin:0}
.bookingpg{display:flex;flex-flow:column;justify-content:space-between!important;align-items:flex-end}
.authorimg img{width:86px;height:86px;object-fit:cover;border-radius:100%}
div#bookinglisting{min-height:245px}.authorleft{padding-right:15px}
div#bookinglisting .orderbottom{padding:65px 0}
div#notinprogress{padding-top:20px}
.order-sec{background-color:#fff;margin-bottom:30px;border:1px solid #d1d1d1;border-radius:5px;position:relative;float:left;width:100%;display:flex;align-items:center;
	min-height:165px;padding:0 30px}
.order-title,.storage-box{align-items:center;display:flex}
.sh_orid{position:absolute;top:10px;left:25px}
.inner-storage,.order-title{position:relative;float:left}
.order-title{width:20%}
.ordericon-sec{float:left;width:70px;height:70px}
.warehouse-name h3{font-size:20px;color:#4175ab;margin:0}
.storage-box{float:left;width:60%}
.inner-storage{padding:10px;margin-right:15px;width:100%;border:1px solid #4175ab;border-radius:5px}
.inner-storage p.inprogress{font-size:15px;color:#0a9e2c;margin:0;text-align:left;padding:0}
.inner-storage span{font-size:13px;color:#8b8b8b}
.inner-storage p{margin:0;line-height:inherit;font-size:18px;color:#4175ab}
.inner-storage span.coltext{position:absolute;top:0;right:10px;height:100%;display:flex;font-size:28px;align-items:center;color:#4175ab}
.status{box-shadow:none}.warehouse-name{float:left;margin-left:19px;text-transform:uppercase}
.orderbottomduration .custom-btn{background-color:#4175ab;width:auto!important;padding:13px 60px!important;color:#fff;border-radius:7px}
.warehouse-edit-sec{margin-bottom:10px;padding:20px 40px}
.or_duration p span{color:#4175ab;font-size:14px;font-weight:600}
.view-img-overlay img{position:absolute;top:0;left:0;right:0;width:100%;height:100%}
.empty-img img{height:auto;width:auto;margin:auto;bottom:34px}




/*My Warehouse Page Css (Line 545)*/

#orderhistory{padding:105px 0 50px;background:#f3f3f3}
.orderlistingbox{background:#fff;min-height:188px;border:1px solid #d1d1d1;border-radius:6px;margin-bottom:48px;display:flex}
.orderlistingbox .col-lg-4,.orderlistingbox .col-lg-8{padding:0}
.orderlistingbox .col-lg-8{padding-top:10px;padding-left:25px}
.accountpghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.accountpghead i{font-size:20px;padding-right:5px}
section#orderhistory h2{font-size:44px;margin:0;color:#4175ab}
a.backbtn,a.backbtnn{font-size:25px;margin:0;color:#4175ab}
.search_area input{width:100%;padding:15px;text-transform:capitalize;font-size:16px;display:inline-block}
.search_area input[type=submit]{position:absolute;right:15px;width:auto;line-height:inherit;height:auto;padding:15px 40px;color:#000;font-weight:700}
.warehouse-edit-sec{margin-bottom:10px;padding:20px 40px}
.sh_order_title{width:100%}
.sh_storage_box .inner-storage{padding:0;margin:0!important}
.warehouse_status{border:none}.sh_storage_box{width:100%;height:100%}
.sh_storage_box .inner-storage .inprogress{left:0;position:relative;bottom:0}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {overflow: hidden; color: black;}
.sperdds{padding: 230px 120px 0px 120px!important}
.mb-20{margin-bottom: 30px;}
.btn-spc-20{margin: 0!important;padding: 10px 0!important;}
.booking-area{padding: 20px 30px; border-radius: 10px; box-shadow: 0px 4px 10px -2px #999; margin-top: 60px!important;}

.sperdds input, .sperdds select{color: #000!important; border-color: #000!important}
.sperdds input::placeholder, .sperdds select::placeholder{color: #000!important}
.sperdds h5{color: #000; margin-bottom: 30px; font-size: 28px; font-weight: 600; text-align: center;}
.sperdds #datepicker-1{color: #000!important}
.sperdds .gj-datepicker{border: 1px solid #000; border-radius: 8px;}
.sperdds .gj-datepicker [role=right-icon] button i{color: #000}
.sperdds .bs-placeholder{border-color: #000!important; color: #000!important; outline: none;}
.sperdds .filter-option-inner-inner{color: #000!important;outline: none;font-weight: 400; padding-left: 15px;}
.sperdds .warehouse_storage button::after, .sperdds .warehouse_carrier button::after, .sperdds .amenities button::after{border: 0; background-image: url(../../dist/images/arr.png)!important;
 width: 20px; height: 20px; position: absolute; top: 14px; right: 10px; background-repeat: repeat;}
.sperdds .warehouseSearchBtn{background: none;color: #000; border-color: #000}
.sperdds .warehouseSearchBtn:hover{background-color: #4175AB; color: #fff; border-color: #4175AB;}
.sperdds2{padding: 0px 120px 0px 120px!important;margin-top: -70px;}
.sperdds2 .scroll-bar{height: 999px; scroll-behavior: smooth;}


#mCSB_1_container{padding:0 10px}
.booking-card{border-bottom: 1px solid #ddd; margin: 0 0 25px 0; box-shadow: 0px 3px 10px 0px #ddd;}
.werTitle a{font-size: 28px; color: #333; font-weight: 500; margin-bottom: 20px;}

.wareCardRent h4{font-size: 18px; font-weight: 700;}
.wareCardRent span{font-size: 16px; font-weight: 600; margin-bottom: 10px}
.wareCardRent p{font-size: 14px;}

.wareCardOut h4{font-size: 18px; font-weight: 700;}
.wareCardOut span{font-size: 16px; font-weight: 600; margin-bottom: 10px}
.wareCardOut p{font-size: 14px;}

.tagRedWare{right: 15px!important; top: 0}

.wareCardArea h4{font-size: 18px; font-weight: 700;}
.wareCardArea p{font-size: 16px;}

.wareCardSize p{font-size: 14px; margin-top: 10px;}

.bottomBtnMod1, .bottomBtnMod2{text-align: center; display: inline-block;}
.bottomBtnMod1 button{background: none; border: 2px solid #666; border-radius: 8px; padding: 8px 10px; display: inline-flex; line-height: 20px;font-size: 14px; font-weight: 600;
	text-transform: capitalize;margin-right: 10px; margin-bottom: 20px;}
.bottomBtnMod1 button img{width: 22px; margin-right: 5px}

.bottomBtnMod2 button{background: none; border: 2px solid #666; border-radius: 8px; padding: 8px 10px; display: inline-flex; line-height: 20px;font-size: 14px; font-weight: 600;
	text-transform: capitalize;}
.bottomBtnMod2 button img{width: 22px;margin-right: 5px}
.mr-30{margin-bottom: 30px;}




/*scrollbar css*/

.mCSB_scrollTools{width: 4px!important}
.booking-area .tag{right: 0!important; box-shadow: 5px 5px 10px -3px #ddd;}
.booking-area .top button{border-left: 1px solid; border-top: 1px solid}







/*profile Edit page Css (line) */

.profile-banner{background: url(../../dist/images/book-banner.png) no-repeat; background-size: cover; padding: 150px 110px 180px 180px; position: relative; 
	background-color: #0000006b; background-blend-mode: color;}
.addwarehouseformm .fieldrow select,.fieldrow label{text-transform:capitalize;font-size:16px;font-style:italic;color:#fff}
section#addwarehouse h2{font-size:42px;color:#fff;font-weight:800;margin:0}
.addwarehouseformm{padding:20px 0}
.addwarehouseformm .fieldrow{margin-bottom:22px;display:flex}
.edit-profile{margin-bottom:0!important}
.edit-profile label{height:auto;margin-top:18px;margin-bottom:15px;font-weight:700;color:#fff}
.fieldrow label{margin-bottom:12px;font-weight:700}
.addwarehouseformm input[type=password],.addwarehouseformm input[type=tel],.addwarehouseformm input[type=text],.addwarehouseformm select{background:0 0;color:#fff;
	border:1px solid #fff;border-radius:8px;width:100%;display:block;height:50px;font-size:16px;line-height:23px;padding:0 10px;appearance:none;-webkit-appearance:none;outline:0}
select.form-control:not([size]):not([multiple]){height:calc(2.25rem + 2px)}
.addwarehouseformm .fieldrow select{height:50px!important;line-height:50px;border-radius:8px;padding:0 10px;font-weight:300;appearance:none;-webkit-appearance:none;background:0 0;
	background-image:url(../../dist/images/ar.png)!important;background-position:95% 17px!important;background-repeat:no-repeat!important;margin:0 0 15px}
.addwarehouseformm .fieldrow select option{background-color:#292929}
.addwarehouseformm .fieldrow select:focus{border-color:#fff}
.iti{position:relative;display:inline-block;width:100%;margin:0}
.hide{display:none}
.addwarehouseformm .fieldrow input[type=submit]{height:55px;width:100%;color:#fff;background:no-repeat padding-box #fff;box-shadow:0 0 6px #00000029;border-radius:7px;
	font-size:22px;line-height:28px;margin:30px 0 0;letter-spacing:0;border:1px solid #fff}


.borDeslest{border: 1px solid #fff; border-radius: 8px; padding: 30px; backdrop-filter: blur(20px);}
.light-btn{background: transparent; border: 1px solid #fff; border-radius: 8px; color: #fff; font-size: 16px; font-weight: 600; margin-top: 50px; height: 50px;}
.light-btn:hover{background-color: #4175ab; border-color: #4175ab;}
.countrycodeselect .iti__arrow{border-top-color: #fff;}
.countrycodeselect .iti__arrow--up{border-bottom-color: #fff}
.accountpghead2 {justify-content: space-between; align-items: center; margin-bottom: 20px; margin-top: 150px;}
.accountpghead2 span{color: #fff}
.accountpghead2 i {font-size: 20px; padding-right: 5px; color: #fff}
.emTpsl{color: #fff; border: 1px solid #fff; backdrop-filter: blur(20px); padding: 10px; display: block; border-radius: 8px; margin-bottom: 15px; text-transform: lowercase!important;}




/*change Password Page Css */

.changePassword-banner{background: url(../../dist/images/book-banner.png) no-repeat; background-size: cover; padding: 180px 110px 180px 180px; position: relative; background-color: #0000006b;
    background-blend-mode: color;}
.showpasss {position: relative;}
.showpasss span{position: absolute; right: 15px; top: -20px; font-size: 18px; color: #fff; bottom: 0; margin: auto; display: flex; align-items: center;}
.changePasspghead h2{font-size: 42px; color: #fff; font-weight: 800; margin: 0;}
.changePasspghead a{color: #fff; font-size: 18px; margin: 10px 0;}
.changePasspghead ul{list-style: none;}
.changePasspghead ul li{ display: inline-block; }
.changePasspghead ul li a{font-size: 22px; color: #fff; margin: 20px 10px;}
.addChangePasswordForm{backdrop-filter: blur(20px); padding: 40px 40px 20px 40px; border: 1px solid #fff; border-radius: 30px; position: relative;}
.addChangePasswordForm input::placeholder{color: #fff}
.addChangePasswordForm input[type=text], .addChangePasswordForm input[type=password]{margin-bottom: 20px!important;}
.subBtnChngPass{border: 1px solid #fff; background: none; color: #fff; border-radius: 10px; display: block; width: 100%; height: 50px;}
.subBtnChngPass:hover{background-color: #4175ab; border-color:#4175ab; }

@media screen and (max-width: 1280px){
	.changePassword-banner{padding: 100px 15px 80px 15px;}
	.banner-form.signUp-banner{padding: 0; margin: 0;}
	.addChangePasswordForm{padding: 25px 10px;}
}



/*Order History page Css*/

.contPadd{padding: 0 100px}
.order-history-sec32{background-color: #fff; margin-bottom: 30px; border: 1px solid #d1d1d1; border-radius: 5px; align-items: center; min-height: 170px; padding: 0 32px;}
.or_duration_head{text-align: right; padding-right: 20px; margin-bottom: 5px;}
.or_duration_head p span {color: #4175ab; font-size: 14px; font-weight: 600;}
.or_duration_head p {font-size: 15px; color: #a19b9b; margin: 0;}
.ord-his-hd p{margin:0; margin-top: 10px;}
.ordericon-sec32{text-align: center; float: left;}
.ordericon-sec32 img{width: 70px; height: 70px;}
p.inprogressP {color: #0a9e2c; font-size: 14px; font-weight: 500; margin: 0; position: absolute; bottom: -30px; left: 18px; text-transform: uppercase;}
.flex-box {margin: 0;}
.apply_transaction_id {margin: 0!important;}
.orderTransactionInput{margin: 0;outline: none; border: 1px solid #4175ab; border-radius: 5px!important;padding:26px 15px!important; font-size: 16px; margin-right: -4px;width: 100%;
	position: relative;}
.orderTransactionBtn{border: 1px solid #4175ab; border-radius: 0 5px 5px 0; font-size: 16px; font-weight: 600; padding: 18px 0px;display: initial; position: absolute;top: 0; right:15px;
	text-align: center;width: 25%;}
.inner-storage32{position: relative;margin-right: 15px; width: 100%;}
.orderprice32{display:block; border: 1px solid #4175ab; padding: 17px 10px; border-radius: 5px;}
.opriceleft1{display: inline-block; text-align: left;}
.opriceright2{display: inline-block; text-align: right; float: right;}
.opriceleft1 h3{color: #4175ab; font-size: 18px; line-height: inherit; margin: 0;}
.opriceright2 h5{font-size: 28px; color: #4175ab; margin: 0; line-height: 15px;}
.mr-8{margin-bottom: 10px;}



/*Favorite Page css*/

.gj-datepicker [role=right-icon]{top: 12px;}
.favroiteModalHD .modal-title{color: #fff; text-transform: capitalize;}
.favBtns23{border:1px solid #fff!important; display: inline-block; border-radius: 5px; color: #fff; font-size: 16px; font-weight: 600; height: 40px; line-height: 0px;
	text-align: center; padding: 10px 20px; margin-bottom: 5px; margin-top: 5px; background: none!important;}
.favBtns23:hover{background-color: #4175ab!important; color: #fff; box-shadow: 0px 5px 10px 0px #ddd}
#requestsubmission h2{color: #fff; font-size: 20px; text-align: center;}
#requestsubmission p{color: #fff; font-size: 16px; text-align: center; margin-top: 10px}


/*Quotation Page css*/

.coupon_code_text {display: block; text-align: center; font-size: 15px; text-transform: uppercase;}
.coupon_code_text span {font-weight: 700;color: #4175AB;}
.mtr-5{margin-top: 40px;}
.favourite__box{float: right; margin-bottom: 4px;border: 1px solid #4175ab; padding: 8px; border-radius: 50px; margin-top: 10px;}
.opriceleft1 h4{font-size: 13px; color: #8b8b8b;line-height: inherit;}
.favBtns{border:1px solid #4175ab; display: inline-block; border-radius: 5px; color: #4175ab; font-size: 16px; font-weight: 600; height: 52px; line-height: 20px;
	text-align: center; padding: 15px 20px; margin-bottom: 5px; margin-top: 5px; background: none!important;}
.favBtns:hover{background-color: #4175ab!important; color: #fff; box-shadow: 0px 5px 10px 0px #ddd}
.favBtns52{border:1px solid #4175ab; display: inline-block; border-radius: 5px; color: #4175ab; font-size: 16px; font-weight: 600; height: 52px; line-height: 20px;
	text-align: center; padding: 15px 20px; background: none!important;}
.favBtns52:hover{background-color: #4175ab!important; color: #fff; box-shadow: 0px 5px 10px 0px #ddd}




/*order History Page Modal Popup css*/

.modal-title{font-size: 22px;}
.favBtns2{border:1px solid #4175ab; display: inline-block; border-radius: 5px; color: #4175ab; font-size: 16px; font-weight: 600; height: 40px; line-height: 20px;
	text-align: center; padding: 10px 20px; margin-bottom: 5px; margin-top: 5px; background: none!important;}
.favBtns2:hover{background-color: #4175ab!important; color: #fff; box-shadow: 0px 5px 10px 0px #ddd}
.starrating > input[type=radio] {display: none;}
.starrating > label:before {content: "\f005"; margin: 10px; font-size: 50px; font-family: FontAwesome; display: inline-block;}
.starrating > label{color: #888;}
.starrating > input:checked ~ label{ color: #ffca08 ; } 
.starrating > input:hover ~ label{ color: #ffca08 ;  } 
.modalRating{margin-bottom: 20px;}
.subMasgSucc{text-align: center; padding: 20px}
.subMasgSucc h2{font-size: 24px; color: green}
.subMasgSucc h2 i{font-size: 28px; color: green; margin-right: 10px; border: 1px solid green; border-radius: 100px; padding: 8px;}
.bg-colors-sd{backdrop-filter: blur(20px); background-color: #fff;}




/*request Page Modal Popup css*/
.req-modal1 h4, .req-modal1 h5{color: #fff}
.req-modal1 .pie_progress__number{color: #fff}
.req-modal1 .myBoxRent{background-color: transparent!important; color: #fff; border:2px solid #fff }
.req-modal1 .checkmark{border-color: #fff!important}
.req-modal1 .terms__condition__box a{color: #fff!important; line-height: 20px;}
.req-modal1 .book-check{color: #fff; font-size: 16px;}
.req-modal1 .blue a{text-decoration: underline!important;}
.req-modal1 .checkboximg{color: #fff}


/*Checkout page css*/

.custom-title {margin-bottom: 18px; display: flex; justify-content: space-between;}
.custom-title h2{margin: 0; font-size: 30px; color: #fff; font-weight: 600;}
.tabs__list {padding: 0; margin: 0; display: flex; justify-content: space-around; align-items: center; text-align: center;}
.tabs__list li.custom__active {background-color: #4175ab;}
.tabs__list li {background-color: #d6d6d6; width: 100%; clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 5% 50%, 0 0);}
.tabs__list li.custom__active a {color: #fff;}
.tabs__list li a {color: #636363; font-size: 16px; text-transform: uppercase; display: block; padding: 13px 0;}
.tabs__list li:last-child {margin-right: 0;}
.tabs__panel.custom__active {display: block;}
.tabs__panel .animate-box.active {margin-top: 0; opacity: 1;}
.tabs__panel .animate-box {opacity: 0; transition: .9s all!important; margin-top: 80px;}
.prefix__date .calendar-box:last-child,.storagecontent__inner .storagecontent:last-child{margin-right:0}
.checkout__date__box,.coupon_area,.discountcoupon{position:relative}
.checkoutleftcont{background-color:#fff;border-radius:0 0 8px 8px;margin-top:27px;display:flex;justify-content:space-between;padding:14px 37px 18px}
.booking__author__sec,.storagecontent__inner{flex-basis:50%;display:flex;align-items:center}
.author__figure__box{margin-right:38px}
.author__figure img{object-fit:cover;width:66px;height:66px}
span.author__warehoue{display:block;text-align:center;margin-top:9px}
span.author__warehoue a{font-size:13px;color:#4175ab; border-top: 1px solid #4175ab; border-bottom: 1px solid #4175ab; padding: 3px 0;}
.author__title__box h4{margin:0;font-size:20px;color:#636363;text-transform:uppercase;font-weight:500}
.author__title__box span{display:block;margin-top:6px}
.author__title__box span a{font-size:14px;color:#4175ab; border-top: 1px solid #4175ab; border-bottom: 1px solid #4175ab; padding: 3px 0;}
.author__title__box span a:hover{box-shadow: 0px 5px 10px -6px #999;}
.storagecontent{display:flex;justify-content:space-between;align-items:center;flex-basis:50%;border:1px solid #4175ab;padding:12px 20px;margin-right:40px}
.storagecontent h3{font-size:16px;color:#4175ab;font-weight:700;margin:0;line-height: inherit;}
.storagecontent .lft p{color:#8b8b8b;font-size:13px;margin:0;line-height: inherit;}
.rht{display:flex;align-items:center}
.payment__box{margin-top:11px;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;align-content:flex-start}
.discountcoupon__sec{flex-basis:60%;margin-right:18px}
.prefix__date{display:flex;width:100%;margin-bottom:8px}
.prefix__date .calendar-box{flex-basis:50%;margin-right:10px}
.discountcoupon label,.prefix__date .calendar-box label,.qty-box .qty label{text-transform:uppercase;font-size:12px;color:#dbdbdb;font-weight:700; margin-bottom:10px;}
.checkout__date__box .form-control{padding:25px 20px!important;font-size:14px;border-bottom:2px solid #4175ab;border-radius:5px}
span.calendar-icon{position:absolute;top:0;right:20px;bottom:0;margin:auto;display:flex;align-items:center}
.qty-box{display:flex;justify-content:space-between}
.qty-box .qty{flex-basis:50%}
.discountcoupon input,.qty-box .qty input{width:100%;font-size:15px;outline:0;padding:10px;line-height:initial;font-style:italic;border:1px solid #d6d6d6;border-radius:5px;height:auto}
.discountcoupon{align-items:center;border-radius:0 0 8px 8px;flex-basis:50%;margin-left:25px}
.coupon_area{width:100%}
span.coupon_error{text-align:center;display:block;font-weight:700;font-size:13px;position:absolute;right:32px;top:12px}
.discountcoupon .custom-btn{color:#fff;text-align:center;position:absolute;font-size:0;right:5px;bottom:0;margin:auto!important;background:url(../images/apply-coupon-btn.svg) no-repeat;
	width:25px!important;height:25px!important;top:0;padding:0!important}
.payment__box__sec{flex-basis:40%}
.discountbox{background-color:#fff;border:1px solid #dcdcdc;border-radius:0 5px 5px 0;margin-bottom:8px;padding:15px 30px}
.inner__price__sec{display:flex;align-items:center;justify-content:space-between}
.discountbox h4{margin:0;font-weight:700;color:#636363;font-size:18px}
.pricecolor{font-size:20px;color:#636363;font-weight:600;margin: 0}
.pricecolor strong{font-size:14px;font-weight:600;color:#4175ab}
.proceeed__btn{background-color: #4175ab; text-align: center; border-radius: 5px;}
.proceeed__btn a {font-size: 21px; color: #fff; text-transform: capitalize; display: block; padding: 17px 0;}
.tabs__panel{display: none;}
.thanks__message__box{display: block; text-align: center;}
.card__process__sec{justify-content: space-around; background-color: #fff; border: 1px solid #dcdcdc; border-radius: 0 0 8px 8px; margin-top: 10px; padding: 20px 0;}
.thanks__message__box h3 {font-size: 20px; text-transform: capitalize; color: #4175ab; line-height: 25px; padding-top: 24px;}
.thanks__message__box p {font-size: 17px; color: #000; margin-bottom: 12px;}
.thanks__message__box p.thanks__message {font-size: 16px;}
.order__links__rediect {font-size: 18px; font-weight: 600; text-decoration: underline!important; padding-top: 40px;}


/*modal css*/
.modal-dialog {max-width:550px ; top: 50%; left: 50%; transform: translate(-50%, -50%)!important; margin: 0;}
div#paymentsuccessmodal .modal-content {align-items: center; justify-content: center; display: flex;}
.modal-content {background-color: #000000a8; border-radius: 6px; padding: 20px;}
#requestsubmission .modal-body, #warehouseaddedmodal .modal-body, div#paymentsuccessmodal .modal-body {display: flex;flex-flow: column; align-items: center; justify-content: center}
div#paymentsuccessmodal h2 {margin-top: 39px; font-size: 37px; line-height: 42px; color: #000; font-weight: 700;}
div#paymentsuccessmodal h3 {color: #4175ab; font-size: 25px; line-height: 29px; font-weight: 400; margin: 0;}
.paymentgoback {width: 350px; height: 73px; background: #4175ab 0 0 no-repeat padding-box; box-shadow: 0 0 10px #0000001a; border-radius: 7px; border: 1px solid #4175ab; display: flex;
	align-items: center; justify-content: center; color: #fff; font-size: 20px; line-height: 24px; text-transform: uppercase; font-weight: 500; margin-top: 25px; margin: 25px auto 0;}
#facility__popup, #storageboxmodal {height: calc(100% - 60px); top: 60px;}
.facility__content {padding: 10px 30px 30px 30px; border: none; min-height: 500px; height: auto; max-height:600px; overflow: auto; overflow-x: hidden;}
.facility__content .modal-header {border: none;}
.facility__content .modal-header .close {z-index: 99; opacity: 1; color: #fff; top: 10px; right: 15px; font-size: 25px;}
.modal-header .close {opacity: 1; color: #888; font-size: 27px; top: 10px; position: absolute; right: 15px; height: auto; outline: 0;}
.facility__content .modal-body {padding: 10px; border: 2px solid #fff;}
.booknow__right__panel {backdrop-filter: blur(20px);}
.inner__service__list {padding: 20px 40px 20px; display: block;}
.top__header {align-items: center; justify-content: space-between; padding: 40px 40px 20px; border-bottom: 1px solid #fff; border-radius: 10px; box-shadow: 0px 2px 10px -2px #999;}
.top__header .searchrightheadings {border: none; padding: 0;}
.searchrightheadings {border-bottom: 1px solid #29517b; padding: 23px 35px;}
.inner__service__list .searchrightheadings h2 {margin-bottom: 10px;}
.searchrightheadings h2 {color: #fff; font-size: 24px; font-weight: 500; margin: 0; padding: 0; margin-bottom: 4px;}
.inner__service__list .searchrightheadings ul {padding: 0; margin: 0;}
.inner__service__list .searchrightheadings ul li {color: #fff; margin-bottom: 4px; font-size: 15px; list-style: none;}
.inner__service__list .searchrightheadings ul li span {float: right; font-weight: 600;}
.top__header .searchrightheadings h2 {font-weight: 500;}
.main-popup-sec .inner-popup-view .slick-prev{color: #fff; background: none; border: 1px solid #fff; padding: 4px 10px;}
.main-popup-sec .inner-popup-view .slick-next{color: #fff; background: none; border: 1px solid #fff; padding: 4px 10px; position: absolute; right: 0; top: 12px;}
.main-popup-sec .inner-popup-view .slick-dots{display: none!important;}
#requestsubmission h1{color: #fff; font-size: 26px;}
.request-modal button.close {z-index: 99; opacity: 1; color: #000; top: 20px; right: 21px; font-size: 25px;}
#quoteModal .modal-header .close, #quoteModal .modal-header .modal-title{color: #fff}





/*custom loader css*/

.row.cf {position: fixed;z-index: 99; background: rgba(255, 255, 255, .6); top: 0; left: 0; right: 0; margin: auto; height: 100%; width: 100%;}
.loader {position: absolute; top: 0;left: 0; right: 0; margin: auto; bottom: 0; display: flex; align-items: center; justify-content: center;}
#loader-4 span:nth-child(1) {animation: opacitychange 1s ease-in-out infinite;}
#loader-4 span:nth-child(2) {animation: opacitychange 1s ease-in-out .33s infinite;}
#loader-4 span:nth-child(3) {animation: opacitychange 1s ease-in-out .66s infinite;}
#loader-4 span {display: inline-block; width: 15px; height: 15px; border-radius: 100%; background-color: #949494; margin: 35px 5px; opacity: 0;}




/*image popup modal css*/

.main-popup-sec {position: fixed;top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 9; background-color: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden;}
.main-popup-sec-active {opacity: 1;visibility: visible;}
.inner-popup-view {position: absolute; top: 50%; left: 50%; width: 40%; background: #000000a6; transform: translate(-50%, -50%); padding: 20px;border-radius: 10px;
	border: 2px solid #fff;}
.close-btn{position: absolute; right: -12px; top: -12px; border-radius: 50%; font-size: 20px; padding: 5px 7px;}
.view-image-slide img {height: 360px; width: 100%; object-fit: contain; border-radius: 10px;}
.slider-nav {padding-top: 10px; border-top:1px solid #fff;}
.thumb-box {padding: 8px;}
.thumb-box img {width: 100%; border-radius: 5px; height: 125px; object-fit: cover;}
#slick-slide-control10{display: none;}





/*Custom Mobile css*/

@media (min-width: 1400px){
	.container {max-width: 1340px;}
}


@media screen and (min-width: 0) and (max-width: 391px){
	.mr-8{margin-bottom: 20px!important;}
	p.inprogressP{display: block; margin-bottom: 10px;}
	.order-title-img{margin-bottom: 50px;}
	.or_duration_head{text-align: left; margin-left: 5px;}
	.contPadd{padding: 0 10px;}
	.inner-storage span.coltext{font-size: 18px; top: -13px;}
	.opriceleft1 h3{font-size: 18px;}
	.opriceright2 h5{font-size: 18px; margin-top: -2px;}
	.mtr-5 {margin-top: 0!important}
	#orderhistory{padding: 50px 0!important;}
	.favBtns{display: block; width: 100%}
	.bookSearchArea{margin-top: 20px;}	
	.profile-banner{padding: 80px 0;}
	.accountpghead2{margin-top: 20px}
	.accountpghead2 a{margin-top: 20px;}
	
}



@media screen and (min-width: 392px) and (max-width: 991px){
	.mr-8{margin-bottom: 20px!important;}
	p.inprogressP{display: block; margin-bottom: 10px;}
	.order-title-img{margin-bottom: 50px;}
	.or_duration_head{text-align: left; margin-left: 5px;}
	.contPadd{padding: 0 10px}
	.mtr-5 {margin: 0}
	#orderhistory{padding: 50px 0!important;}
	.favBtns{display: block; width: 100%}
	.bookSearchArea{margin-top: 20px;}
	.profile-banner{padding: 80px 0;}
	.accountpghead2{margin-top: 20px}
	.accountpghead2 a{margin-top: 20px;}
}



@media screen and (min-width: 992px) and (max-width: 1052px){
	.faveMob{margin-top: -36px!important}
}



@media screen and (min-width: 992px) and (max-width: 1340px){
	.warehouse-name{margin-left: 10px;}
	.warehouse-name h3{font-size: 16px; line-height: 20px;}
}



@media screen and (min-width: 992px) and (max-width: 1400px){
	/*.mr-8{margin-bottom: 20px!important;}*/
	.inner-storage span.coltext{font-size: 18px; top: -13px;}
	.opriceleft1 h3{font-size: 18px;}
	.opriceright2 h5{font-size: 18px; margin-top: -2px;}
	.contPadd{padding: 0 20px}
}



@media screen and (min-width: 1401px) and (max-width: 1500px){
	.contPadd{padding: 0 20px;}
}


@media screen and (min-width: 0px) and (max-width: 767px){
	.tabs__list li a{font-size: 12px;}
	.booking__author__sec, .storagecontent__inner {display: block; width: 100%}
	.checkoutleftcont{display: block; text-align: center;}
	.author__figure__box { margin-right: 0;}
	.author__title__box{margin-bottom: 20px;}
	.storagecontent{display: block; width: 100%; text-align: center; margin-bottom: 20px;}
	.storagecontent .rht{display: block; margin: 10px 0;}
	.payment__box, .prefix__date, .qty-box .qty, .qty-box .qty, .qty-box{display: block; width: 100%}
	.discountcoupon__sec, .prefix__date .calendar-box{margin-right: 0;}
	.qty-box .qty, .qty-box .qty, .discountcoupon{flex-basis: 100%;}
	.discountcoupon{margin-left: 0;}
	.favBtns52{display: block;}
	.sperdds{padding: 80px 15px 0px 15px!important;}
	.request-modal .modal-dialog{max-width: 100%!important;}
	.inner-popup-view{width: 92%!important}
	.booking-area .bottom button img{display: none;}
	.booking-area .bottom ul li button{padding: 15px 0px; font-weight: 500;}
	.request-modal .modal-dialog{margin: 0;}
	p{text-align: justify!important;}

	.mobspacingDts{padding: 15px!important;}
	.sperdds2{padding: 0!important;}
	.cd-main-header{height: 55px!important;}
	.cd-logo{width: 100px}
	.mobsp-20{margin-bottom: 30px;}
	.booking-card .card-content{padding: 15px;}
	.tagRedWare{right: 0px!important; top: 0}
	.wareCardRent, .wareCardOut, .wareCardArea{margin-bottom: 15px;}
	.bottomBtnMod1, .bottomBtnMod2{width: 100%}
	.bottomBtnMod1 button, .bottomBtnMod2 button{width: 100%; justify-content: center; text-align: center;}

	
}

@media screen and (min-width: 768px) and (max-width: 991px){
	.sperdds{padding: 120px 100px 0px 100px!important}
	.mobspacingDts{padding: 15px!important;}
	.sperdds2{padding: 20px!important;}
	.cd-main-header{height: 55px!important;}
	.cd-logo{width: 100px}
	.mobsp-20{margin-bottom: 30px;}
	.booking-card .card-content{padding: 15px;}
	.tagRedWare{right: 0px!important; top: 0}
	.wareCardRent, .wareCardOut, .wareCardArea{margin-bottom: 15px;}

}

@media screen and (min-width: 992px) and (max-width: 1024px){
	.sperdds{padding: 80px 20px 0px 20px!important}
	.mobspacingDts{padding: 15px!important;}
	.sperdds2{padding: 20px!important;}
	.cd-main-header{height: 55px!important;}
	.cd-logo{width: 100px}
	.mobsp-20{margin-bottom: 30px;}
	.booking-card .card-content{padding: 15px;}
	.tagRedWare{right: 0px!important; top: 0}
	.wareCardRent, .wareCardOut, .wareCardArea{margin-bottom: 15px;}

}

@media screen and (min-width: 1025px) and (max-width: 1050px){
	.cd-main-header{height: 55px!important;}
}


@media screen and (min-width: 1025px) and (max-width: 1169px){
	.sperdds{padding: 80px 20px 0px 20px!important}
	.mobspacingDts{padding: 15px!important;}
	.sperdds2{padding: 20px!important;}
	/*.cd-main-header{height: 55px!important;}*/
	.cd-logo{width: 100px}
	.mobsp-20{margin-bottom: 30px;}
	.booking-card .card-content{padding: 15px;}
	.tagRedWare{right: 0px!important; top: 0}
	.wareCardRent, .wareCardOut, .wareCardArea{margin-bottom: 15px;}
}


@media screen and (min-width: 1170px) and (max-width: 1300px){
	.sperdds{padding: 150px 20px 0px 20px!important}
	.mobspacingDts{padding: 15px!important;}
	.sperdds2{padding: 20px!important;}
	.cd-logo{width: 100px}
	.mobsp-20{margin-bottom: 30px;}
	.booking-card .card-content{padding: 15px;}
	.tagRedWare{right: 0px!important; top: 0}
	.wareCardRent, .wareCardOut, .wareCardArea{margin-bottom: 15px;}
	.booking-area{margin-top: 0!important;}
}

@media screen and (min-width: 1301px) and (max-width: 1450px){
	.sperdds{padding: 150px 20px 0px 20px!important}
	.sperdds2{padding: 20px!important;}
}