.navbar-light .navbar-toggler-icon {
	    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media only screen and (min-device-width: 768px) and (max-device-width: 991px){
	.login-wrap-img{background-position: top center;}
	a.eye-btn {
	    top: 18px;
	    transform: translateY(-50%);
	}
	#registration-new #registerUserMenu4 .userBtn > div > h5{
		font-size: 14px !important;
		margin-top: 7px !important;
	}
	.sub-register{justify-content: center;}
	.inner-ticketWrap{
		margin: 0;
	}
	.aibox-wrap{padding: 20px 15px !important;}
	.new-booking-wrap > li a.a-button{position: relative;right: 0;}
	.new-booking-wrap > li:last-child{margin-right: 0;}
	.new-booking-wrap > li p{padding: 0;}
	/*** Toggle menu (BoxMove) start css */
	.tabbable-panel .nav-tabs1{left: 0;}
	.tabbable-panel .nav-tabs1 li{position: unset;}
	.tabbable-panel .nav-tabs1 li:first-of-type.active::before{left: 20px;top: 18%;}
	.tabbable-panel .nav-tabs1 li:first-of-type::after{top: 3px;width: 64px;right: 0;}
	.tabbable-panel .nav-tabs1 li:last-of-type::after{display: none;}
	/*** Toggle menu (BoxMove) end css */
	
	.t-filters-wrap .from-control{
		padding: 0 8px; font-size: 9px;
	}
	.go-btn, .eb-yellow{
		width: 30px;
    	height: 30px;
        line-height: 30px;
        font-size: 9px;
	}
	.same-height-btn{
		font-size: 9px;
   		padding: 6px 10px;
	}
	.filter-wrap .nav-tabs > li > a, .filter-wrap .nav-tabs > li.active > a, .filter-wrap .nav-tabs>li.active>a:hover{padding: 0px 10px 0; font-size: 9px;}
	.filter-wrap .nav-tabs > li > a svg{width: 14px;}
	.modal .modal-dialog.modal-md{max-width: 90%;}.eb-yellow svg{width: 14px; height: 14px;}
	#deliveryPlansModal .schedule-delivery>li.size{width: 55px !important;height: 50px !important;}#deliveryPlansModal h6{font-size: 14px;}
	em.bi{margin-right: 6px;}.print-n-btn{padding: 2px 11px;}#BusinessManagement .billofleading > .row > div:nth-child(3){padding-right: 15px;}
	.dashboard-planning .ship-count{position: relative;}
	.calendor-wrap .planning-calender .datepickerClass + .dropdown-menu{width: 88.3%; left: 60px !important;}
	.locate-content-view{width: 100%;}.history-table{width: 100%;padding: 15px 15px 15px 115px;}
	#BusinessManagement .billofleading > .row > div:nth-child(2), #BusinessManagement .billofleading > .row > div:nth-child(3){padding-left: 15px;}
	.dashboard-planning .ship-count.h-100, .ship-count.h-100{height: 100% !important;}
	.white-box.ship-count.linkBook.freightBids.top-196{top:196px;}
	.freight-calender.calendor-wrap ul.dropdown-menu, .freight-calender.calendor-wrap ul.dropdown-menu table{width: 100% !important;}
	#jobInfo .freightRow{padding-right: 0;}
	
	/*** BoxYard start css */
	.filter-wrap .nav-tabs{justify-content: center;}
	.modal-dialog {max-width: 700px;}
	
	/*** (BoxYard) --> Rail CSS start  */
	.railTrackMap.locate-content-view {width: auto; height: auto; position: sticky; float: none;}
	.locate-map-view{margin-left: 7rem !important; width: 87% !important;}
	.locate-map-view{height: calc(100vh - 275px);}
	.locate-map-view .map-manage {height: calc(100vh - 270px);}
	.mt-tab-3{margin-top: 3rem;}
	.add-new{width: 30px; height: 30px;}
	.t-filters-wrap > ul > li.icon-wrap{margin-left: 0px;}
	.label1-load {margin-left: -75px !important;}
	.train-con-count > li{height:35px;}
	.lpBtn em.bi {margin-left: 5px;}
	
	/*** (BoxYard) --> Rail CSS End */
	
	/*** (BoxYard) --> WMS CSS Start */
	.eb-yellow, .ib-green {width: 30px; height: 30px;}
	.eb-yellow svg, .ib-green svg {width: 16px;}
	.wmsRcpt > table {width: 700px !important;}
	ul.newPostwrap li:first-child{position: relative;top: 0;left: 0;}
	.right-sidebar-modal{padding-left: 100px;overflow: auto;}
	ul.newPostwrap li:first-child{position: relative;top: 0;left: 0;}
	ul.saveRouts-wrap > li:nth-child(2), ul.saveRouts-wrap > li:nth-child(3),.container-add>span:nth-child(1){width: 100%;}
	.serch-fleet-btn{font-size: 11px;}.i-agree {margin-left: 0 !important;}#search-detail-modal-wrap .signle-item{width: calc(100% / 8 + 20px);}
	.new-box-two, .new-box-two .new-box-content,.new-box-one, .new-box-content{width: 100%;}.all-col > .match-icon{height: 35px;}
	/*** (BoxYard) --> WMS CSS End */
	
	/*** (BoxYard) --> Auction CSS Starts */
	.iconcssdoc {bottom: 48% !important; padding-left: 50px !important;}
	.docTabFont{font-size: 7px;}
	.eir-front-back>.file-input>.file-preview {width: 100% !important;}
	.upload-control a {margin-left: 30px;}
	/***  Auction CSS End */
	
	/*** (BoxYard) --> E-Carting CSS Starts */
	.scanleft {left: 165px !important;}
	
	/*** (BoxYard) --> E-Carting CSS End */
	.m-width-80{max-width: 80px;}.search-list-warap .list-two p:nth-child(1){width: 100px;}
	.next-setup-w2{left: -20px;}
	
	/*** (BoxYard) --> Export CSS Starts */
	.sury_img img {margin-left: 20px;}
	.exportLine { left: 0px !important;}
	.print-tb-width {width: 730px !important;}
	
	/*** (BoxYard) --> Gate CSS Starts */ 
	.yard-control-wrap > li.ycw-one {width:100%;}
	.yard-control-wrap > li.ycw-two {width: 730px;}
	.yard-control-assetTab > li {min-width: 130px;}
	.con-details-wrap {width: 100%;}
	li.yard-tabs-wrap {width: 100%;}
	.yard-wrap-all { width: 100%;}
	
	/*** (BoxYard) --> DashBoard CSS Starts */ 
	.main-table-view {width: 100%;}
	.side-table-view {width: 100%; margin-left:0px;}
	
	/***Users CSS Starts */ 
	.grid-box>li {width: 200px; margin:0 15px 20px 0 !important;}
	
	/***BoxYard->Menu CSS Starts */ 
	.form-wrap-inner {float: none; width: 100%;  padding-right: 0px;}
	.map-wrap-inner {width: 100%;}
	.r-TableWidth > table{width: 100% !important;}
	/* .tabbable-panel .nav-tabs1 li:last-of-type.active::before {left: 136px; top: 35%;} */
}
@media only screen and (min-device-width: 992px) and (max-device-width: 1024px){
	.dashboard-planning .ship-count.h-100, .ship-count.h-100{height: 100% !important;}
	.calendor-wrap ul.dropdown-menu, .calendor-wrap ul.dropdown-menu table, ul.saveRouts-wrap > li:nth-child(3){width: 100% !important;}
	.modal .modal-dialog.modal-md{max-width: 90%;}
	.input-effect{width: 100%; left: 0 !important;}
	.load-post-tab .nav-pills > li > a{text-align: center;}.right-sidebar-modal{padding-left: 100px;}
	.exchange-content-view{padding-left: 100px;}.search-list-warap .list-two p:nth-child(1){width: 100px;}
	.search-wrap-t { width: auto; }.post-fleet-btn { min-width: auto; font-size: 10px;}
	.search-list-warap .list-one .row p:nth-child(2){width: 100%;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.justify-content-evenly-custom { justify-content: flex-end !important; }
	.mtaching-content-view{height: auto;}
	.h-40{height: 40px; width: 40px;}.w-12{width: 30%;} 
	.print-section {width: auto !important;}
	.compareFields button.sLineSample{font-size: 9px !important;}
	.exm_go{display: block !important;}
	.exm_go, .exm_search{margin-top: 0; width: 100%;} .examination-wrap .search-wrap-t .table-search{min-width: 100%;width: 100%;}.exam_search{margin: 0;}
	.upload-box-wrap .upload-lable{min-height: auto; margin-top: 14px;}
}
@media only screen and (min-device-width: 1025px){
	.minTitleHeight .importDocList li .upload-lable span{min-height: 29px;}
}
.freight-calender.calendor-wrap ul.dropdown-menu, .freight-calender.calendor-wrap ul.dropdown-menu table{width: 100% !important;}
.freight-calender.calendor-wrap .datepickerClass + .dropdown-menu{
	 left: 44px !important; border-radius: 0 0 6px 6px; top: 24px !important;
}
.freight-calender.calendor-wrap .datepickerClass + .dropdown-menu table{border-radius: 0 0 6px 6px; width: 100%;}
.freight-calender .white-box{border-radius: 6px 6px 0 0;}
.freight-calender.calendor-wrap ul.date-list>li{margin-bottom: 8px;}
ul.newPostwrap li:first-child{position: relative;top: 0;left: 0; width: 100%;}
.sidebar-modal-head ul > li:last-child{width: 100%; text-align: right; display: flex; justify-content: end;}
.justify-content-evenly-custom { justify-content: space-evenly; }.post-fleet-btn {display: inline-flex;}
.pb-xl-13{padding-bottom: 13px;}.modalYScroll .modal-dialog .modal-body{max-height: 90vh; overflow-y: auto;}