body{ font-family:'din_alternatebold';}

.hideMe{
	display:none !important;
}
.for-before .four-zero-four{color:white;z-index: 1;margin: 8% auto;}
.for-before .c-white {
	color: white !important;
}
.admin-user-logo{
	height:48px;
	width:48px;
}
.color-fff{
	color:#fff !important;
}
.margin-top-0{
	margin-top:0px !important;
}
.action-btn-margin .btn{
	margin-top:5px;
}
.text-capitalize{
	text-transform:capitalize;
}

.collapsed .collapse-toggle-icon:before{
	content:"+" !important;
	transform: scale(1);
	font-weight:normal;	position: relative;
    right: 4px;
    top: -5px;
}


.collapse-toggle-icon:before{
	content:"_";
	transform: scale(1);
	font-weight:normal;
	position: relative;
    right: 5px;
	top: -15px;
}

.collapse-toggle-icon{
    font-size: 25px;
    font-weight: normal;
    position: relative;
    right: 4px;
    top: 0px;
    transition: all 0.3s ease 0s;
}
#cb-myuser-table_filter {
    visibility: hidden;
}
.btn-right-top-margin{
    right:25px !important;
    top:15px !important;
}
span.error {
    color: #fb6340;
    display: block;
    font-size: 100%;
    font-weight: normal;
    margin-top:.25rem;
}
td.dataTables_empty{
	text-align:center;
}
.ls-closed .navbar-brand{
	margin-left:20px !important;
}
.required{
	color: #b94a48;
}

h4.faq-action-btns a{
	display :inline-block !important;
}

h4.faq-action-btns .faq_actions{
	display :block !important;
	padding: 10px 0px !important;
}

h4.faq-action-btns .faq_actions i{
	cursor:pointer;
}

h4.faq-action-btns a:first-child{
	width:90% !important;
}

i.faq_action_edit:hover,i.faq_action_edit:focus{
	color:#2b542c !important;

}
i.faq_action_delete:hover,i.faq_action_edit:focus{
	color:#843534 !important;
}
td.break-url-string{
	max-width: 120px;
    overflow-wrap: break-word;
}

td.break-word-string{
    overflow-wrap: break-word;
}
.profileImage {
    border-radius: 100px;
    box-shadow: 0 2px 2px 0 #c2c2c2;
}
.width-100{
	width:100%;
}
.faq-no-record{
	margin-bottom: 0px !important;
}
.faq-main{
	padding-top: 13px;
}
.nl2br {
  white-space: pre-wrap;
}
.sidebar .user-info {
	height: 87px;
	padding: 0 15px 12px;
}
@media(min-width:768px){
	.edit-user-dob-error-span{
		position:relative !important;
		top:-35px !important;
		left:15px !important;
		word-wrap:break-word;
		display: inline-block !important;
	}
	.break_word {
		display: inline-block !important;
		word-wrap: break-word !important;
		max-width: 250px !important;
	}
}
@media(max-width:768px){
	.edit-user-dob-error-span{
		position:relative !important;
		top:-15px !important;
		left:15px !important;
		padding-right:6px !important;
		word-wrap:break-word;
		display: inline-block !important;
	}
}

.plan-type-search-box{
	box-shadow: none;
	border: none;
	font-size: 12px;
	border-bottom: 1px solid #ddd !important;
}
.plan-type-search-box .placeholder{
	color:#999 !important;
}
.user-profile-video{
	background-color:#232325;
}

.float-right{
	float:right;
}
.float-left{
	float:left;
}

.mb10{
	margin-bottom: 10px !important;
}

.mb20{
	margin-bottom: 20px;
}
.pb15{
	padding-bottom: 15px;
}

/*15-12-2017*/
.content .btn-group.open .dropdown-menu{right:0; left:auto;}
.card .header h2 {font-size: 16px;}

@media(max-width:767px){
.card .btn.bg-indigo.waves-effect {padding: 6px;font-size: 12px;}
.for-before .four-zero-four{color:white;z-index: 1;margin: -2% auto !important;}
}

/* 21-12-2017 */
.mul-lan-nav .active a {font-weight:600;}
.mt-20{margin-top:20px;}

.field-seperator hr{
	border-color:rgba(0, 150, 136, 0.6);
}
.pagination li.active a:focus,
.pagination li.active  a:hover {
    background-color: #5e72e4 !important;
    color: #fff;
    pointer-events: none;
   }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{color:#5e72e4;}

.pr-0{
	padding-right:0px !important;
}
.pl-0{
	padding-left:0px !important;
}
.mb0{
	margin-bottom:0px !important;
}
.ml-5{
	margin-left: 5px !important;
}
.faq-heading-row{
	margin:0px !important;
}
.faq-heading-row a{
	color:#fff !important;
}
.faq-heading-row .faq_actions{
	display:inline-flex !important;
	padding-right:0px !important;
}
.changePhoto{
	width:150px !important;
}
.image-input-file{
	display:none !important;
}

.mt--9	{
	margin:-9px;
}
.m-r-8 {
  margin-right: 8px;
}

.date-picker-error{
	margin-top:0px !important;
}

.b-b-0{
	border-bottom: 0px!important;
}

.border-none{
	border: none!important;
}
.bootstrap-tagsinput{
	height:34px;
	overflow-y:scroll;
	width:100%;
	padding: 0px;
}

.col-sm-12.disabled-variations {
  margin-bottom: -15px !important;
}
div.bootstrap-datetimepicker-widget .timepicker a.btn{
	box-shadow:none !important;
}

.option-html .addattribute .body .form-group {
  margin-bottom: 0;
}

div.country-code-mask .input-group span.error{
	margin-top:0px;
}
div.country-code-mask .input-group .input-group-addon{
	padding-top:10px;
	position:absolute;
	z-index:11;
}

div.country-code-mask .input-group input.form-control{
	padding-left:43px;
	padding-right:1px;
}
div.country-code-mask .input-group input.form-control#mobile_number{padding-left: 15px;}
.form-group .dropdown-toggle{
	padding-left:0px;
}

.resize-none{resize:none;}

.popover-content{
	max-height: 250px;
	overflow-y: scroll;
}
.popover-title{
	background-color: #E91E63 !important;
    color: #fff;
}

/* Switch ====================================== */
.switch.online label {
	font-weight: normal;
	font-size: 13px;
}
.switch.online label .lever {
	margin: 0 12px;
	background-color: rgba(244, 67, 54, 0.5);
}
.switch.online label .lever:after{
	background-color: #f44336;
}
.switch.online label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after {
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 150, 136, 0.1);
}
.switch.online.panel-switch-btn{
	right:0px !important;
	top :-18px;
}

.m-w-200{
	min-width:200px;
}
.full-length-header tr th{
	white-space: nowrap;
}
.margin-inherit{
	margin:inherit;
}
.padding-3{
	padding: 3px !important;
}

.min-height-inherit{
	min-height: inherit;
}

.p-t-5-0{
	padding:5px 0px !important;
}
.border-teal{
	border-color:#009688;
}
.fs12{
	font-size: 12px !important;
}

/* 404 page not found */
.four-zero-four {
    margin: 50px auto 0;
    width: 100%;
    transition: all 0.5s ease-in-out;
	max-width: 800px;
	background-color: #fff;
	text-align: center;
	padding: 40px 30px;
	border-radius: 20px;
}

.four-zero-four .go-homepage-btn {
	background-color: #ff4d55;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 0px;
    padding: 12px 32px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
}
.four-zero-four .go-homepage-btn:hover, .four-zero-four .go-homepage-btn:focus {
    background-color: #18b9a2;
    color: #fff;
    text-decoration: none;
}
.four-zero-four .four-zero-four-container .error-code {
    font-size: 120px;
	line-height: 1;
	font-weight: 600;
	color: #000C37;
}
.four-zero-four .four-zero-four-container .error-message {
    color: #000C37;
    font-size: 20px;
    font-weight: 500;
    /* margin-top: 10px; */
}
.four-zero-four .four-zero-four-container .button-place {
    margin-top: 25px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle) {
  color: #e91e63;
  margin-left : inherit;
}
.sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle)::before {
  content: "";
}
.no-bottom-border,  .no-bottom-border:focus{border-bottom:none !important}

.dropzone {
  border: 2px dashed #555 !important;
  background-color: #eee !important;
  border-radius:5px;
}
.dropzone.dz-drag-hover {
	border-style:solid !important;
}
.bootstrap-select {
  border-bottom: none !important;
}
.borderless-table tbody tr td{
	border:none !important;
	padding: 3px;
}


.product-gallery-list .filled-in[type="checkbox"]:not(:checked) + label::after {
  background: rgba(233, 30, 99, 0.5) none repeat scroll 0 0;
  border: 2px solid #e91e63;
}
.product-gallery-list .action-check-box {
  left: 20px !important;
  position: absolute !important;
  top: 5px;
}

.product-heading {
	margin-bottom: 20px;
	box-shadow: inherit;
}
.product-heading .header {
	padding: 10px;
}


.dropzone .dz-preview .dz-details,.dropzone .dz-preview .dz-image,.dropzone .dz-preview .dz-success-mark, .dropzone .dz-preview .dz-error-mark,.dropzone .dz-preview .dz-progress{
	z-index: 10 !important;
}
.dropzone .dz-preview:hover,.dropzone .dz-preview .dz-error-message {
	z-index: 11 !important;
}

#lead-template-form .build-wrap input[type="checkbox"]:not(:checked), #lead-template-form .build-wrap input[type="checkbox"]:checked {
	opacity:1!important;
	position:relative!important;
/*
	margin-left: -20px !important;
*/
	left: 0px !important;
	vertical-align: text-bottom!important;
	margin-right: 2px;
}

#lead-template-form .build-wrap input[type="radio"]:not(:checked), #lead-template-form .build-wrap input[type="radio"]:checked {
	opacity:1!important;
	position:relative!important;
/*
	margin-left: -20px !important;
*/
	left: 0px !important;
	vertical-align: text-bottom!important;
	margin-right: 2px;
}
.build-wrap input[type="Location"] { width:100%; background-color: #fff; border: 1px solid #ccc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); height: 34px;}
.brand-tooltip{
	padding-left: 5px;
	position: absolute;
	top: 6px;
}

.border-bottom{
	border-bottom: 1px solid rgb(221, 221, 221) ! important;
}

.build-wrap .btn-group { box-shadow: none}

.a-disabled {
  cursor: default !important;
  opacity: 0.45 !important;
  pointer-events: none !important;
}


.cursor-pointer{
	cursor: pointer !important;
}
.stats-anchor:hover{
	text-decoration: none;
}
.min-width-190{
	min-width:190px;
}

.white-space-nowrap{
	white-space:nowrap;
}
.no-record-found-tag {
    color: #bbb;
    /* font-family: inherit !important; */
    font-size: 24px !important;
	text-shadow: none;
}
.no-records-found-img{
	height:90px;
	width:90px;
}

.checkbox-dataTable input[type="checkbox"]{
   cursor: pointer;
}

table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  background-color: #fffdd0;
}

.parent-check-box-label{
	height: 17px !important;
    line-height: 19px !important;
}
.child-check-box-label{
	height: 7px !important;
    line-height: 19px !important;
}
.selected-td{
	cursor: pointer;
}

#checkbox-dataTable .filled-in[type="checkbox"]:not(:checked) + label::after {
	width :14px !important;
	height :14px !important;
}

.m-t-2{
	margin-top:2px !important;
}
.multiple-inner-level-table .dataTables_wrapper .row .col-sm-6, .multiple-inner-level-table .dataTables_wrapper .row .col-sm-5, .multiple-inner-level-table .dataTables_wrapper .row .col-sm-7{
	margin-bottom:0px !important;
}
.multiple-inner-level-table td.details-control-td-class{
	padding:0px;
}
.multiple-inner-level-table .inner-data-table-class{
	max-height:50vh;
	overflow-y:scroll;
}
.z_index-10{
	z-index :10 !important;
}

.p-t-8 {
	padding-top:8px !important;
}
.p-b-8 {
	padding-top:8px !important;
}


.tree {
	min-height: 20px;
}

.tree li span a {
	color: #555
}

.tree li {
	list-style-type: none;
	margin: 0;
	padding: 10px 5px 0 5px;
	position: relative
}

.tree li::before,
.tree li::after {
	content: "";
	left: -29px;
	position: absolute;
	right: auto
}

.tree li::before {
	border-left: 2px solid #C0C2C7;
	bottom: 50px;
	height: 100%;
	top: -9px;
	width: 1px
}

.tree li::after {
	border-top: 2px solid #C0C2C7;
	height: 20px;
	top: 30px;
	width: 34px
}

.tree li span {
	border: 2px solid #C0C2C7;
	border-radius: 5px;
	font-size: 0.9em;
	display: inline-block;
	padding: 0px 5px;
	margin-top: 5px;
	margin-right: 2px;
	text-decoration: none;
}

.tree li .label.label-danger {
	border: 2px solid #D24D33;
}

.tree li .label.label-info {
	border: 2px solid #5BC0DE;
}

.tree li .label.label-warning {
	border: 2px solid #F0AD4E;
}

.tree li .label.label-default {
	border: 2px solid #999;
}

.tree li .label.label-success {
	border: 2px solid #82B964;
}

.tree li.parent_li>span {
	cursor: pointer
}

.tree>ul>li::before,
.tree>ul>li:after {
	border: 0
}

.tree li:last-child::before {
	height: 39px;
}


.simple-chaeckbox{
	opacity: 1 !important;
	position: relative  !important;
	left:0px  !important;
	vertical-align: text-bottom;
}

.tree li span.collapsed::before{
	content: '+';
}
.tree li span.expended::before{
	content: '\2013';
}

.tree li>label {
	border: 2px solid #cccccc;
	cursor: pointer;
	border-radius: 5px;
	display: inline-block;
	font-size: 0.9em;
	text-decoration: none;
	line-height: 20px;
}

.tree li.no-childrens label{
	margin-left: 25px;
}
.tree li label {
	text-transform: uppercase;
}
.card .body.mr-b .col-sm-12{
	margin-bottom : 0px;
}
.mr-b table{
	margin-top :0px !important;
}
.assigned-requests-parent-class .disabled,.assigned-requests-parent-class .disabled button{
	cursor:not-allowed !important;
}
.padding-10{
	padding:10px !important;
}
.text-decoration-none,.text-decoration-none:hover,.text-decoration-none:link{
	text-decoration:none;
}
#role_info_text{
	vertical-align: sub;
}
.daterangepicker select.yearselect{
	width : 46% !important;
}
.bootstrap-select .bs-searchbox .form-control{margin-left : 40px;}

.error-checkbox {
	outline: 2px solid red !important; padding-left: 0px !important; margin-right: 25px; height: 20px !important; top: 31px !important;
}

.top-36{
	top :36px !important;
}
.dropdown-menu.open .dropdown-menu.inner{
	max-height: 350px !important;
}
@media(max-width:500px){
	.dropdown-menu > li > a{
		white-space: normal;
	}
	.dropdown-menu > li > a span.text{
		margin-right: 8px !important;
	}
	.dropdown-menu.open .dropdown-menu.inner{
		max-height: 250px !important;
	}
}

.orderElement{
	color: rgb(0, 136, 204); cursor: pointer;
}
.orderdiv{
	color: rgb(0, 136, 204); cursor: pointer;

}
.list-order-text-box{
	width: 50% !important;
	float: left;
	border-radius:0;
}
.list-order-submit-button{
	padding: 1% 4% 12% 7%;
	margin-left: 0%;
	border-radius:0;
}
.list-order-submit-button-ican{
	vertical-align: -moz-middle-with-baseline;
}


.dropdown-menu.single.show-calendar{
	margin-top: 4px !important;
}

/** To set select box height*/
#notificationUserSelection .ms-container .ms-selectable, #notificationUserSelection .ms-container .ms-selection {
	width:48.7%;
	min-width: 220px !important;
}
#notificationUserSelection .second_label{
	margin-left:39.3%;
}
@media(min-width:768px){
	#selected_users_error{
		margin-left: 52%;
	}
}
@media(max-width:768px){
	#notificationUserSelection .ms-container .ms-selectable, #notificationUserSelection .ms-container .ms-selection {
		width:100% !important;
		min-width: 220px !important;
	}
	#notificationUserSelection .ms-selection{
		margin-top:20px;
	}
	#notificationUserSelection .second_label{
		margin-left:100%;
	}
}
.model-btn,.model-btn:hover,.model-btn:active {
	background-color:#008051 !important;
	color:#FFFFFF !important;
}
.padding-15{
	padding:15px !important;
}
.top-20{
	top:20px!important;
}
.top-10{
	top:10px!important;
}

.padding-left-5{
	padding: 0 0 0 5px !important;
}

.dropzone .dz-preview .dz-error-message {
    top: 150px!important;
}

.dropzone .dz-preview .dz-error-message span{
	word-wrap:break-word !important;
}
.close-modal:hover{
	color:#ffff !important;
}

.checkbox_label{height: 30px !important; }


.top-13{
	top:13px!important;
}
.top-25{
	top:25px!important;
}
.left-9{
	left:9px!important;
}

.input-loader-image{
	display: block;
	height: 24px;
}



.vertical-align-bottom{
	vertical-align : text-bottom !important;
}



/** style for chosen design*/
.modified-chosen .chosen-container-single .chosen-single{
	position: relative;
	display: block;
	overflow: hidden;
	height: 30px;
	color: #444;
	text-decoration: none;
	white-space: nowrap;
	line-height: 24px;
	border: none;
	border-radius: 0px;
	background-color:transparent;
	background:transparent;
	padding: 0px;
}
.modified-chosen .chosen-container-active .chosen-single{
	border-bottom: 1px solid #5897fb !important;
	box-shadow: none;
}
.modified-chosen .chosen-container-active.chosen-with-drop .chosen-single{
	padding: 0 0 0 8px;
}

.modified-chosen .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url("chosen-sprite.png") no-repeat 0px 5px;
}

a.unseen_notification {
    background-color: #e9e9e9;
}
a.unseen_notification:hover {
    background-color: #fff !important;
}
a.not_anchor:hover {
	background-color: #fff !important;
	cursor: default;
}
h4.no_record_text{
	font-family: 'Roboto', Arial, Tahoma, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
#notificationCounter.label-count {
    position: absolute;
    top: -1px;
	left: 9px;
	right: auto !important;
	font-size: 10px;
	line-height: 15px;
	background-color:#232325;
	padding: 0 4px;
	border-radius: 3px;
}
.navbar .dropdown-menu {
    margin-left: 0px;
}

ul#notificationList {
	list-style: none !important;
}

.get-question:hover,.get-question:active{
	color:#fff;
}

.correct-option-error{
/*
	margin-top: 28px !important;
*/
	position:absolute;
}

.loading-cntant{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.4);
	top:0;
	bottom:0;
	text-align:center;
	display:table;
	background:url(../images/loader.svg) no-repeat center center rgba(0, 0, 0, 0.8);
	z-index:99999;
	left:0;
	display:none;
}
.loading-cntant .loader{
	margin:auto;
	font-size:10px;
	position:absolute;
	text-indent:-9999em;
	border-top:8px solid #5A31DB;
	border-right:8px solid #5A31DB;
	border-bottom:8px solid #5A31DB;
	border-left:8px solid #fff;


	-webkit-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
	display:table-cell;
	vertical-align:middle;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index: 999;
}
.loading-cntant .loader,
.loader:after {
  border-radius: 50%;
  width: 20em;
  height: 20em;
}
.inner-table-data {
    max-height: 350px;
    overflow-y: auto;
}
.white_logo_image{
	width:150px;
	height:100px;
}

.m-t--16{
	margin-top:-16px !important;
}
.ls-closed .navbar-brand{
	margin-left:30px !important;
}
.get-question.disabled{
	opacity : 0.87 !important;
}
.pointer-events-all{
	 pointer-events:all !important;
}
.login-page .input-group-addon{
	vertical-align:top;
}
.width-170{
	width:170px;
}
.width-180{
	width:180px;
}
.width-240{
	width:240px;
}

.multiSelect-search{
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	top:1px;
	background: url("search_icon.png") no-repeat 99% 7px;
	border-bottom:none;
	padding-right:25px;
}
.multiSelect-search:hover,.multiSelect-search:active,.multiSelect-search:focus{
	box-shadow: none !important;
	border-color: #CCC !important;
}
.ms-container .ms-list.ms-focus{
	border-color:#ccc !important
}
.inline-block{
	display:inline-block!important
}

.frmb .prev-holder input[type="number"], .frmb .prev-holder input[type="text"],.frmb .prev-holder textarea{
	padding-left:5px;
}

.profileImage{
	height:120px;
	width:120px;
}
.border-top{
	border-top: 1px solid rgb(221, 221, 221) ! important;
}

.set-model-header{
	margin-bottom:16px ! important;
}

.update-image-modal .modal-header{
	padding:21px 25px 5px 25px;
}

.simple-checkbox [type="checkbox"] + label{
	padding-left: 5px;
	font-weight: bold;
	vertical-align: middle;
	font-size: 14px;
	padding-top:3px;
}
.horizontal-labels{
	margin-top:6px;
}

.winning-breakdown-box .input-group .form-line + .input-group-addon{
	padding-left: 0px;
	line-height: 1.42857143;
}
.input-group-addon.currency{
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 10px;
	font-size:16px;
}

.margin-0{
	margin:0px;
}
.max-w-60{
	width:60px;
}

.divider-border{
	/* border:1px solid rgba(204, 204, 204, 0.35) */
	border-bottom:1px solid #ddd;
	margin-left:-20px;
	margin-right:-20px;
	box-shadow: none;
}
.date-range-icon{
	cursor: pointer;
}

input.disabled, textarea.disabled{
	cursor: not-allowed;
	color: gray;
}
select.readonly{
	pointer-events:none;
	opacity: 0.8;
}
input.readonly{
	pointer-events:none;
	color: gray;
}
.cursor-not-allowed{
	cursor: not-allowed;
}
.no-padding{
padding:	0px ! important;
}
.no-margin-bottom{
	margin-bottom: -10px ! important;
}
.scoring-matrix .nav-tabs > li{
	width:25%;
	text-align:center;
}
.scoring-matrix .panel-primary{
	margin-bottom: -3px ! important;
}
.skill_help_text{
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: #777;
	margin: 5px 0 10px 0;
}
.no-background{
	background-color: transparent !important;
	margin-bottom:-10px !important;
}

.input_box{
	margin-top:-10px !important;
	margin-bottom:-10px !important;
	height:25px;
	width:70px;
	font-size:10px;
}
.inputBox{
	text-align:center !important;
	margin-right:-10px !important;
	height: 27px;
	font-weight: normal;
	width: 40px;
	padding: 5px;
	font-size: 12px;
	margin-top: 3px;
	margin-left: 28px;
}
#winningPopulationError{
	margin-top:0px;
}
#buffer_value{
	font-weight: bold;
}

.color-gray{
	color:gray;
}
.loading_icon{
	background-color: transparent !important;
	margin-top:-3px !important;
	margin-right:-40px !important;
	white-space:normal;
}
.preloader.pl-size-xss{
	width: 18px;
	height: 18px;
}
.score-text-success{
	background-color: transparent !important;
	color:#4CAF50;
}
.score-close-button{
	margin-right:-2px;
	margin-left:2px;
}
.border-red{
	border: 2px solid #E91E63 !important;
}
.noHover:hover{
     color:white;
}
.noHover:focus{
     color:white;
}

.font-weight-normal{
	font-weight:normal;
}

.spinner-input-group{
	width:63px;
	float: left;
}

.spinner-input-group .form-control{
	padding:0px;
}
.spinner-input-group .form-line + .input-group-addon{
	padding-left: 2px;
}
.spinner-label{
	float: left;
}

.spinner-divider{
	float: left;
	padding: 10px;
}
#fixture_loader{
	margin-top: 10px;
}
#fixture_loader img{
	height : 17px
}
.help_text_strike_economy{
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: white;
	margin: 5px 0 10px 0;
}

.header-logo{
	width:70px;
	height:50px;
}
.total-amount-label{
	padding-top: 8px;
}
@media(max-width:768px){
	.simple-checkbox{
		display: inline-flex !important;
		padding-left: 15px;
	}
	.total-amount-label {
		padding-top: 0px;
	}
}
.total-amount-label i.fa {
    color: #666 !important;
}
.currency-symbol{
	color: #555 !important;
}
.title-width{
 padding-left:100px !important;
 padding-right:100px !important;
}

.checkbox-readonly{
	pointer-events:none;
	cursor: not-allowed;
	opacity: 0.7;
}

.dataTables_length select:-moz-focusring{
    color: transparent;
    text-shadow: 0 0 0 #232325;
}

.dataTables_length select:focus {
    border-bottom:1px solid #ddd !important;
}
.random_code_span{
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 30px;
}
.width-100{
	width:100px;
}
.width-75{
	width:75px;
}
.navbar > .container-fluid .navbar-brand {
    margin-left: 0px;
}

@media(max-width:767px){
	.navbar .navbar-brand{padding-left: 30px !important;}
}
.notification-url,.notification-url:hover,.notification-url:focus{
	color: #555;
	text-decoration: none;
}
.hide {
	display: none !important;
}
.card .header .header-dropdown {
	position: absolute;
	top: 20px;
	right: 15px;
	list-style: none;
}
.btn-right-top-margin {
	right: 25px !important;
	top: 15px !important;
}
.m-r--5 {
	margin-right: -5px !important;
}
.card .header .header-dropdown li {
	display: inline-block;
}
.card .header .header-dropdown {
	list-style: none;
}
.wizard ul, .tabcontrol ul {
	list-style: none !important;
	padding: 0;
	margin: 0;
}
.wizard > .steps > ul > li {
	*width: 25%;
	float: left;
}
.wizard ul > li, .tabcontrol ul > li {
	display: block;
	padding-right: 10px;
}
.m-b-0 {
	margin-bottom: 0px !important;
}
.align-center {
	text-align: center;
}
.demo-image-copyright {
	text-align: right;
	font-style: italic;
	font-size: 12px;
	color: #777;
	margin: 5px 0 10px 0;
}
.m-r-5 {
	margin-right: 5px !important;
}
.m-t-33 {
	margin-top: 33px !important;
}
#extra_buttons li {
	display: inline;
	list-style: none;
	padding-right: 5px;
}
.four-zero-four {
	width: 100%;
	text-align: center;
	margin: 60px auto 10px;
}
.DTFC_RightBodyLiner { overflow-y: hidden !important; background-color:#fff;}
table.dataTable {background-color:transparent;}
.success_error_image {
	margin:auto;
}
#pick-location-report #pick-up-map {
	height: 400px;
}
#legend {
	font-family: Arial, sans-serif;
	background: #fff;
	padding: 10px;
	margin: 14px;
	border: 1px solid #232325;
	z-index: 0;
	position: absolute;
	top: 60px;
	right: 0px;
}
#legend img {
	vertical-align: middle;
	margin-bottom: 10px;
}

/*#datatable-listing{
	height : 200px;
}*/

.dataTables_scroll .dataTables_scrollBody {
overflow: unset!important;
}
.country-code-mask .input-group-prepend{width:26%;}
/*05-8-2020 */
.img-thumbnail{display: inline-block;}
.img-thumbnail img{max-width: 100%;}
div.country-code-mask .input-group input.form-control {border-right: 1px solid #DEE2E6;border-left: 1px solid #DEE2E6;}
div.country-code-mask.focused .input-group input.form-control {border-right: 1px solid #5e72e4;border-left: 1px solid #5e72e4;}
@media(max-width:767px){
	.country-code-mask .input-group-prepend{width:35%;}
	.card-view.card .header .header-dropdown li .btn.btn-success{padding: 6px 12px;}
	.card-view.card .table td, .card-view.card .table th {white-space: normal;display: block;width: 100%;text-align: center !important;border: none;padding:0px;}
	.card-view.card .table tr {background-color: #fff; border:1px solid #eee; border-bottom: 10px solid #f9f9f9;}
	.card-view.card .table th{padding-top: 15px; padding-bottom: 5px; border-top: 1px solid #eee;}
	.card-view.card .table td{padding-bottom: 15px; border-bottom: 1px solid #eee; border-top: 1px solid #eee;padding-top: 10px;}
	.card-view .table-responsive{padding: 15px 22px; background-color: #f9f9f9;}
	.card-view.card .btn-success{padding: 6px 12px;}
	.dataTables_scrollHead{overflow: inherit !important;}
	.card-view.card .table tr:first-child th{border-top:0px;}
	.on_click_submit .btn.btn-submit{padding: 8px 7px;}
	#driving_license_back .img-thumbnail{ margin-bottom: 20px;}
	.mtop-5{margin-top:5px !important;}

	}


	/*05-8-2020 */

.card .body {
	font-size: 14px;
	color: #555;
	padding: 20px;
}
.card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 {
	margin-bottom: 20px;
}
.cms-section{border-top:1px solid #ddd;}
.barcodes .barcode-section{margin-bottom: 60px;}


.registered_successfully {
	min-height: 90vh;
	display: flex;
	align-items: center;
	justify-content: center;
}
.sucess_box {
	text-align: center;
	border-radius: 10px;
	filter: drop-shadow(0 8px 0 #27282c);
	background-color: #fff;
	border: 1px solid #232325;
	padding: 30px 30px 40px;
	height: 100%;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s;
	position: relative;
	top: 0;
	max-width: 520px;
}
.success_submit.text-center {
	padding: 0 0 25px;
	font-size: 20px;
}
.joinform a {
	margin: 0 5px;
}
.logo_successfully {
	padding: 0 0 30px;
}


/*10-05-2021 */

.card-body .bootstrap-select > .dropdown-toggle {background-color: transparent;color: #8898aa;border: 1px solid #dee2e6;font-weight: normal;padding-left: 15px;}
.card-body .bootstrap-select > .dropdown-toggle:active, .card-body .bootstrap-select > .dropdown-toggle:focus{background-color: transparent !important;color: #8898aa !important;border: 1px solid #dee2e6 !important;}
.bootstrap-select .bs-searchbox .form-control {margin-left: 0;}
/*.open > .dropdown-menu {display: block;}*/
#searchForm .form-line .select2-container .select2-selection--single {height: 48px;color: #8898aa;border: 1px solid #dee2e6; font-size:14px;}
#searchForm .form-line .select2-container--default .select2-selection--single .select2-selection__rendered {color: #8898aa; position:relative;}
#searchForm .form-line .select2-container--default .select2-selection--single .select2-selection__rendered:after{font-family: 'Font Awesome 5 Free';
font-weight: 700;
font-style: normal;
font-variant: normal;
display: inline-block;
margin-left: auto;
content: '\f107';
transition: all .15s ease;
color: #ced4da;
position: absolute;
top: 0px;
right: 0;font-size: 17px;}


.input-group-text.email-icon {display: none;}
.joinus_form span.error{ font-size:100%;}

/*28-06-2021*/
#notificationCounter.label-count {background-color: #4C4898;color: #fff;}
.breadcrumb-dark .breadcrumb-item a {color: #4C4898;}
.breadcrumb-dark .breadcrumb-item.active {color: #4C4898;}
.bg-primary {background-color: rgba(0,0,0,.99) !important;}
.navbar-expand .navbar-nav li span {color: black;}
.navbar-nav .nav-item .text-primary {color: #5A31DB !important;}
.breadcrumb-dark .breadcrumb-item + .breadcrumb-item::before {color: #4C4898;}
.navbar-expand .navbar-nav .nav-link.pr-0.header-user-name::after {color: #4C4898;}
.navbar-expand .navbar-nav li .dropdown-menu span {color: #232325;}
.pagination .page-item.active .page-link {	border-color: #4C4898;background-color: #4C4898;color: #fff;}
.pagination .page-link {color: #232325;border: 1px solid #232325;}
.pagination .page-link:hover {border-color: #4C4898;background-color: #4C4898;color: #fff !important;}
.btn-danger {color: #fff;border-color: #4C4898;background-color: #4C4898;}
.btn-danger:hover {color: #fff;border-color: #22D4AD;background-color: #22D4AD;}
#datatable-listing td a {color: #232325;}
.badge-primary {background-color: #228B22;}
.badge-danger {background-color: #ff0018;}
.card .table td a {color: #232325;}
.card .table td a.btn-success {color: #232325;background-color: #4C4898;border-color: #4C4898;}
.card .header .header-dropdown li .btn-success {color: #fff;background-color: #4C4898;border-color: #4C4898;}
.card .header .header-dropdown li .btn-default {border-color: #232325;background-color: #232325;}
.changePhoto.btn-default {border-color: #4C4898;background-color: #4C4898;}
.control-label {color: #232325;}
.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {color: #fff;}
.card .header .header-dropdown li .btn-primary {color: #fff;border-color: #22D4AD;background-color: #22D4AD;}
.card .header .header-dropdown li .btn-primary:hover {color: #fff;border-color: #4C4898;background-color: #4C4898;}
.card .header h3{color: #232325;}
body{color: #232325;}
.table {color: #232325;}
.form-control:focus {border-color: #232325;}

.bg-pink {background-color: #5A31DB !important;	color: #232325;}
.card .header a.bg-pink:hover, .card .header a.bg-pink:focus, .card .header button.bg-pink:hover, .card .header button.bg-pink:focus {background-color: #22D4AD !important;color: #fff;}
#datatable-listing td a.btn {color: #fff;}
.wizard ul li .btn-primary {background-color: #232325;border-color: #232325;}
.wizard > .steps > ul.multilanguage_tabs > li a.btn-primary:not(:disabled):not(.disabled).active {border-color: #4C4898;background-color: #4C4898;color: #fff;}
.card-stats .card-body span{color: #232325;}
.card .header .mb-0{color: #232325;}
#datatable-listing td .btn-default{color: #fff;border-color: #232325;background-color: #232325;}

.swal2-confirm.btn.btn-primary.m-r-5 {background-color: #4C4898;border-color: #4C4898;color: #fff;}
.swal2-cancel.btn.btn-warning {background-color: #f1f1f1;color: #232325;border-color: #f1f1f1;margin-left: 5px;}

.sidenav.bg-white {background-color: rgba(0,0,0,.99) !important;}
.navbar-light .navbar-nav .nav-link {color: #fff;}
.navbar-light .navbar-nav .nav-link:hover {color: #4C4898;}
.sidenav-toggler-line {background-color: #4C4898;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color: #4C4898;}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active {background: #4C4898;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active .text-primary {color: #fff !important;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active  span{color: #fff;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active:hover{color: #fff;}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item .collapse .nav .nav-item.active .nav-link{color: #4C4898;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item > .nav-link.active[data-toggle="collapse"]::after{color: #fff;}

.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item.active > .nav-link {background:#4C4898;margin-right: .5rem;margin-left: .5rem;padding-right: 1rem;padding-left: 1rem;border-radius: .375rem;}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item.active > .nav-link {color: rgba(0, 0, 0, .9);}
.navbar-vertical.navbar-expand-xs .navbar-nav > .nav-item.active > .nav-link .text-primary {color:#232325!important;}


.navbar-vertical .navbar-nav .nav-item.active > .nav-link[data-toggle="collapse"]::after{color: #232325;}
.swal2-popup .swal2-styled.swal2-confirm {color: #fff;border-right-color: #4C4898 !important;	border-left-color: #4C4898 !important;background-color: #4C4898 !important; box-shadow:none !important;}


.set_image_dim{width:100px;height:100px;overflow: hidden;}
.set_image_medium_dim{width:50px;height:50px;overflow: hidden;}
.set_image_small_dim{width:20px;height:20px;overflow: hidden;}

.fixed-layout{
	table-layout : fixed;
}


/*New Google Autocomplete CSS*/
.autocomplete-results {
/*
	margin: 0 auto;
	right: 0;
	left: 0;
*/
	display: none;
	width: 320px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #d2d2d2;
	border-top: 0;
	background-color: #fff;
	position: absolute !important;
	z-index: 1000;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9;
	font-family: Arial,sans-serif;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.autocomplete-results-store {
	display: none;
	width: auto;
	padding: 0;
	list-style-type: none;
	border: 1px solid #d2d2d2;
	border-top: 0;
	background-color: #fff;
	position: absolute !important;
	z-index: 1000;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9;
	font-family: Arial,sans-serif;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.autocomplete-item {
	height: 32px;
	position: relative;
	overflow: hidden;
	cursor: default;
	padding: 0 4px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	line-height: 30px;
	text-align: left;
	border-top: 1px solid #e6e6e6;
	font-size: 11px;
	color: #999;
}
.autocomplete-icon {
	display: block;
	position: absolute;
	top: 7px;
	bottom: 0;
	left: 8px;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center center;
}
.autocomplete-icon.icon-localities {
	background-image: url(../images/locality.svg);
}
.autocomplete-item:hover .autocomplete-icon.icon-localities {
	background-image: url(../images/locality-selected.svg);
}
.autocomplete-item:hover {
	background-color: #f2f2f2;
	cursor: pointer;
}
.autocomplete-item b {
	margin-left: 27px;
	color: #555 !important;
}
.autocomplete-results::after {
	content: "";
	padding: 1px 1px 1px 0;
	height: 18px;
	box-sizing: border-box;
	text-align: right;
	display: block;
	background-image: url(../images/powered-by-google-on-white3_hdpi.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: 120px 14px
}
.pac-card {
	margin: 10px 10px 0 0;
	border-radius: 2px 0 0 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	outline: none;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	font-family: Roboto;
}
#pac-container {
	padding-bottom: 12px;
	margin-right: 12px;
}
.pac-controls {
	display: inline-block;
	padding: 5px 11px;
}
.pac-controls label {
	font-family: Roboto;
	font-size: 13px;
	font-weight: 300;
}
#pac-input {
	background-color: #fff;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 300;
	margin-left: 12px;
	padding: 0 11px 0 13px;
	text-overflow: ellipsis;
	width: 400px;
}
#pac-input:focus {
	border-color: #4d90fe;
}
#pac-input {
	left: 0;
	right: 0;
	margin: auto;
	top: 10px;
	z-index: 1;
	width: 400px;
	max-width: 100%;
	height: 36px;
	border-radius: 4px;
	border: 1px solid #AEAEAE;
	margin-right: 120px;
}
@media (min-width: 767px) and (max-width:991px){
	#pac-input {
		left: 25px;
		right: auto;
		top: 60px;
		width: auto;
	}
}
.autocomplete-pac-results {
/*
	margin: 0 auto 0 0;
	right: 0;
	left: 0;
*/
	display: none;
	width: 400px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #d2d2d2;
	border-top: 0;
	background-color: #fff;
	position: absolute !important;
	z-index: 1000;
	border-radius: 2px;
	border-top: 1px solid #d9d9d9;
	font-family: Arial,sans-serif;
	box-shadow: 0 2px 6px rgba(0,0,0,0.3);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.submit_booking.update_location {
	width: 119px !important;
	color: white;
	height: 36px !important;
	border-radius: 4px;
}
@media (max-width: 767px){
	.shipment_number_right .form-control {
		width: 100% !important;
		max-width: 100% !important;
		position: relative;
		left: inherit !important;
		right: inherit !important;
		top: inherit !important;
		bottom: inherit;
		margin-right: 2px !important;
		font-size: 12px !important;
		padding-left: 7px !important;
	}
	.submit_booking.update_location {
		width: 170px !important;
		font-size: 12px;left: inherit;right: inherit;top: inherit;position: relative;
	}
	.shipment_search {
		display: flex;
	}
	.autocomplete-pac-results {
		width: 100%;
	}
	.autocomplete-pac-results {
		top: 38px;
	}
	.ar-language #pac-input {
		margin-right: 0 !important;
		margin-left: 2px 0 !important;
	}
	.tracking_section ul.tabs li {
		padding: 0px 5px;
		font-size: 15px;
	}
}
#datatable-listing-category ul{
	margin: 0;
	padding: 0;
	display: inline-block;
}
#datatable-listing-category ul li{
	list-style-type: none;
	margin: 0;
	padding: 10px 5px 0 5px;
	position: relative;
	float: left;
}
.ar-language #pac-input {
	margin-right: 0;
	margin-left: 120px;
}
.color-blue{
	color:#0d6efd !important;
}

#display-icon{
	margin-top: 11px;
}

.modal-width{
	max-width: 1024px !important;
}
.form-control.add-country-textbox.SelectCountry {
	cursor: not-allowed;
}

/*25-01-2022*/
#myModalAirbill .modal-dialog{max-width:550px;}
#myModalAirbill .modal-dialog .card-body{padding:20px 10px;}
#myModalAirbill .modal-dialog .card-body .modal-body{padding:0;}
#pac-input{width: 100%;margin-right: 0;margin-bottom: 15px;}
.location_count .form-line{width: 100%;}
.location_count .input-group {
	position: relative;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: stretch;
}
.location_count .input-group-append{
    margin-left: -1px;
}
.location_count .btn-default{
	border-radius: 0!important;
}
.location_count#location_div_0 .btn-default{
	border-radius: 0.25rem!important;
	border-bottom-left-radius: 0!important;
	border-top-left-radius: 0!important;
}
.btn-default.delete_location {
	border-color: #e91e63;
    background-color: #e91e63;
	border-radius: 0.25rem!important;
	border-bottom-left-radius: 0!important;
	border-top-left-radius: 0!important;
}
.add_more_location_wrap{
	margin-bottom: 20px;
}
.add_more_location_wrap .btn-default{
	border-color: #5A31DB;
    background-color: #5A31DB;
	color: #fff;
	height: 46px;
	width: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.location_count .add_more_location_wrap .btn-default {
	border-radius: 0.25rem!important;
}
.ml-15{

	margin-left:15px;
}
td.details-control {
	background: url('../images/details_open.png') no-repeat center center;
	cursor: pointer;
}
tr.details td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
.item_categories_images li {
	padding: 0 !important;
}
.autocomplete-location{
	padding:0px;
/*
	border:1px solid #dee2e6;
*/

}
.custom-control-label {
	padding-left: 0 !important;
}
.min-height-500{
	min-height : 500px;
}
.error_collapse .btn.btn-link {
	color: #232325;
}
.error_collapse hr {
	margin-top: 5px;
	margin-bottom: 5px;
}
.error_collapse .card {
	margin-bottom: 5px;
}
.input-group-append.map_icon {
	position: relative;
	float: right;
	top: -46px;
	margin-bottom: -46px;
}
.checkbox-details-control{
	padding-top:35px !important;
}
span.success {
    color: #42ba96;
    display: block;
    font-size: 100%;
    font-weight: normal;
    margin-top:.25rem;
}
.card-header.accordion-header {
	padding: 1.25rem 1.5rem;
	border-bottom: 1px solid rgba(0,0,0,.05);
	background-color: #fff;
}
.accordion .card-header[aria-expanded="false"]::after {
	content: '\ea0f';
}
.accordion .card-header[aria-expanded="true"]::after {
	transform: rotate(180deg);
}
.accordion .card-header::after {
	font: normal normal normal 14px/1 NucleoIcons;
	line-height: 0;
	position: absolute;
	right: 1.5rem;
	content: '\ea0f';
	transition: all .15s cubic-bezier(.68,-.55,.265,1.55);
	transform: translateY(-50%);
}
.accordion .card-header {
	cursor: pointer;
}
#pac-input.track_search_box {
	margin-bottom: 0px;
}
.shipment_search #pac-input {
width: 400px;
}
.country-code-mask.booking_mask .input-group-prepend {
	width: 35%;
}
.input-group-merge .form-control.stake_mobile {
	padding-left: 10px !important;
}
.store_address#my-input-autocomplete {
	border-radius: 0px;
}
.form-control:disabled, .form-control[readonly] {
	background-color: white !important;
}
#address-btn-id{
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	text-decoration: none;
	border: 1px solid #5A31DB;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	font-weight: bold;
	line-height: 1.223;
	display: inline-block;
	padding: 9px 16px;
	border-radius: 100px;
	font-weight: 500;
	background-color: #5A31DB;
	color: #fff;
	min-width: 264px;
	max-width: 264px;
	margin: 0 auto;
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.location-update .login-box .form-box .form-group .form-control {
	border: solid 1px #cfcfcf;
	height: 49px;
	border-radius: 10px;
	font-size: 15px;
	color: #232325;
	padding: 0 20px;
}
.location-update .login-box label {
	display: inline-block;
	margin-bottom: .5rem;
}
#new_select_country {
	pointer-events: none;
}
.row.dhl_section .form-group {
	margin-bottom: 0;
}
.styled-selectors.ups_delivery_data {
	top: 3px;
	position: relative;
}
#business_location_0 {
	border-right: 1px solid #e9ecef;
}
.details-control.print.sorting_disabled {
	text-align: center;
}
.full_width{
	width : 100%;
}

/*
input {
	width: 100%;
	margin: 0 0 5px 0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 0;
	font-family: arial, verdana, sans-serif;
	font-size: 14px;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.mbsc-page {
	padding: 1em;
}

.md-multiple-lines-item {
	font-size: 14px;
	white-space: initial;
	display: flex;
	height: 60px;
	line-height: normal;
}

.md-multiple-lines-text {
	margin-top: auto;
	margin-bottom: auto;
}
*/
.quantity_label {
	text-transform: capitalize;
}

.set_image_medium_dim.web-inline {
	display: -webkit-inline-box;
}
.pl0{padding-left:0px !important;}
.booking_chart {
	height: 262px;
	width: 100%;
}
.g-sidenav-pinned .navbar-brand{display:block !important;}
.g-sidenav-pinned .logo-alod{display:none !important;}
.g-sidenav-hidden .navbar-brand{display:none !important;}
.g-sidenav-hidden .logo-alod{display:block !important;}

.navbar-vertical .navbar-nav .nav-link[data-toggle="collapse"][aria-expanded="true"]::after {
	color: #ced4da;
}
.setDateTimeFormat.show_date {
	opacity: 1;
}
.active .booking-no-column strong {
	color: #fff;
	font-weight: normal;
}
.details-sidebar{min-height:600px;}
.manifest_export{
	padding : 0px !important;
	border  : none !important;
}

.item-word-wrap {
	word-wrap:break-word;
	word-break: break-word;
}

.p-t-20{
	padding-top : 20px !important;
}
.payment_modal .modal-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 0px 5px 0px;
}
.payment_modal .modal-box .payemt-detail {
    display: flex;
    width: 80%;
    align-items:center;
}
.payment_modal .modal-box .payemt-detail figure{
    max-width: 48px;
    margin:0;
}
.payment_modal .modal-box .payemt-detail .payemt-content {
    padding-left: 30px;
}
.payment_modal .modal-box .payemt-detail .payemt-content h2 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
}
.payment_modal .modal-box .payemt-detail .payemt-content span {
    display: inline-block;
    font-size: 14px;
}
.payment_modal .modal-box .form-check {
    padding: 0;
    width: 20%;
}
.payment_modal .modal-box .form-check input{
    border: 2px solid #6c757d;
    width: 20px;
    height: 20px;
    float: right;
    opacity:1;
    position: inherit;

}
.payment_modal .modal-box .form-check-input:checked{
    background-color: #232325;
    box-shadow: none;
}
.payment_modal .modal-footer {
    display: flex;
    border-top: none;
    padding: 0;
    justify-content: center;
}
.payment_modal .modal-footer a{
	margin-bottom: 15px;
	margin-right:15px;
	  margin-left: 25px;
}
.payment_modal .modal-footer a:last-child {
	margin-right: 25px;
	margin-left: 0;
}
.payment_modal .btn{
    width: 100%;
    padding: 20px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    background-color: #5A31DB;
    border: 1px solid #5A31DB;
    margin: 0;
    border-radius: 0;
}
.payment_modal .modal-footer .btn.btn-default {
	background-color: #fff;
	border: 1px solid #fff;
}
.payment_modal .modal-header {
    border-bottom: none;
}
.payment_modal .modal-header .btn-primary{
    background-color: #5A31DB;
    color: #fff;
    padding: 8px;
    border-radius: 5px;
}
.payment_modal .modal-header h1{
    font-size: 25px !important;
    font-weight: 600;
}
.payment_modal .modal-header h1 .left-icon  i{
    color: #232325;
}
.payment_modal .modal-header h1 .left-icon{
    padding-right: 20px;
}
.payment_modal .modal-body{
    max-height: calc(100% - 72px);
    overflow-y: auto;
}
.payment_modal .modal-dialog{
    max-width: 600px;
}
.payment_modal .modal-content{
    height: 100%;
}
.payment_modal .modal-footer .btn{
	width:127px;
	font-size:16px;
	border-radius: 5px;
	padding: 10px;
	height: auto;

}

@media(max-width:425px){
    .payment_modal .modal-box .payemt-detail figure {
        max-width: 30px;
    }
    .payment_modal .modal-box .payemt-detail .payemt-content {
        padding-left: 25px;
    }
    .payment_modal .modal-box .payemt-detail .payemt-content h2{
        font-size: 15px;
    }
    .payment_modal .modal-box .payemt-detail{
        width: 90%;
    }
    .payment_modal .modal-box .form-check{
        width: 10%;
    }
    .payment_modal .modal-box .form-check input{
        width: 18px;
        height: 18px;
        opacity:1;
    }
    .payment_modal .modal-header h1{
        font-size: 16px !important;
    }
    .payment_modal .modal-header h1 .left-icon {
        padding-right: 10px;
    }
    .payment_modal .modal-header h1 .left-icon i{
        font-size: 15px;
    }
    .payment_modal .modal-header .btn-primary{
        font-size: 12px;
    }
    .payment_modal .btn{
        padding: 15px;
    font-size: 18px;
    }

}
.pay_amount span{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 8px;
}

/* 04-04-2023 */

.services-section-tabs {
    padding-bottom: 40px;
    overflow: auto;
    display: flex;
}
.custom-control-input:checked ~ .custom-control-label::before{
	border-color: #232325 !important;
	background-color: #232325 !important;
}
.services-section-tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    flex-wrap: nowrap;
}
.services-section-tabs ul li .nav-link:after {
    background: url(../images/downarrow.svg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -12px;
    content: "";
    margin: auto;
    text-align: center;
    width: 26px;
    height: 0px;
    background-repeat: no-repeat;
}
.services-section-tabs ul li .nav-link.active:after {
    height: 16px;
}
.services-section-tabs ul li .nav-link {
    cursor: pointer;
    padding: 0px 21px;
    position: relative;
    height: 53px;
    border-radius: 33px;
    border: 1px solid rgba(19, 19, 19, .30);
    margin: 0 5px;
    font-size: 18px;
    color: #232325;
    text-align: center;
    z-index: 9;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}
.services-section-tabs ul li .nav-link.active {
      background-color: #5A31DB;
    color: #fff;
    font-weight: bold;
    border: solid 1px transparent;
}
.services-section-tabs ul li .nav-link.active:hover{
      background-color: #5A31DB;
	color: #fff;
    font-weight: bold;
    border: solid 1px transparent;
}
.services-section-tabs ul li .nav-link:hover {
      background-color: #5A31DB;
    color: #fff;
    border: solid 1px transparent;
}
.cms-pages .head-banner h1 {
    font-size: 36px;
    color: #fff;
    margin-bottom: 0;
}
.cms-pages .head-banner {
    /*background-color: #232325;*/
    text-align: center;
    padding: 50px 0;
    margin-bottom: 50px;
	background-image: radial-gradient(circle at 39% 47%, rgba(107, 107, 107,0.08) 0%, rgba(107, 107, 107,0.08) 33.333%,rgba(72, 72, 72,0.08) 33.333%, rgba(72, 72, 72,0.08) 66.666%,rgba(36, 36, 36,0.08) 66.666%, rgba(36, 36, 36,0.08) 99.999%),radial-gradient(circle at 53% 74%, rgba(182, 182, 182,0.08) 0%, rgba(182, 182, 182,0.08) 33.333%,rgba(202, 202, 202,0.08) 33.333%, rgba(202, 202, 202,0.08) 66.666%,rgba(221, 221, 221,0.08) 66.666%, rgba(221, 221, 221,0.08) 99.999%),radial-gradient(circle at 14% 98%, rgba(184, 184, 184,0.08) 0%, rgba(184, 184, 184,0.08) 33.333%,rgba(96, 96, 96,0.08) 33.333%, rgba(96, 96, 96,0.08) 66.666%,rgba(7, 7, 7,0.08) 66.666%, rgba(7, 7, 7,0.08) 99.999%),linear-gradient(45deg, rgb(34,212,173),rgb(90,49,219));

}

.modal-content.term-model .custom-control-label span{
	left: 10px;
}
.modal-content.term-model .custom-control-label::before{
	left: -15px;
	border: 1px solid #232325;
	top: 8px;
}
.modal-content.term-model .modal-body.p-0{
	padding: 10px 0 !important;
}
.modal-content.term-model .cms-pages.bg-secondary.mb-0{
	margin-bottom: 10px !important;
}
.modal-content.term-model .custom-checkbox {
    position: absolute;
	 bottom: 30px;
    right: 40px;
}
.modal-content.term-model .custom-control-label span {
    left: 10px;
    color: #232325 !important;
    font-weight: 800;
	font-size: 16px;
}
.modal-content.term-model{
	overflow: scroll;
	overflow-x: hidden;
	max-height: 700px;
}
.modal-width {
    max-width: 800px!important;
}

@media(max-width:991px){
	.services-section-tabs ul li .nav-link {
		font-size: 16px;
		font-size: 16px;
		height: 40px;
	}
	.modal-width {
		max-width: 600px!important;
	}
}

@media(max-width:767px){
	.modal-content.term-model .cms-pages .head-banner h1{
		font-size: 23px;
	}
	.modal-width {
		max-width: 100% !important;
		padding: 0 15px;
	}
	.modal-content.term-model{
		display: block;
		max-height: 500px;
	}
	.modal-content.term-model .cms-pages .head-banner {
		padding: 40px 0;
		margin-bottom: 35px;
	}
	.modal-content.term-model .custom-control-label::before{
		width: 14px;
		height: 14px;
	}
	.modal-content.term-model .custom-control-label span{
		font-size: 13px;
	}
}

@media(max-width:576px){
	.modal-content.term-model .custom-checkbox{
		position: relative;
	bottom: 4px;
	left: 0;
	right: auto;
	}
}

.modal-content.term-model .custom-control-label::after {
left: -15px;
top: 8px;
}
.disabled {
	pointer-events: none;
	cursor: not-allowed;
}

.loader,
.loader:after {
    border-radius: 50%;
	width: 15em;
	height: 15em;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.btn-default {
	color: #fff;
	border-color: #5A31DB;
	background-color: #5A31DB;
	/*box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08);*/
}
.mr-15 {
    margin-right: 15px;
}


/* 10-04-2024 */
.get_booking_details {
	font-size: 14px;
}
.get_booking_details .port_code_span{
	background-color: #efefef;
    border: solid 1px #c7c7c7 !important;
    border-radius: 50px;
	margin-top: 8px;
}
.liner_carrier{
	height: 70px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
	border: solid 1px #f5f5f5;
	max-width: 100px;
}
.liner_carrier img{
	max-width: 100%;
	max-height: 100%;
}
.liner_carrier_wrap{
	display: inline-flex;
    flex-direction: column;
    justify-content: center;
}
.liner_carrier_wrap span{
	text-align: center;
	display: block;
}
.sailing_date, .transit_time, .effective_period{
	font-size: 16px;
	color: #232325;
	font-weight: bold;
	display: block;
}
.free_days_view{
	font-size: 16px;
	color: #232325;
	padding-right: 15px;
	background-image: url(../images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right;
	background-size: 10px;
	border-bottom: solid 1px #232325;
	line-height: 1;
}
.free_days_view:hover{
	font-weight: bold;
	color: #232325;
}
.rate-summary ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.rate-summary-list li{
	align-items: center;
}
.rate-summary-list li span{
	font-size: 14px;
}
.rate-summary-list li strong{
	font-size: 13px;
	text-align: right;
	color: #232325;
	font-weight: normal;
}
.total-charges{
	margin-top: 40px;
}
.total-charges span{
	font-size: 14px;
	display: block;
	text-align: center;
}
.total-charges strong{
	font-size: 16px;
	display: block;
	text-align: center;
	font-weight: 600;
	color: #232325;
	font-weight: normal;
}
.fee-charges{
	margin-top: 25px;

}
.fee-charges span{
	font-size: 13px;
}
.fee-charges span a{
	font-size: 13px;
	text-decoration: underline;
	color: #232325;
}
.get_booking_details .form-group .form-line textarea.form-control{
	height: 80px;
}
.get_booking_details .custom-control a{
	text-decoration: underline;
	color: #232325;
}
.fix-input{
	height: 46px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 15px;
	border: solid 1px rgb(112, 112, 112, .75);
	border-radius: 4px;
	background-color: #f5f5f5;
}
.fix-input .fix-input-box{
	padding: 3px 10px;
	background-color: #fff;
    border: solid 1px #c7c7c7 !important;
    border-radius: 50px;
	
}
.fix-input .fix-input-text{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
/* .schedule-line{
	position: relative;
	padding-top: 10px;
	margin-bottom: 10px;
	border-bottom: 2px solid #5A31DB;
}
.schedule-line::after, .schedule-line::before{
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #5A31DB;
	border-radius: 50%;
	content: "";
}
.schedule-line::before{
	left: 0;
	top: 6px;
}
.schedule-line::after{
	right: 0;
	top: 6px;
} */
.top-icon img{
	opacity: 0.2;
}
.top-icon{
	width: 20px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.top-icon::after{
	height: 20px;
	top: 100%;
	width: 1px;
	background-color: #5A31DB;
	opacity: 1;
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.schedule-ui ul{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
	padding-top: 15px;
	margin-top: 8px;
}
.schedule-ui ul li{
	position: relative;
}
.schedule-ui ul li:not(:last-child)::after{
	position: absolute;
	width: 50%;
	height: 2px;
	background-color: #5A31DB;
	content: "";
	top: -13px;
	left: 50%;
}
.schedule-ui ul li:not(:first-child)::before{
	position: absolute;
	width: 50%;
	height: 2px;
	background-color: #5A31DB;
	content: "";
	top: -13px;
	left: 0;
}
.schedule-ui ul li:first-child::before{
	position: absolute;
    width: 10px;
    height: 10px;
    background-color: #5A31DB;
    border-radius: 50%;
    content: "";
    left: 50%;
    top: -17px;
}
.schedule-ui ul li:last-child::after{
	position: absolute;
    width: 10px;
    height: 10px;
    background-color: #5A31DB;
    border-radius: 50%;
    content: "";
    right: 50%;
    top: -17px;
}
.schedule-ui ul li{
	padding: 0 10px;
	width: 33.33%;
}
.schedule-ui ul li strong{
	font-size: 12px;
	display: block;
	text-align: center;
	font-weight: normal;
}
.schedule-ui ul li p{
	font-size: 12px;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
	text-align: center;
}
.add_more_fcl_btn, .delete_fcl_btn{
	margin-top: 38px !important;
}
.add_more_fcl_btn a, .delete_fcl_btn a{
	width: 40px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	height: 40px;
}
.add_more_fcl_btn a{
	background-color: #5A31DB;
	color: #fff;
}
.delete_fcl_btn a{
	background-color: #232325;
	color: #fff;
}
.selected_subscription_plan .subscriptionbox{
	background-color: #eaf5ff;
}
.selected_subscription_plan .subscriptionbox .buynow.btn{
	background-color: #232325;
	color: #fff;
}
.selected_subscription_plan .feature{background-color: #fff;}
.selected_subscription_plan .subscriptionbox .buynow.btn:hover{
	background-color: #5A31DB;
	border-color: #5A31DB;
	color: #fff;
}
/* .selected_subscription_plan .subscriptionbox .plan-title{
	background-color: #5A31DB;
	color: #232325;
} */
@media(max-width:1199px){
	.add_more_fcl_btn, .delete_fcl_btn{
		margin-top: 32px;
	}
}
@media(max-width:991px){
	.add_more_fcl_btn, .delete_fcl_btn{
		margin-top: 24px;
	}
}
@media(max-width:991px){
	.add_more_fcl_btn, .delete_fcl_btn{
		margin-top: 0;
		margin-bottom: 30px;
	}
}
.freightify-list .dataTables_length {
	padding: unset !important;
}
.plan_free_message.text-center {
	font-size: 23px;
	padding: 0px 0px 30px 0;
	font-weight: bold;
}


.monthly_price{
	position: relative;
}
.price b{
	line-height:30px;
}
/* .monthly_price b{
	position: absolute;
	top: 0;
	left: 0;
} */
.monthly_price p{
	font-size: 50px;
  line-height: 50px;
}
.monthly_price strike{
	font-size: 25px;
	font-weight: 600;
  color: #535353;
  line-height: 30px;
}
.yearly_price p{
	font-size: 50px;
  line-height: 50px;
}
.yearly_price strike{
	font-size: 25px;
	font-weight: 600;
  color: #535353;
  line-height: 30px;
}
.airline_name strong {
	font-size: 20px;
}

.booking-freightify-list .freight_land > div {
	width: 33%;
}
.plan_free_message.text-center {
	font-size: 22px;
	padding: 0px 0px 30px 0;
	font-weight: normal;
	max-width: 1000px;
	margin: auto;
}


/****** 5-11-2024 ****/
.tab-box {
    display: none;
}

.tabbanner-image{position: relative;}
.TabbannerContent{ max-width: 700px; width: 100%;  position: absolute; top:0px; left: 0px; height: 100%; display: flex; align-items: center; justify-content: center;      flex-direction: column;}
.tabbanner-image h2{color: #fff;    /*font-family: 'HelveticaNeue-Bold';*/ text-transform: uppercase; font-size: 60px; line-height: 70px;}
.maintab.nav-tabs .nav-item .nav-link.active img{filter: brightness(0) invert(1);}
.maintab.nav-tabs .nav-item .nav-link:hover img{filter: brightness(0) invert(1);}
.maintab.nav-tabs .nav-item .nav-link.active, .maintab.nav-tabs .nav-item .nav-link:hover {
    border: 2px solid #5A31DB;
    background-color: #5A31DB;
    color: #fff;
}


.freightform .form-group .form-line select.form-control{background-image: url(../images/down-arrow-large.svg); background-size: 20px;     background-position: right 19px center;}
.action_button .btn.btn-primary{    background-color: #5A31DB;   color: #fff; box-shadow: none; border: none;     min-width: 150px;}
.action_button .btn.btn-primary i{display: none;}
.action_button .btn.btn-primary:hover{    background-color: #22D4AD;   color: #fff; }
.freightform .details-sidebar-wrap .nav-tabs .nav-item{margin-right: 20px;}
.freightform .details-sidebar-wrap .nav-tabs .nav-item:last-child{margin-right: 0;}
.freightform .details-sidebar-wrap .nav-tabs .nav-item .nav-link{    min-width: 120px;     text-align: center;}
.freightform .details-sidebar-wrap .nav-tabs .nav-item .nav-link::after{height: 6px;}
.blog-navigation .previous_next_links img{filter: brightness(0) invert(1);}
.input-group-append a span{color:#fff;}

.freightform .form-group .select2-container--default .select2-selection--single{background-image: url(../images/down-arrow-large.svg); background-size: 20px;     background-position: right 19px center;}

.air_total_shipment_div, .air_unit_div {
    padding-top: 26px;
}

.banner-section .headingCard {margin-bottom: 30px;}



/*** form Tab ***/


.form-row-calculate{display: flex; gap: 0px 19px;}
.calculate_partner .form-group  .form-line .form-control { height: 70px; padding-left: 27px; background-color: transparent; color: #232325; font-size: 16px; border-radius: 8px !important; border: 1px solid #797979;}
.calculate_partner .form-group  .form-line .form-control:focus {
    color: #232325;
    background-color: transparent;
    border-color: #5A31DB !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(90,49,219,.25);
}

.calculate_partner .form-row-calculate .col-from {
    width: 35%;
}

.calculate_partner .form-row-calculate .col-to {
    width: 35%;
}

.calculate_partner .form-row-calculate .col-weight{
    width: 30%;
}
.calculate_partner .form-group  .form-line{position: relative;}
.calculate_partner .form-group  .form-line label.control-label {
    position: absolute;
    top: -13px;
    left: 16px;
    z-index:2;
    background-color: #fff;
    display: inline-flex;
    padding: 0px 7px;
    color: #797979;
    font-size: 15px;
}
.calculate_partner .form-row-calculate > div{margin-bottom: 30px;}
.calculate_partner .col-from{position: relative;}
.calculate_partner .col-from .input-group {position: relative;}
.calculate_partner .col-from .input-group  .form-control, .calculate_partner .col-to .input-group  .form-control {padding-left: 65px; padding-right: 40px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.calculate_partner .col-from .input-group:before{position: absolute; left:23px; top:23px; content: '';  background-image: url(../images/ship-parcel-icon.svg); background-repeat: no-repeat; height: 27px; width: 27px; z-index: 1; }
.calculate_partner .col-from .form-group  .form-line .input-group select.form-control, .calculate_partner .col-to .form-group  .form-line .input-group select.form-control{background-image: url(../images/small-arrow-icon.svg);
    background-repeat: no-repeat; background-position: 94% 33px;}

.calculate_partner .form-group  .form-line .form-control:focus, .calculate_partner .form-group  .form-line .form-select:focus {
    z-index: 1;
}

.calculate_partner .form-group  .form-line .form-control:disabled, .calculate_partner .form-group  .form-line .form-control[readonly] {
    background-color: transparent !important;
}
.calculate_partner .form-group  .form-line .form-control::placeholder {
    color: #232325; 
    opacity: 1;
}

.calculate_partner .col-to .input-group:before{position: absolute; left:23px; top:23px; content: '';  background-image: url(../images/location-ship-icon.svg); background-repeat: no-repeat; height: 25px; width: 25px; z-index: 1; }
.calculate_partner .item_weights .form-line .form-control{padding-left: 27px; padding-right: 20px;}
.calculate_partner .item_weights .form-line select.form-control, .calculate_partner .pallet_box .form-line select.form-control{background-image: url(../images/small-arrow-icon.svg); background-repeat: no-repeat; background-position: 94% 33px;}

.partner-rates-bg-btn .btn-primary{height: 70px; display: flex; align-items: center; justify-content: center; width: 100%; border-radius: 50px; min-width: 150px;}

.swap-location-icon {
    position: absolute;
    top: 0px;
    right: -31px;
    z-index: 1;
    padding: 0px;
    border: none;
    border-radius: 0px;
}


.calculate_partner .booking_type_div .form-line .form-control{padding-left: 27px; padding-right: 40px;}
.calculate_partner .booking_type_div .form-line .form-control{    background-image: url(../images/small-arrow-icon.svg); background-repeat: no-repeat; background-position: 94% 33px;}

.filter-row-item{display: flex; gap: 0px 19px;}
.filter-row-item > div{flex-grow: 1;}

.New_rate_calculator .modal-content .modal-body input.controls#pac-input {
    height: 70px;
    padding-left: 27px;
    background-color: transparent;
    color: #232325;
    font-size: 18px;
    border-radius: 8px !important;
    border: 1px solid #797979;
}
.New_rate_calculator .modal-content .modal-body input.controls#pac-input {
    height: 54px;
    padding-left: 27px;
    background-color: transparent;
    color: #232325;
    font-size: 18px;
    border-radius: 8px !important;
    border: 1px solid #797979;
    box-sizing: border-box;
    font-family: 'din_alternatebold';
}
.New_rate_calculator .modal-content .modal-body #store-address input {
    height: 54px;
    padding-left: 27px;
    background-color: transparent;
    color: #232325;
    font-size: 18px;
    border-radius: 8px !important;
    border: 1px solid #797979;
    box-sizing: border-box;
    font-family: 'din_alternatebold';
}
.New_rate_calculator .modal-content .modal-body #store-address .form-group {position: relative; margin-bottom: 26px;}
.New_rate_calculator .modal-content .modal-body #store-address .form-group:last-child{margin-bottom: 0px;}
.New_rate_calculator .modal-content .modal-body #store-address .form-group label{
    position: absolute;
    top: -13px;
    left: 22px;
    z-index: 2;
    background-color: #fff;
    display: inline-flex
;
    padding: 0px 7px;
    color: #797979;
    font-size: 18px;
}
.New_rate_calculator .modal-footer {
    border: none;
    padding: 0px;
    justify-content: center;
	padding: 0px 20px 26px;
}
.New_rate_calculator .modal-footer .btn-primary{
    height: 60px;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 50px;
}

.personal-section{padding: 40px 0px;}

.personal-section .services-section-tabs ul li .nav-link{min-width: 220px;}

.subscriptionbox{-webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
    box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);}

	.plan-title{    padding: 24px 20px;}


	@media  (min-width: 1200px) {
		.subscription-pricing .contents:nth-last-child(2) {
			margin: 0px;
		}
	
		.subscription-pricing .contents {
			margin-top: 50px;
		}


	}

	

@media  (max-width: 991px) {
	.form-row-calculate {
		flex-wrap: wrap;
	}
	.calculate_partner .form-row-calculate .col-from ,.calculate_partner .form-row-calculate .col-to {
		width: calc(50% - 10px);
	}

	.calculate_partner .form-row-calculate .col-weight {
		width: 100%;
	}

	.filter-row-item{    flex-wrap: wrap;}
	.filter-row-item > div.filter-col-item{margin-bottom: 30px;}
}



@media(max-width:767px){
	.tabbanner-image h2{    font-size: 21px; line-height: 27px;}
	.TabbannerContent{    max-width: 150px;}
div.country-code-mask .input-group input.form-control{margin-bottom: 5px;}
.country-code-mask .input-group-append{width: 100% !important;}



.calculate_partner .form-row-calculate .col-from ,.calculate_partner .form-row-calculate .col-to {
	width: 100%;
}
.swap-location-icon {
    top: 48px;
    right: 14px;
}
.swap-location-icon img {
    max-width: 29px;
}
	.banner-section{padding-top: 180px;     align-items: flex-start; }
	.shipping-calculatorBox .nav-pills{        border-top-right-radius: 10px;}
	.calculate_partner .form-group .form-line .form-control{height: 60px;}
	.calculate_partner .form-row-calculate > div{margin-bottom: 20px;}
	.filter-row-item > div.filter-col-item{margin-bottom: 20px;}
	.calculate_partner .form-group .form-line .form-control{font-size: 16px;}
	.calculate_partner .form-group .form-line label.control-label{    top: -12px;     font-size: 16px;}
	.calculate_partner .col-from .input-group:before, .calculate_partner .col-to .input-group:before{background-size: 20px;     top: 20px;
	}
	.calculate_partner .col-from .input-group  .form-control, .calculate_partner .col-to .input-group  .form-control {
		padding-left: 54px;
	}
	.partner-rates-bg-btn .btn-primary{height: 56px;}
	.cms-pages {
		margin-top:0px;
	}

	.cms-pages .head-banner h1{font-size: 24px;}
	.cms-pages .head-banner{padding: 24px 0; margin-bottom: 22px;}
	.plan-title-mobile:hover {
		color: #fff;
	}

	.plan-title {
		padding: 14px 20px;
	}
	.plan-title-mobile.collapsed {
		border-radius: 5px;
	}


}

.warehouse-section-tab.services-section-tabs{font-family: 'din_alternatebold' !important;}
.personal-section .rate_calculator-wrapper .details-sidebar{min-height: inherit; margin-bottom: 50px;}

.rate-calculate{background-color:#ffffff; border-radius:10px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25); -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, .25); margin:0 0 20px; border:1px solid #e0e0e0; display: flex; justify-content: space-between;}
.rate-calculate .thumbnail-logo{display: flex; align-items: center; gap: 10px; width: 25%; padding:30px;}
.rate-calculate .thumbnail-logo figure{height:73px; width:73px; border-radius:10px; display: flex; align-items: center; background-color: #FFF4D9; justify-content: center;}
.rate-calculate .thumbnail-logo h5{font-size:15px; color:#232325; margin:0;}
.routebox{width:50%; display:flex; align-items: center; justify-content: space-between; padding:30px 0; position:relative;}
.routebox:after{position:absolute; content:""; left:0; top:0; bottom:0; margin:auto; background-color:#d9d9d9; height:2px; width:100%;}
.day-content{background-color: #5A31DB; border-radius: 20px; color: #ffffff; font-size: 14px; padding: 2px 23px; position:relative; z-index:1;}
.route{position:relative;}
.route:after{position:absolute; content:""; top:0; bottom:0; left:0; border:2px solid #D9D9D9; border-radius:50%; height:15px; width:15px; margin: auto; background-color: #fff; z-index: 1;}
.route:before{position:absolute; content:""; top:0; bottom:0; left:5px; border-radius:50%; height:5px; width:5px; margin: auto; background-color: #5a31db; z-index: 2;}
.route:last-child:after{right:0; left:auto;}
.route:last-child:before{right:5px; left:auto;}
.route h5{font-size:18px; color:#232325; margin:0 0 40px;}
.route span{display:block; font-size:15px; color:#9E9E9E;}
.route:last-child h5, .route:last-child span{text-align:right;}

.price-start{background-color:#fafafa; width:15%; padding:30px; text-align:center; border-radius:0 10px 10px 0; display: flex; align-items: center; flex-direction: column; justify-content: center;}
.price-start span{display:block; font-size:14px; color:#797979;}
.price-start strong{display:block; font-size:26px; color:#232325;}
.price-start strong b{font-size:23px;}
.price-start .btn.btn-primary{padding: 6px 15px; font-size: 16px; height: auto;}
@media  (max-width: 1199px) {
.rate-calculate .thumbnail-logo{padding: 30px 15px;}
.routebox{width: 45%;}
.price-start{width: 20%; padding: 30px 15px;}
}
@media  (max-width: 767px) {
.rate-calculate{flex-direction:column; padding:15px;}
.rate-calculate .thumbnail-logo{width:100%; padding:0;}
.routebox{width: 100%; padding:15px 0;}
.price-start{width: 100%; padding:15px; border-radius:10px;}
}

/*contact us*/
.contact_content{display: flex; flex-wrap: wrap; justify-content: space-between; padding:0 0 50px 0;}
.left_panel{width:100%;}
.right_panel{width:100%;}

.contact_us_form{background-color:#ffffff; padding:50px; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); border-radius: 30px; margin:20px 0 0;}
.contact_us_form .form-group{margin:0 0 20px;}
.contact_us_form .form-control{border: 1px solid #707070; height: 56px; border-radius: 5px; box-shadow:none; padding: 6px 12px; font-size: 18px; color: #8D8D8D;}
.contact_us_form .form-control:focus{border: 1px solid #707070;}
.contact_us_form textarea.form-control{resize:none; height:150px;}
.contact_us_form .btn-primary{padding: 10px 25px; font-size: 18px;}
.contact_info ul{margin:20px 0 0;}
.contact_info ul li{width:100%; padding:0 0 15px; text-align:center;}
.contact_infobox{background-color:#ffffff; height:100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; padding:20px 20px; font-size: 16px; border: 1px solid #D9D9D9; border-radius: 20px;}
.contact_infobox strong{display:block; font-size: 22px; font-family: 'din_alternatebold'; margin:0 0 5px;}
.contact_infobox figure{margin:0 0 5px;}

@media(max-width:767px){
.contact_us_form{padding: 30px 15px;}
.contact_us_form .form-control{height: 46px;}
.contact_us_form .on_click_submit .btn.btn-submit{padding: 8px 20px;}
}
/*contact us*/

.app-download-section{padding: 60px 0px; position: relative; z-index: 1; }
.app-workarea {display: flex; align-items: center; flex-wrap: wrap;}
.app-workarea .qr-code{margin-right: 20px;}
.app-workarea .qr-code img{border-radius: 10px;}
.download-app-btn span{margin-bottom: 12px;}
.download-app-btn span:last-child{margin: 0;}
.app-download-section p{margin: 16px 0px 28px;}
.headingCard h2{margin: 0px; padding: 0px 0px 10px;display: block;  font-size: 45px; font-family: 'din_alternatebold';}
.app-downloadCard{max-width: 1100px; margin: 70px auto 50px; position: relative; z-index: 1; background: #22D4AD; border-radius: 20px; padding: 45px;}
.app-downloadCard .appScreen-holder{position: absolute; top:-86px; right: -50px; z-index: 1;}
.app-downloadCard .appScreen-holder:after{position: absolute; top:0px; right: 0px; left: 0px; bottom: 0px; margin: auto; content: ''; background-image: url(../images/circle-app-bg.svg); background-repeat: no-repeat; height: 446px; width: 446px; z-index: -1; -webkit-animation: mover 1s infinite alternate;
animation: moverCircle 1s infinite alternate; }
.app-downloadCard .appScreen-holder figure{margin-left: 57px; -webkit-animation: mover 1s infinite alternate;
animation: mover 1s infinite alternate;}

@-webkit-keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}
@keyframes mover {
0% { transform: translateY(0); }
100% { transform: translateY(-10px); }
}

@-webkit-keyframes moverCircle {
0% { transform: translateY(0); }
100% { transform: translateY(20px); }
}
@keyframes moverCircle {
0% { transform: translateY(0); }
100% { transform: translateY(20px); }
}

@media (max-width: 1199px) {
.app-downloadCard .appScreen-holder figure{    margin-left: 0px;}
.app-downloadCard{max-width: 100%;}
.app-downloadCard .appScreen-holder{right: 0px;}
.app-downloadCard .appScreen-holder:after{left: -40px; height: 400px; width: 400px; background-size: 400px;}
.headingCard h2{font-size: 36px;}
}
@media (max-width: 991px) {
.app-downloadCard .appScreen-holder{position: relative; top: 0px; right: 0px; z-index: 1; margin-top: 20px;}
.app-downloadCard .appScreen-holder figure{margin: 0px;}
.app-downloadCard .appScreen-holder:after{left: -20px;}
.headingCard{text-align: center !important;}
.headingCard h2{font-size: 24px;}
.headingCard p{font-size: 18px; line-height: 24px;}
.app-workarea{justify-content: center; margin-bottom: 12px;}
}
@media (max-width: 767px) {
.app-downloadCard{margin: 0px 0px; padding: 22px;}
.headingCard p{font-size: 16px; line-height: 24px;}
.app-workarea .qr-code{margin-right: 0; padding-right: 6px;}
.app-workarea > div{width: 50%;}
.app-downloadCard .appScreen-holder::after{display: none;}
}

@media (min-width: 1200px) {
.filter-row-item > div.col-weight.int_item_weights{min-width: 230px;}
.calculate_partner .item_weights .form-line select.form-control, .calculate_partner .pallet_box .form-line select.form-control{background-position: 95% 33px; padding-left: 15px; padding-right: 30px;}
}



/****** 06-05-2025 *****/
.contact_us_form {
    display: flex;
    padding: 0px;
    box-shadow: none;
	width: 100%;
	padding: 0px 0px;
	margin-bottom: 30px;
}

.contact_us_form .left-contactFlex{width: 40%; padding: 0px 20px; background: linear-gradient(to right, rgba(34, 212, 173, 0.6) 0%, rgba(90, 49, 219, 0.6) 100%); display: flex; align-items: center; justify-content: center; border-top-left-radius: 30px; border-bottom-left-radius: 30px; position: relative;}
.contact_us_form .right-contactFlex{width: 60%; padding: 30px 40px; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);
    box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); background-color: #fff;  border-top-right-radius: 30px; border-bottom-right-radius: 30px;}

.image-thumbCaption{position: relative; z-index: 1; text-align: center;}

.social-links-info{ position: absolute; top:0px; left: 0px; background-color: #fff; padding: 12px; border-bottom-right-radius: 10px;}
.social-links-info li{margin: 0px 0px 12px;}
.social-links-info li:last-child{margin:0px;}

html[lang="ar"] .social-links-info{left: auto; right: 0px; border-bottom-left-radius: 10px; border-bottom-right-radius: 0px;}
html[lang="ar"] .contact_us_form .left-contactFlex{ border-top-right-radius: 30px; border-bottom-right-radius: 30px;  border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
html[lang="ar"]  .contact_us_form .right-contactFlex{ border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-top-left-radius: 30px; border-bottom-left-radius: 30px;}

.socialFooterLink li a img{filter: brightness(0) invert(1); -ms-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	-o-transition: all .8s ease 0s;
	-webkit-transition: all .8s ease 0s;
	transition: all .8s ease 0s; max-width: 35px;}
.socialFooterLink li a:hover img{filter: brightness(1) invert(0); opacity: 1 !important; visibility: visible !important;}

@media (max-width: 767px) {
.contact_us_form{flex-wrap: wrap; flex-direction: column-reverse;}
.contact_us_form .left-contactFlex,.contact_us_form .right-contactFlex{width: 100%;}
.contact_us_form .right-contactFlex{padding: 20px;}
.contact_us_form .left-contactFlex{border-radius: 20px; padding-top: 40px; border-top-left-radius: 0px; border-top-right-radius: 0px;  }
.contact_us_form .right-contactFlex{border-radius: 20px;  border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

html[lang="ar"] .contact_us_form .left-contactFlex{border-radius: 20px;  border-top-left-radius: 0px; border-top-right-radius: 0px;}
html[lang="ar"]  .contact_us_form .right-contactFlex{border-radius: 20px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}

}



@media(max-width:1399px){
	.calculate_partner .form-group .form-line label.control-label{
		font-size: 16px;
		left: 15px;
	}
}
@media(max-width:991px){
	.filter-row-item > div{
		margin-bottom: 30px !important;
	}
}


/******* 02-06-2025 ****/

html[lang="ar"]  .swap-location-icon{    right: auto; left: -30px;}
.blog-box .set_blog_image{
	height: auto !important;
}

.right-sidebar ul li .recent-blog-list figure .set_recent_blog_image {
    width: auto !important;
    height: auto !important;
    overflow: hidden;
}

.blog-img a {
    display: block;
    height: 260px;
    overflow: hidden;
}

.blog-box .blog-img a img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
}
.blog-list-row .right-sidebar ul li .recent-blog-list figure {
    flex: inherit;
    max-width: 100%;	
    height: 50px;
    width: 50px;
    border: 1px solid #ddd;
}

.right-sidebar ul li .recent-blog-list figure .set_recent_blog_image {
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
    object-fit: cover;
    max-height: 100%;
}

.right-sidebar ul li .recent-blog-list .title {
    flex: auto;
    max-width: 100%;
    width: calc(100% - 55px );
}


@media(max-width:767px){
	.personal-section .services-section-tabs ul li .nav-link {
    min-width: auto;
    height: auto;
    padding: 10px 27px;
}
.personal-section .services-section-tabs ul li .nav-link.active:after{        bottom: -15px;}
.swap-location-icon{display: none;}

.about-section .about-row .img-column .alod-about-img figure {
	max-width: 100%;
}


}


/******   04-06-2025 freight css  *****/


.seaForm-area{padding: 60px 0px; min-height: 760px; display: flex; align-items: center;}
.seaBlock-card .headingCard{margin-bottom: 20px;}
.seaBlock-card {
    width: 100%;
}
.seaForm-freight .nav-pills{display: inline-flex;  gap: 0px 4px; border-radius: 10px;filter: drop-shadow(0 4px 15px rgba(58, 112, 191, .1)); background-color: #fff; overflow: hidden;padding: 4px;position: relative; z-index: 2;; margin-bottom: 10px;}
.seaForm-freight .nav-pills .nav-link{display: flex; align-items: center; border-radius: 10px;  gap: 0px 8px; color: #232325; 	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s; outline: none;}
.seaForm-freight .nav-pills .nav-link.active{    color: #037ee3;
    background-color: rgb(3 126 227 / 14%);}

.seaForm-freight  .nav-pills .nav-link span {
    background: rgb(3 126 227 / 23%);
    height: 23px;
    width: 23px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
		-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s;
}

.seaForm-freight  .nav-pills .nav-link span img {
    max-width: 100%;
    height: auto;
    width: auto;
}

.seaForm-freight .nav-pills #pills-Air-tab.nav-link.active{ background-color: rgb(217 76 43 / 23%); color: #d94c2b;}
.seaForm-freight .nav-pills #pills-Land-tab.nav-link.active{ background-color: rgb(244 171 10 / 23%);     color: #cd8f08;}

	.seaForm-freight .nav-pills #pills-Air-tab.nav-link span{background-color: rgb(217 76 43 / 23%);}
	.seaForm-freight .nav-pills #pills-Land-tab.nav-link span{background-color: rgb(244 171 10 / 23%)}

.seaForm-freight .nav-pills #pills-Sea-tab.nav-link.active span{  background: rgb(255 255 255 / 54%);}
.seaForm-freight .nav-pills #pills-Air-tab.nav-link.active span{    background: rgb(255 255 255 / 54%);}
.seaForm-freight .nav-pills #pills-Land-tab.nav-link.active span{background: rgb(255 255 255 / 54%);}
.seaForm-freight .nav-pills .nav-link:hover{background-color: #efefef;}


.freight-boxCard{ background-color: #fff;    border-radius: 12px;box-shadow: 0 10px 70px 0 rgba(58, 112, 191, .16); position: relative;z-index: 1; padding: 10px;}
.freight-row{display: flex; gap: 0px 10px;}
.freight-row .search-btn{flex: 0 0  auto;}
.freight-row .freight-col{display: flex;flex-basis: 50%;flex-grow: 1;flex-shrink: 1;}
.freight-row .freight-col .form-control {color: #232325;     height: 55px;font-size: 16px;border-radius: 8px; border: 1px solid #797979;     padding-left: 42px;
    padding-right: 20px;text-overflow: ellipsis; white-space: nowrap; background-image: url(../images/location-ship-icon.svg);
    background-repeat: no-repeat; background-position: 10px center;}

.freight-row .freight-col .form-control:focus {
    background-color: transparent;
    border-color: #5A31DB !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(90,49,219,.25);
}

.freight-row  .city-form {display: flex; width: 100%;}
.city-form .city-col{width: 50%; position: relative;}
.freight-row .freight-right{display: flex; width: 100%;}
.freight-row .freight-right > div{width: 50%;}
.search-btn .btn-primary {
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 50px;
    min-width: 120px;
	    font-size: 18px;
}









/******   10-06-2025 freight css  *****/
.luggage-shipping-section{padding: 30px 0px 60px;}
.luggage-shipping-section .headingCard h2{font-size: 30px; line-height: 40px; margin-bottom: 20px;}

.luggage-shipping-section .nav.nav-tabs {
    justify-content: flex-start;
    margin: 0px 0px 20px;
    gap: 0px 10px;
	border: none;

}



.luggage-shipping-section .nav.nav-tabs .nav-link {
    font-size: 16px;
    color: #232325;
    text-decoration: none;
    border-radius: 50px;
    border: 1px solid rgba(19, 19, 19, .30);
    padding: 4px 20px;
    min-width: 140px;
    height: 50px;
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-family: 'din_alternatebold';
}

.luggage-shipping-section .nav.nav-tabs .nav-link.active {
    color: #fff;
	background-color: #5A31DB;
    border: 1px solid #5A31DB;
}

.luggageList{display: flex; flex-wrap: nowrap; gap: 0px 26px;}
.luggageBox{height: 100%; position: relative; z-index: 1; text-align: center; font-family: 'din_alternatebold'; font-size: 16px; }
.luggageBox h3{color: #000; margin: 0px; padding: 15px 0px; font-size: 18px; display: block; font-family: 'din_alternatebold';}
.luggageBox .Detailtooltip{color: #000000;  line-height: 22px; }
.luggageBox strong.maXLBS {font-weight: normal; display: block; color: #797979;}
.luggageBox strong.greenText {color: #22D4AD;}
.luggageBox strong.yellowText {color: #F7AC1A;}

.luggageList li {
    flex: auto;
}
.luggageBox figure {
    height: 280px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.luggageQuantity {margin: 15px 0px;}
.luggageQuantity  .form-select{color: #232325; border: 1px solid #797979; width: 72px; height: 48px; padding: 5px 14px; border-radius: 6px; margin: auto;}
html[lang="ar"] .luggageQuantity  .form-select {background-position: left .75rem center;}
html[lang="ar"] .luggage-shipping-section .btn-grp .btn img {
    transform: rotate(-180deg);
}
html[lang="ar"] .luggage-shipping-section .btn-grp .btn img{margin-right: 10px; margin-left: 0px;}
html[lang="ar"] .luggage-shipping-section .btn-grp .btn:hover img{margin-right: 0px;}
.luggageQuantity  .form-select:focus{background-color: transparent;
    border-color: #5A31DB !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(90, 49, 219, .25);}




	.luggage-shipping-section .btn-grp{justify-content: flex-end; margin-top: 30px; gap: 0px 16px;}
	.luggage-shipping-section .btn-grp .btn{
    height: 70px;
    min-width: auto;
    padding: 10px 33px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-family: 'din_alternatebold';

	
}
	.luggage-shipping-section .btn-grp .btn img{    margin-left: 10px;    filter: brightness(0) invert(1); margin-left: 10px;
    position: relative;
    transition: all 0.4s ease-in-out;
    width: 27px;
    height: 27px;}
.luggage-shipping-section .btn-grp .btn:hover img{transition: all 0.4s ease-in-out;
    filter: brightness(1) invert(1);
    margin-left: 0px;
    height: 0;
    width: 0;}
	.luggage-shipping-section .btn-grp .btn.btn-border {
    border: 1px solid #22D4AD;
    color: #22D4AD;
   
}
	.luggage-shipping-section .btn-grp .btn.btn-border img{  filter:inherit;}
.luggage-shipping-section .btn-grp .btn.btn-border:after{background-color: #22D4AD;}
	.luggage-shipping-section .btn-grp .btn.btn-border:hover{color: #fff;}
	.luggage-shipping-section .btn-grp .btn.btn-border:hover img{    filter: brightness(1) invert(1);}

.popover-content {
	display: none;
}

/* optional shadow */

.custom-popover{   padding:16px;   z-index: 2;}
.popover-body {
  border: none;
	padding: 0px;




}
.popover-body  p{font-family: 'din_alternatebold';
  color: #000000;   font-size: 16px; margin: 20px 0px 0px;   line-height: 20px;}


	@media (min-width: 992px) and (max-width:1199px){
.luggageBox h3{font-size: 16px;}
.luggageBox{font-size: 14px;}
	}

	@media (min-width: 768px) and (max-width:991px){
.luggageBox h3{font-size: 16px;}
.luggageBox{font-size: 14px;}
.luggageList{flex-wrap: wrap;
    gap: 0px;}
.luggageList li {
    flex: inherit;
    width: 33.33%;
    padding: 0px 10px 20px;
}

	}

	@media(max-width:767px){

.luggageBox h3{font-size: 16px;}
.luggageBox{font-size: 14px;}
.luggageList{flex-wrap: wrap;
    gap: 0px;}
.luggageList li {
    flex: inherit;
    width: 50%;
    padding: 0px 10px 20px;
}
.luggage-shipping-section{padding: 16px 0px;}
.luggage-shipping-section .headingCard h2{font-size: 22px; text-align: center; margin-bottom: 10px;}
.luggage-shipping-section .nav.nav-tabs{justify-content: center; margin-bottom: 0px;}
.luggageBox figure{height: 240px;}
.luggageBox figure img{max-height: 100%;}
.luggage-shipping-section .btn-grp{justify-content: center;}
.luggage-shipping-section .btn-grp{margin-top: 10px; gap:0px 10px}
.luggage-shipping-section .btn-grp .btn img{max-width: 20px;}
.luggage-shipping-section .btn-grp .btn {
    flex: auto;
    font-size: 16px;
    padding: 5px 14px;
    height: 55px;
}
	}


.luggage-shipping-section .tab-calculatorBox{min-height: inherit; border-radius: 10px; -webkit-box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23); box-shadow: 0 0 8px 0 rgba(90, 49, 219, .23);}
.luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-to, .luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-from{width: 50%; margin-bottom: 0;}
@media (max-width:991px){
.luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-to, .luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-from{width: 48%;}
}
@media (max-width:767px){
.luggage-shipping-section .shipping-calculatorBox{margin-top: 20px;}
.luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-to, .luggage-shipping-section .tab-calculatorBox .calculate_partner .form-row-calculate .col-from{width: 100%; margin:10px 0;}
}






.header-inner .header-right .btn{
	box-shadow: none;
}

.loading-content {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	top: 0;
	bottom: 0;
	text-align: center;
	display: table;
	background: url(../images/routech-loader.svg) no-repeat center center rgba(0, 0, 0, 0.8);
	z-index: 99999;
	left: 0;
}

.loading-content .loader {
	margin: auto;
	font-size: 10px;
	position: absolute;
	text-indent: -9999em;
	border-top: 8px solid #4C4898;
	border-right: 8px solid #4C4898;
	border-bottom: 8px solid #4C4898;
	border-left: 8px solid #fff;
	-webkit-animation: spin 1s linear infinite;
	animation: spin 1s linear infinite;
	display: table-cell;
	vertical-align: middle;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 999;
}

.loading-content .loader,
.loader:after {
	border-radius: 50%;
	width: 15em;
	height: 15em;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg)
	}
}

@keyframes spin {
	0% {
		transform: rotate(0)
	}

	100% {
		transform: rotate(360deg)
	}
}



/* listing css */


@media(min-width: 1345px){
	.container.container-2 {
		max-width: 1345px;
		margin: 0 auto;
	}
}

.bg-light{
	background-color: #F5F5F9 !important;
}

.sea_rates_listing{
	display: flex;
	flex-wrap: wrap;
}
.filter-box{
	width: 293px;
	background: #fff;
	padding: 25px 0;
	border-radius: 10px;
	box-shadow: 0px 4px 15px 0px #3F3A8C14;
}
.filter-box .filter-head{
    padding: 0 25px;
    margin-bottom: 30px;
}
.filter-box .filter-head h3{
	font-size: 16px;
    font-weight: 600;
	color: #000C37;
	margin-bottom: 0;
}
.filter-box .filter-head a{
	font-size: 15px;
	font-weight: 500;
	color: #9EA9B9;
	transition: all 0.3s ease-in-out;
}
.filter-box .filter-head a:hover{
	color: #b00000;
}
.filter-box .section{
    padding: 0 25px 27px;
	margin-bottom: 20px;
	border-bottom: 1px solid #9EA9B94D;
}
.filter-box .section:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.filter-box .section h4{
	font-size: 16px;
    font-weight: 600;
	color: #000C37;
	margin-bottom: 16px;
}
.filter-box .section .input-row {
    display: flex;
	align-items: center;
    gap: 10px;
	margin-bottom: 30px;
}

.price-filter-range .ui-slider-range{
	background-color: #4C4898;
}
.price-filter-range .ui-state-active{
	background-color: #fff !important;
	border-color: #ddd !important;
}
.days-filter-range .ui-slider-range{
	background-color: #4C4898;
}
.days-filter-range .ui-state-active{
	background-color: #fff !important;
	border-color: #ddd !important;
}
.price-filter-range , .days-filter-range{
	height: 2px !important;
}
.price-filter-range.ui-slider-horizontal .ui-slider-range , .days-filter-range.ui-slider-horizontal .ui-slider-range{
	height: 2px;
}
.price-filter-range.ui-slider-horizontal .ui-slider-handle , .days-filter-range.ui-slider-horizontal .ui-slider-handle{
	top: -9px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 2px solid #000C37;
	background-color: #fff;
}

.filter-box .section .input-row input {
    width: 100%;
    padding: 9px 15px;
    border: 1px solid rgb(158, 169, 185,0.5);
    border-radius: 5px;
}
.filter-box .section .input-row span{
	font-size: 16px;
	font-weight: 700;
	color: #9EA9B9;
}


.form-check-box{
	display: flex;
	align-items: center;
	margin:0 0 15px;
}
.form-check-box:last-child{
	margin-bottom: 0;
}
.form-check-box .checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
	margin:0 ;
    font-size: 15px;
	font-weight: 400;
	color: #000C37;
	padding-left: 11px;
}
.form-check-box .form-check-input{
	width: 18px;
	height: 18px;
	background-color: #fff;
	border: 1px solid rgb(158, 169, 185,0.5);
	border-radius: 2px;
	margin: 0;
}
.form-check-box .form-check-input[type="radio"]{
	border-radius: 50%;
}
.form-check-box .form-check-input[type="radio"]:checked{
	background-image: url("../images/radio-btn.svg");
	background-size: 10px;
	background-color: #fff;
}

.form-check-box .form-check-input:focus{
	box-shadow: none;
}
.form-check-box .form-check-input:checked{
	background-color: #4C4898;
	border-color: #4C4898;
}
.form-check-box .form-check-input[type="checkbox"]:checked{
	background-image: url("../images/check-white-icon.svg");
	background-position: bottom 4px center;
	background-size: 10px;
}
.form-check-box .form-check-label{
	margin-left: 7px;
}

.form-check-box.disabled {
    opacity: 0.5;
}
.status-row {
    display: flex;
    gap: 5px;
    margin-top: 10px;
}
.filter-box .section .status-row .checkbox{
	padding: 7px 11px;
	min-height: 34px;
    border: 1px solid #ddd;
	background-color: #fff;
    border-radius: 30px;
    margin: 0;
	font-size: 14px;
    font-weight: 500;
	line-height: 1.2;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.filter-box .section .status-row .checkbox:has(input:checked){
	background-color: #000C37;
	border-color: #000C37;
	color: #fff;
}
.sea_rates_listing .listing-wrap{
	width: calc(100% - 293px);
	padding-left: 24px;
}
.listing-head{
	box-shadow: 0px 4px 15px 0px #3F3A8C14;
	padding: 9px;
	border-radius: 10px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.btn.btn-sky{
	background-color: rgb(0, 169, 201,0.1) !important;
	border-color: rgb(0, 169, 201,0.05) !important;
	color: #00A9C9 !important;
	min-height: 38px !important;
	padding: 5px 10px !important;
	min-width: 155px !important;
	border-radius: 7px !important;
}
.btn.btn-sky:hover{
	color: #fff !important;
	border-color: #00A9C9 !important;
}
.btn.btn-sky::before, .btn.btn-sky::after{
	background-color: #00A9C9 !important;
}
.btn.btn-sky img{
	max-width: 21px;
	margin-right: 10px;
	flex: 0 0 auto;
	transition: all 0.3s ease-in-out;
}
.btn.btn-sky:hover img{
	filter: invert(1) brightness(5);
}
.btn.btn-purple{
	background-color: rgb(76, 72, 151,0.1) !important;
	border-color: rgb(76, 72, 151,0.05) !important;
	color: #4C4897 !important;
	min-height: 38px !important;
	padding: 5px 10px !important;
	min-width: 155px !important;
	border-radius: 7px !important;
}
.btn.btn-purple:hover{
	color: #fff !important;
}
.btn.btn-purple::before, .btn.btn-purple::after{
	background-color: #4C4897 !important;
}
.btn.btn-purple img{
	max-width: 21px;
	margin-right: 10px;
	flex: 0 0 auto;
	transition: all 0.3s ease-in-out;
}
.btn.btn-purple:hover img{
	filter: invert(1) brightness(5);
}
.sortby span{
	flex: 0 0 auto;
	font-size: 15px;
	font-weight: 600;
	color: #000C37;
	padding-right: 7px;
}
.sortby .form-select{
	font-size: 15px;
	font-weight: 400;
	color: #000C37;
	border: none;
	padding: 0 35px 0 0;
	background-image: url("../images/arrow-down.svg");
}
.sortby .form-select:focus{
	box-shadow: none;
	outline: none;
}
.booking-box .card {
    width: 100%;
    padding: 20px;
    border-radius: 10px;
    background: #fff;
	box-shadow: 0px 4px 15px 0px #3F3A8C14;
    margin-bottom: 10px;
	border: none;
}

.booking-box .card-top{
	margin-bottom: 38px;
}
.booking-box .card-top,
.booking-box .card-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.action-btn{
	margin-left: auto;
	display: flex;
	align-items: center;
	gap: 15px;
}
.booking-box .card-top .left{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.booking-box .card .card-top .left figure{
	width: 44px;
	height: 44px;
	border-radius: 8px;
	padding: 4px;
	box-shadow: 0px 0px 8px 0px #ECEBF7;
	flex:  0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 16px;
}
.booking-box .card .card-top .left .carrier {
    font-size: 20px;
    font-weight: 600;
	color: #000C37;
	margin-bottom: 2px;
	line-height: 1.2;
}

.booking-box .card .card-top .left .carrier-id {
    font-size: 12px;
	font-weight: 500;
    color: #000C37;
	text-transform: uppercase;
}

.booking-box .card .card-top .middle{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
.booking-box .card .card-top .middle .tag {
    background: #ECEBF7;
    padding: 3px 10px;
    border-radius: 30px;
    font-size: 12px;
	font-weight: 500;
	color: #000C37;
	min-height: 28px;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.booking-box .card .card-top .middle .tag img{
	margin-right: 5px;
	flex: 0 0 auto;
}
.booking-box .card .card-top .right a{
	min-width: auto !important;
	min-height: auto !important;
	width: 28px !important;
	height: 28px !important;
	border-radius: 4px !important;
	transition: all 0.5s ease-in-out;
}
.booking-box .card .card-top .right a:not(:last-child){
	margin-right: 10px;
}
.booking-box .card .card-top .right a img{
	margin-right: 0;
}

.booking-box .card-bottom .left-panel .title {
	font-size: 16px;
    font-weight: 600;
	display: flex;
	align-items: center;
	color: #000C37;
}
.booking-box .card-bottom .left-panel .title img{
	margin-right: 5px;
	flex:  0 0 auto;
}

.booking-box .card-bottom .left-panel .sub {
    font-size: 12px;
    color: #777;
}


.booking-box .card-bottom .left-panel{
	width: 100%;
	padding-right: 35px;
}
.booking-box .card-bottom .right-panel{
	text-align: right;
}
.booking-box .card-bottom .right-panel .price{
	font-size: 20px;
	font-weight: 600;
	color: #000C37;
	margin-bottom: 15px;
	display: flex;
	align-items: center;
}
.booking-box .card-bottom .right-panel .price img{
	flex: 0 0 auto;
	margin-right: 5px;
}
.destination-line {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
	padding-top: 25px;
}
.destination-line .progress-bar .round-icon{
	background: #fff;
    border: 2px solid #c9cfdb;
    border-radius: 50%;
    height: 14px;
    justify-content: center;
    margin: 0 4px;
    min-height: 14px;
    min-width: 14px;
    width: 14px;
}
.destination-line .progress-bar{
	display: flex;
	align-items: center;
	flex-direction: row;
	min-width: 80px;
	position: relative;
	overflow: visible;
}
.destination-line .progress-bar .bar-text{
	position: absolute;
	top: -25px;
	left: 5px;
	display: flex;
    align-items: center;
}
.destination-line .progress-bar:last-child .bar-text{
	left: auto;
	right: 5px;
}
.destination-line .progress-bar:nth-last-child(2) .bar-text{
	left: auto;
	right: 75px;
}
.destination-line .progress-bar.big-line .bar-text{
	left: 0 !important;
	right: auto !important;
}
.destination-line .progress-bar .bar-text img{
	flex:  0 0 auto;
	margin-right: 5px;
}
.destination-line .progress-bar .bar-text span{
	font-size: 12px;
	font-weight: 500;
	color: #797979;
	display: block;
	max-width: 80px;
}
.destination-line .progress-bar.big-line{
	flex: 1;
}
.destination-line .progress-bar:last-child{
	min-width: auto;
}
.destination-line .progress-bar:last-child .small-progress-line{
	display: none;
}
.destination-line .progress-bar .small-progress-line {
	border-top: 2px dashed #c9cfdb;
    height: 2px;
    position: relative;
    width: 100%;
}
.destination-line .progress-bar .small-progress-line::after{
	background: #00A9C9;
    border-radius: 4px;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(6px, -3px);
    width: calc(100% - 12px);
}
.destination-line .progress-bar.big-line .small-progress-line::after{
	background: #4C4897 !important;
}
/* .destination-line .progress-bar:first-child .small-progress-line::after ,  .destination-line .progress-bar:nth-last-child(2) .small-progress-line::after{
	background: #00A9C9;
} */
.destination-line .progress-bar:nth-child(2) .small-progress-line::after{
	background: linear-gradient(to right, #FF6F61, #7F3DFF);
}
.filter-icon-mobile{
	position: fixed;
    bottom: 20px;
    z-index: 9;
    left: 50%;
    transform: translateX(-50%);
	background-color: #fff;
    border: 1px solid #4C4898;
    padding: 8px 20px;
    border-radius: 50px;
	box-shadow: 0px 4px 15px 0px rgb(76, 72, 152,0.3);
	font-size: 14px;
	font-weight: 600;
	color: #4C4898;
	transition: all 0.3s ease-in-out;
}
.filter-icon-mobile:focus{
	background-color: #4C4898;
	color: #fff;
}
.filter-icon-mobile img{
	max-width: 22px;
	margin-right: 7px;
	flex: 0 0 auto;
}
.filter-icon-mobile:focus img{
	filter: invert(1) brightness(5);
}

/* listing css */
.dropdown-content {
	display: none;
	z-index: 1000;
	background-color: #fff;
	border-radius: 10px;
	box-shadow: 0px 6px 15px rgba(0,0,0,0.1);
	padding: 15px;
}
.dropdown-content.show {
	display: block;
}
span.error {
	color: #fb6340 !important;
	display: block !important;
	font-size: 100% !important;
	font-weight: normal !important;
	margin-top: .25rem;
}
.form-label {
	display: flex;
	align-items: center;
	
}
.form-label span{
	padding: 0 !important;
	padding-left: 3px !important;
	color: #b00000 !important;
}
.login-section .right-wrap span.error{
	padding: 0;
	font-size: 13px !important;
	color: #b00000 !important;
}
.stop-scroll{
	overflow: hidden;
}
header{
	z-index: 999 !important;
}
.number-field .country-option {
	z-index: 9;
}

.number-field .country-option .add-country-textbox{
	display: none;
}
.number-field .country-option .iti__country-container{
	position: relative;
	padding: 0;
}
.number-field .country-option input{
	padding: 10px 27px !important;
    font-size: 15px;
}
.number-field .country-option .iti__country-container .iti__selected-country-primary{
	padding: 0;
}
.number-field .country-option .iti__country-container .iti__dropdown-content{
	min-width: 250px;
}
.number-field .country-option{
	padding: 5px 20px 5px 20px !important;
	max-width: 115px;
}
.number-field .form-control {
    padding-left: 117px !important;
}
.number-field .country-option .iti__country-container .iti__selected-dial-code{
	font-size: 16px;
    font-weight: 400;
    color: #000C37;
}
.number-field .country-option .iti__country-container .iti__arrow{
	display: none;
}
.number-field .country-option .iti__country-list li span{
	padding: 0;
	font-size: 15px;
}
.btn.btn-secondary{
	background-color: rgb(217 216 238 / 30%);
	border-color: rgb(217 216 238 / 30%);
	color: #4C4898 !important;
	border-radius: 10px;
}
.btn.btn-secondary:hover{
	color: #fff !important;
}
.main-grid {
    display: grid;
    grid-template-columns: repeat(2 ,  1fr);
    gap: 10px;
}
.rate-section {
    padding: 23px 30px 45px;
    background: #fff;
    border-radius: 10px;
	margin-bottom: 10px;
}
.rate-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 35px;
    color: #000C37;
}
.rate-breakdown-row{
	display: flex;
	flex-wrap: wrap;
}
.rate-breakdown-row .left-box{
	width: 30%;
	text-align: right;
	padding-right: 19px;
	position: relative;
	margin-top: -10px;
}
.rate-breakdown-row .left-box span {
	position: absolute;
	right: -8px;
	top: 0;
	border: 1px solid #9EA9B9 ;
	background-color: #fff;
	z-index: 1;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
.rate-breakdown-row .left-box h2{
	font-size: 16px;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 3px;
	color: #000C37;
	display: flex;
	align-items: center;
	justify-content: end;
}
.rate-breakdown-row .left-box h2 img{
	margin-right: 10px;
}
.rate-breakdown-row .left-box p{
	font-size: 12px;
	font-weight: 500;
	color: #797979;
	line-height: 1;
	margin-bottom: 3px;
}

.rate-breakdown-row .right-box{
	width: 70%;
	padding-left: 30px;
	border-left: 1px dashed #9EA9B9;
}
.locations-box{
	margin: 25px 0 33px;
	border: 1px solid #DDE0E9;
	background-color: #fff;
	padding: 15px;
	border-radius: 10px;
	position: relative;
}
.locations-box.sea-box{
	background-color: rgb(217 216 238 / 25%);
	border-color: rgb(217 216 238 / 25%);
}
.locations-box.road-box{
	background-color: #E6FBFF;
	border-color: #E6FBFF;
}
.locations-box.port-box{
	margin-top: -8px;
}
.locations-box:not(.port-box)::before{
	position: absolute;
	left: -33px;
	top: 50%;
	content: "";
	background-color: #4C4898;
	width: 4px;
	border-radius: 20px;
	height: 60px;
	transform: translateY(-50%);
}
.locations-box.road-box:not(.port-box)::before{
	background-color: #1DB1CE;
}
.locations-box>div{
	margin-bottom: 10px;
}
.locations-box>div:last-child{
	margin-bottom: 0;
}
.locations-box h3{
    font-size: 15px;
    font-weight: 400;
    color: #000C37;
    margin-bottom: 0;
	display: flex;
	align-items: center;
}
.locations-box.sea-box h3{
	color: #4C4898;
}
.locations-box.road-box h3{
	color: #1DB1CE;
}
.locations-box h3 img{
	margin-right: 5px;
	flex: 0 0 auto;
}
.locations-box h3 strong{
	font-weight: 600;
	padding-right: 5px;
}
.locations-box p{
	font-size: 15px;
	font-weight: 400;
	color: #000C37;
	margin-bottom: 0;
	text-align: right;
	flex: 0 0 auto;
}
.locations-box h4{
	font-size: 15px;
	font-weight: 400;
	color: #000C37;
	margin-bottom: 0;
	white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
    overflow: hidden;
    max-width: 250px;
}
.validity-card {
	padding: 33px 30px 27px;
	box-shadow: 0px 4px 15px 0px #3F3A8C14;
	background-color: #fff;
	border-radius: 10px;
}
.validity-card h4{
	font-size: 20px;
    font-weight: 600;
    margin-bottom: 25px;
    color: #000C37;
}
.date-validity{
	font-size: 15px;
    font-weight: 400;
    margin-bottom: 0;
    color: #000C37;
	display: flex;
	align-items: center;
}
.date-validity img{
	flex: 0 0 auto;
	margin-right: 10px;
}
.departure-table{
	margin-top: 35px;
}
.departure-table table tr td:first-child{
	border-radius: 10px 0 0 10px;
}
.departure-table table tr td:last-child{
	border-radius: 0 10px 10px 0;
}
.departure-table table{
	border-collapse: separate;
	border-spacing: 0 8px;

}
.departure-table table tr td{
	font-size: 14px;
	font-weight: 400;
	color: #000C37;
	padding: 16px 17px;
	background-color: #ECEBF7;
	vertical-align: middle;
	border-radius: 0;
	border: none;
}
.departure-table table tr td img{
	margin-right: 7px;
	max-width: 20px;
}
.departure-table table tr td strong{
	font-weight: 600;
}
.departure-table .view-more{
	min-height: 53px !important;
}

/* details */

.detail-head{
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #FFFFFF;
	box-shadow: 0px 4px 15px 0px #3F3A8C14;
	border-radius: 10px;
	padding: 9px 7px 9px 20px;
	margin: 20px 0;
}
.detail-head a{
	font-size: 16px;
	font-weight: 600;
	color: #4C4898 !important;
	display: flex;
	align-items: center;
}
.detail-head a img{
	flex: 0 0 auto;
	margin-right: 11px;
}
.detail-head p{
	margin-left: 11px;
	padding-left: 11px;
	border-left: 2px solid #000C37;
	font-size: 16px;
	line-height: 1;
	font-weight: 500;
	color: #000C37;
}
.bg-white{
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0px 4px 15px 0px #3F3A8C14;
	margin-bottom: 10px;
}
.terms-card{
    padding: 23px 26px;
    background-color: #fff;
}
.terms-card h3{
	font-size: 20px;
    font-weight: 600;
    margin-bottom: 17px;
    color: #000C37;
}
.terms-card h4{
	font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #000C37;
}
.terms-card .terms-subtitle{
	font-size: 15px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #000C37;
}
.terms-card ul{
	padding-left: 20px;
}
.terms-card ul li{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 2px;
    list-style: disc;
}
.terms-card p{
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 2px;
}
.terms-card .terms-footer{
	margin-top: 20px;
	font-weight: 600;
	margin-bottom: 0;
}
.pre_book_boxes {
    display: grid;
    grid-template-columns: 1.9fr 1fr;
    gap: 10px;
}
.pre_book_detail-card{
	padding: 23px 26px;
}
.pre_book_detail-card h3{
	font-size: 20px;
    font-weight: 600;
    margin-bottom: 17px;
    color: #000C37;
}
.summary_box {
	background: #ffffff;
	border-radius: 10px;
	box-shadow: 0px 4px 15px 0px #3F3A8C14;
	margin-bottom: 10px;
	padding: 23px 26px;
}
.summary_box h3{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 17px;
	color: #000C37;
}
.summary_box span{
	font-size: 14px;
	font-weight: 600;
	color: #000C37;
}
.summary_box span.value{
	font-weight: 400;
}
.bg-white h3{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 17px;
	color: #000C37;
}
.number-field:has(.country-option.d-none) .form-control{
	padding-left: 20px !important;
}
.fcl-dropdown{
	position: absolute;
	top: 100%;
	left: 0;
	max-width: 290px;
	min-width: 290px;
	border: 1px solid #ddd;
}
.fcl-dropdown label{
	font-size: 14px;
}
.fcl-dropdown .form-control{
	font-size: 14px !important;
	min-height: 40px;
	font-weight: 400 !important;
    color: #000C37 !important;
    border: 1px solid #9EA9B999 !important;
	padding: 6px 12px !important;
}
.home-search-fields .box-left input{
	border-radius: 0 !important;
}
#resend-otp-btn{
	border: none;
	color: #4C4898;
	font-weight: 600;
    font-size: 14px;
    background-color: transparent;
}
.info-window {
    padding: 6px 12px;
    font-family: system-ui, sans-serif;
}
.info-title {
    font-weight: 700;
    font-size: 13px;
    color: #007bff;
    margin-bottom: 4px;
}
.info-body {
    font-size: 12px;
    color: #333;
}
.qty-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
}

.qty-box button {
  padding: 4px 10px;
  border-radius: 6px;
  border: 1px solid #d5d5d5;
  cursor: pointer;
  background: #fff;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 21px;
  font-weight: 500;
}
.qty-box span{
 font-size: 15px;
  font-weight: 500;
}
.decarb-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.decarb-left {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-right: 10px;
}

.info-note {
  background: rgb(76, 72, 152, 0.05);
  padding: 12px;
  border-radius: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 500;
}
.info-note  a{
    font-weight: 600;
    color: #4C4898;
    text-decoration: underline;
}

.info-note span {
  margin-right: 6px;
}
.price-btn {
  background: rgb(76, 72, 152, 0.1);
  color: #4C4898;
  border: none;
  padding: 8px 18px;
  border-radius: 8px;
  font-weight: 700;
  flex:  0 0 auto;
}
.terms-note{
	font-size: 14px;
    font-weight: 500;
	color: #000C37;
}
.terms-note a{
	color: #4C4898;
	font-weight: 700;
	text-decoration: underline;
}
.total-price {
  font-size: 15px;
  font-weight: 700;
  text-align: center;
}
.promo-box {
  display: flex;
  gap: 10px;
  margin: 20px 0;
  position: relative;
}

.promo-box input {
  flex: 1;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 8px;
  min-height: 46px;
  padding-right: 100px;
}

.promo-box button {
  padding: 8px 16px;
  background: rgb(76, 72, 152, 0.1);
  color: #4C4898;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 700;
  font-size: 14px;
  position: absolute;
  right: 3px;
  top: 50%;
  transform: translateY(-50%);
}
.details-grid{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.details-grid .detail-item label{
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 2px;
}
.details-grid .detail-item p{
	font-size: 14px;
	font-weight: 400;
}
.home-search-fields .form-field input {
    padding-right: 15px;
    text-overflow: ellipsis;
	min-height: auto;
}
/*
.home-search-fields .form-field:has(.error) input{
	border:1px solid rgb(176 0 0 / 50%);
	padding: 5px;
	border-radius: 5px !important;
}
*/
.home-banner-section .banner-content{
	max-width: 790px;
}
.listing-search-fields{
	background-color: #fff;
	padding: 8px 7px 8px 24px;
	border-radius: 10px;
	margin: 20px 0;
}
header.bg-white{
	padding: 18px 0 !important;
	border-radius: 0  !important;
}


/* details */



.emissions-wrapper {
    position: relative;
    display: inline-block;
	transition: all 0.3s ease-in-out;
}

.emissions-btn {
    background: #fff;
    border: none;
    height: 30px;
    padding: 9px 5px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 2px;
}

.emissions-btn:hover {
    background: #e8f0ff;
}
.emissions-dropdown {
    position: absolute;
    top: 30px;
    right: -100px;
    background: #ffffff;
    border-radius: 12px;
    padding: 14px 5px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12);
    width: 300px;
    opacity: 0;
	visibility: hidden;
    z-index: 9;
	transition: all 0.2s ease-in-out;
}

.emissions-wrapper:hover .emissions-dropdown {
	opacity: 1;
	visibility: visible;
}
.emissions-btn .arrow{
	font-size: 15px;
}
.em-item {
    padding: 10px 10px;
    border-bottom: 1px solid #edf0f7;
}

.em-item:last-child {
    border-bottom: none;
}

.em-left {
    display: flex;
    align-items: center;
    gap: 8px;
}

.em-icon {
    background: rgb(76, 72, 151,0.1) ;
    color: #1366d6;
    padding: 6px;
    border-radius: 8px;
    font-size: 14px;
}

.em-value {
    font-weight: 700;
    color: #1d2c4b;
	font-size: 14px;
}

.em-route {
    font-size: 11px;
	font-weight: 500;
    color: #67748e;
    margin-left: 32px;
    margin-top: 3px;
}

.feature-box .right-box{
	min-height: 370px;
}
.home-search-fields .box-left span.error{
	font-size: 13px !important;
	color: #b00000 !important;
}
#map {
    width: 100%;
    height: 380px;
}
.lang-btn .form-select{
	border-radius: 10px !important;
}

/* modal */

.routech-modal .modal-header{
	padding: 15px 20px;
}
.routech-modal .modal-title{
	font-size: 20px;
	font-weight: 600;
	color: #000C37;
}
.routech-modal .modal-body{
	padding: 20px;
}

/* modal */

.cards-listing li .box-inner::after{
	background-size: contain !important;
}
.routes-listing .route-box{
	min-width: auto !important;
}
.route-box .countryTop strong{
	max-width: 115px;
}

.route-box .countryTop figure{
	height: 25px;
    width: 25px;
    border-radius: 50%;
	overflow: hidden;
}
.route-box .countryTop figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.detail-head{
	padding: 9px 12px 9px 12px;
}



.toggle-tabs-box{
	margin: 15px 0 30px;
}
.toggle-tabs-btn{
	border: none;
	box-shadow: none;
	margin-bottom: 15px;
	gap: 10px;
}
/* .toggle-tabs-btn .nav-item:not(:last-child){
	margin-right: 10px;
} */
.toggle-tabs-btn .nav-item .nav-link {
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 500;
    color: #000C37;
    transition: all 0.3s ease-in-out;
    padding: 10px 25px;
}
.toggle-tabs-btn .nav-item .nav-link.active{
	font-weight: 600;
	color: #4C4898;
	border-color: rgb(76 72 152 / 50%);
	background-color: rgb(76 72 152 / 8%);
	box-shadow: rgb(76 72 152 / 10%) 0px 7px 29px 0px;
}
.uploadFile {
  font-size: 16px;
  line-height: 23px;
  overflow: hidden;
  position: relative;
  resize: none;
	display: flex;
	align-items: center;
}
.uploadFile [type=file] {
  cursor: pointer !important;
  display: block;
  font-size: 999px;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 0px;
  z-index: 1;
}
.uploadFile .filename{
	white-space: nowrap;
	font-size: 16px;
    font-weight: 400;
    color: #000C37;
	text-overflow: ellipsis;
	max-width: 340px;
    overflow: hidden;
}

.uploadFile .material-icons img{
	filter: invert(1) grayscale(1) brightness(0.6);
    max-width: 22px;
}

.input-with-select .form-select {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    width: auto;
    min-height: auto;
    border: none;
    border-left: 1px solid #ddd;
    border-radius: 0;
}

.footer-btn{
	gap: 10px;	
}

/* HS CODE CSS */
  .hs-dropdown {
    width: 280px;
    position: relative;
  }

  .hs-dropdown-input {
    border: 1px solid #ccc;
    padding: 10px 36px 10px 12px;
    border-radius: 6px;
    cursor: pointer;
    background: #fff;
    display: flex;
    align-items: center;
  }

  .placeholder {
    color: #888;
  }

  .hs-clear {
    position: absolute;
    right: 10px;
    top: 11px;
    cursor: pointer;
    display: none;
  }

  .hs-menu {
    position: absolute;
    top: 110%;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,.12);
    max-height: 250px;
    overflow-y: auto;
    display: none;   /* 👈 CLOSED BY DEFAULT */
    z-index: 10;
  }

  .hs-menu.open {
    display: block;
  }

  .hs-item {
    padding: 10px 12px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
  }

  .hs-item:hover {
    background: #f2f2f2;
  }

  .hs-icon {
    width: 18px;
    text-align: center;
  }

  /* HS CODE CSS END */
.hs-code-btn{
	background-color:transparent;
	border: none;
	font-weight: 600;
	color: #4C4898;
	padding: 0 0 5px;
	font-size: 15px;
}
.routech-modal .modal-body:has(.hs-dropdown){
	height: 360px;
}
.hs-menu{
	padding: 10px 10px 15px;
}
.hs-menu .item{
	font-size: 16px;
    font-weight: 500;
    padding: 10px 7px;
	border-radius: 5px;
	transition: all 0.2s ease-in-out;
	color: #000C37;
	cursor: pointer;
}
.hs-menu .item:hover{
	background-color: rgb(76 72 152 / 10%);
	color: rgb(76 72 152 / 100%);
}
.hs-menu h3{
	font-weight: 600;
	font-size: 21px;
    margin: 0 0 5px;
    color: #000C37;
}
.hs-code-data{
	position: relative;
    display: flex;
	align-items: center;
    max-width: 818px;
    overflow: hidden;
}
.hs-code-data #product-right-id {
    position: absolute;
    right: 7px;
    top: 50%;
    transform: translateY(-50%);
	font-size: 15px;
	font-weight: 500;
	color: #000C37;
}
.hs-code-data #product-right-des{
	width: 100%;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 65px;
	color: #000C37;
	font-size: 15px;
	font-weight: 500;
}
.thankyou-section{
	margin-top: 80px;
}
.thankyou-section .thankyou-content {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    align-items: center;
    border-radius: 20px;
    padding: 57px 30px;
    flex-direction: column;
    margin: 0 auto;
    max-width: 800px;
	border: 1px solid rgb(29 177 206 / 30%);
    -webkit-box-shadow: 0 0 10px rgb(29 177 206 / 20%);
    box-shadow: 0 0 10px rgb(29 177 206 / 20%);
    text-align: center;
}
.thankyou-section .thankyou-content img{
	max-width: 70px;
	margin-bottom: 10px;
}
.thankyou-section .thankyou-content h1{
	font-size: 35px;
    font-weight: 700;
    color: #000C37;
    margin: 0 0 10px;
}
.thankyou-section .thankyou-content p {
    font-size: 18px;
    font-weight: 400;
    color: rgba(19,23,32,0.8);
    margin: 0 0 20px;
}
.booking-box .card-bottom .left-panel .from{
	font-size: 13px;
	font-weight: 500;
}
.booking-box .card-bottom .left-panel .to{
	font-size: 13px;
	font-weight: 500;
}


@media(min-width:992px) and  (max-width:1321px){
	.home-banner-section{
		margin: 0 12px !important;
	}
}
@media(min-width:992px){
	.home-search-fields .box-left .form-field:not(.location-div .form-field){
		width: calc(22.5% - 10px) !important;
		margin-left: 10px;
	}
	.home-search-fields .box-left{
		padding-right: 10px;
	}
}
@media(max-width:1344px){
	.toggle-tabs-btn .nav-item .nav-link{
		padding: 8px 17px;
		font-size: 14px;
	}
	.hs-code-data{
		max-width: 710px;
	}
}
@media(max-width:1199px){
	.filter-box{
		position: fixed;
		left: -100%;
		top: 0;
		width: 320px;
		height: 100%;
		z-index: 9999;
		overflow-y: auto;
		transition: all 0.5s ease-in-out;
		padding: 45px 0 25px;
	}
	.filter-box.show{
		left: 0;
	}
	.sea_rates_listing .listing-wrap{
		width: 100%;
		padding: 0;
	}
	.filter-overlay{
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgb(0 12 55 / 30%);
		z-index: 999;
		opacity: 0;
		visibility: hidden;
		transition: all 0.5s ease-in-out;
	}
	.filter-overlay.show{
		opacity: 1;
		visibility: visible;
	}
	.filter-box-close{
	background-color: #4C4897;
	width: 37px;
	height: 35px;
	border-radius: 0 4px 0 10px;
	position: absolute;
	right: 0px;
	top: 0;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	}
	.filter-box-close img{
		filter: invert(1) brightness(5);
		max-width: 15px;
	}
	.locations-box h4{
		font-size: 14px;
	}
	.locations-box h3{
		font-size: 14px;
	}
	.locations-box p{
		font-size: 14px;
	}
	.departure-table table tr td{
		font-size: 13px;
	}
	.feature-box .right-box {
	    min-height: 320px;
	}
	.navbar li {
    	margin-right: 15px !important;
	}
	.logo {
        max-width: 180px;
    }
	.hs-code-data{
		max-width: 567px;
	}
}
@media(max-width:991px){
	.booking-box .card-bottom{
		flex-direction: column;
		align-items: start;
	}
	.booking-box .card-bottom .left-panel{
		padding-right: 0;
	}
	.booking-box .card-bottom .right-panel {
	    width: 100%;
    	padding-top: 22px;
		display: flex;
        align-items: center;
	}
	.booking-box .card-bottom .right-panel .btn.btn-fill{
		margin-left: auto;
	}
	.booking-box .card .card-top .left .carrier{
		font-size: 18px;
	}
	.booking-box .card-bottom .right-panel .price{
		margin-bottom: 0;
	}
	.booking-box .card-top {
    	margin-bottom: 28px;
	}
	.main-grid{
		grid-template-columns: repeat(1 ,  1fr);
	}
	.pre_book_boxes{
		display: block;
	}
	.pre_book_boxes .left_items{
		margin-bottom: 30px;
	}
	.home-banner-section .banner-content{
		max-width: 100%;
	}
	.listing-search-fields{
		padding: 20px 24px;
	}
	.feature-box .right-box.partner-images {
	    height: 500px !important;
		min-height: auto;
	}
	.routes-section .section-head h2{
		text-align: center;
		width: 100%;
	}
	.query-section .left-content{
		width: 100%;
	}
	.navbar{
		border-top: none !important;
	}
	.navbar.show{
		border-top: 1px solid #ddd !important;
	}
	.toggle-tabs-btn{
		flex-wrap: nowrap;
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
		padding-bottom: 10px;
	}
	.hs-code-data{
		max-width: 100%;
	}
	.pre_book_boxes .emissions-dropdown{
		right: 0;
	}
}
@media(max-width:767px){
	.booking-box .card-top{
		flex-wrap: wrap;
	}
	.booking-box .card-top .left{
		margin-bottom: 17px;
	}
	.booking-box .card{
		padding: 30px 12px 20px;
	}
	.booking-box .card .card-top .right{
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.booking-box .card .card-top .right a{
		width: 32px !important;
		height: 32px !important;
	}
	.booking-box .card-bottom .right-panel .btn.btn-fill{
		min-width: 120px;
	}
	.listing-head .left-box .btn {
    	min-width: auto !important;
		padding: 5px 7px !important;
	}
	.listing-head .left-box .btn img{
		margin-right: 0;
	}
	.listing-head .left-box .btn span{
		display: none;
	}
	.sortby span{
		font-size: 14px;
	}
	.sortby .form-select{
		font-size: 13px;
		padding: 0 23px 0 0;
		background-position: right 0 center;
	}
	.booking-box .card-bottom .left-panel{
		overflow: hidden;
	}
	.booking-box .card-bottom .left-panel .title{
		font-size: 14px;
	}
	
	.destination-line{
		overflow-x: auto;
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.destination-line .progress-bar.big-line{
		min-width: 220px;
	}
	.rate-breakdown-row{
		flex-direction: column;
	}
	.rate-breakdown-row .left-box{
		width: 100%;
		text-align: left;
		padding-right: 0;
		padding-left: 19px;
		margin-top: 0;
		border-left: 1px dashed #9EA9B9;
	}
	.rate-breakdown-row .left-box h2{
		justify-content: start;
		margin-bottom: 5px;
	}
	.rate-breakdown-row .left-box p{
		padding-left: 22px;
	}
	.rate-breakdown-row .left-box span{
		left: -8px;
		right: auto;
	}
	.rate-breakdown-row .right-box{
		width: 100%;
		padding-left: 19px;
	}	
	.locations-box:not(.port-box)::before{
		left: -23px;
	}
	.locations-box.port-box {
		margin-top: 15px;
	}
	.locations-box{
		margin: 15px 0 25px;
	}
	.detail-head{
		flex-wrap: wrap;
	}
	.detail-head a{
		width: 100%;
	}
	.detail-head .left-section a{
		margin-bottom: 10px;
	}
	.detail-head .left-section{
		padding-bottom: 15px;
	}
	.main-grid{
		display: block;
	}
	.rate-section{
		padding: 23px 18px 40px;
	}
	.validity-card{
		padding: 25px 18px 27px;
	}
	.table-responsive{
		white-space: nowrap;
	}
	.validity-card h4{
		margin-bottom: 15px;
	}
	.departure-table {
    	margin-top: 25px;
	}
	.decarb-box{
		flex-direction: column;
		text-align: left;
	}
	.decarb-box .price-btn{
		margin-right: auto;
		margin-top: 12px;
	}
	.decarb-box p{
		font-size: 14px;
	}
	.decarb-left{
		padding-right: 0;
	}
	.details-grid{
		flex-direction: column;
	}
	.details-grid .detail-item:not(:last-child){
		margin-bottom: 20px;
	}
	.main-grid .left-content{
		margin-bottom: 30px;
	}
	.bg-white{
		padding: 20px 18px;
	}
	.summary_box{
		padding: 23px 18px;
	}
	.listing-search-fields {
        padding: 20px 15px;
    }
	header.bg-white {
    	padding: 12px 0 !important;
	}
	.booking-box .card .card-top .middle{
		width: 100%;
	}
	.booking-box .card .card-top .middle .tag{
		width: calc(50% - 3px);
	}
	.emissions-wrapper{
		width: calc(50% - 3px);
	}
	.emissions-wrapper .tag{
		width: 100% !important;
	}
	.emissions-dropdown{
		right: 0;
		width: 280px;
	}
	.feature-box .right-box.partner-images {
    	height: 230px !important;
	}
	.header-inner .header-right .btn{
        width: 45px;
        height: 45px;
        min-width: auto;
        min-height: auto;
        padding: 11px;
    }
	.home-banner-section .banner-content ul li span {
        font-size: 13px !important;
        max-width: 87px !important;
    }
	.header-inner .header-right .btn:hover img{
		filter: invert(1) brightness(5);
	}
	.footer-btn .btn{
		width: 50%;
		min-width: auto !important;
	}
	.thankyou-section .thankyou-content{
		padding: 40px 15px;
	}
	.thankyou-section {
		margin-top: 50px;
	}
	.thankyou-section .thankyou-content img{
		max-width: 60px;
	}
	.thankyou-section .thankyou-content h1{
		font-size: 30px;
	}
	.thankyou-section .thankyou-content p{
		font-size: 16px;
	}
	.copyright-text{
		order: 3;
		text-align: center;
		padding: 0px 0 20px;
		font-size: 15px;
		font-weight: 500;
	}
	.footer-bottom {
		padding: 40px 0 10px !important;
	}
	.footer-bottom .footerlink-row{
		padding-right: 0  !important;
	}
}