/* API button color on disabled */
form#schedulesByPort #sbpSubmitBtn{
	margin-top: 12px;
}

.schedules-by-port-form-wrapper .form-submit-btn[disabled=disabled] {
    background-color: #922024;
    opacity: 0.6;
}

.schedules-point-to-point-form-wrapper .form-submit-btn[disabled=disabled] {
    background-color: #922024;
    opacity: 0.6;
}


.schedules-by-vessel-form-wrapper .form-submit-btn[disabled=disabled] {
    background-color: #922024;
    opacity: 0.6;
}


form#schedulesPointToPoint #sptopSubmitBtn {
        margin-top: 20px;
}

.api-input-error{
	color: #C02B0B;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-top: 4px;
    position: absolute;
	    margin-left: 15px;
}

/* Tariff and Charges */
.inland-point-dropdown-wrapper .search-bar, .merchant-inland-point-dropdown-wrapper .search-bar {
    margin-bottom: 12px;
}

.error-label-dropdown{
	color: #DD1F26;
	padding-left: 12px;
	display: none;
}

/* SR Download */
.srdownloadpdfwrapper{
	display: flex;
	justify-content: flex-start;
	padding-left: 20px;
}

.downloadpdf{
    background-color: #DD1F26;
    color: white;
    padding: 11px 50px 10px;
    line-height: 16.6px !important;	
    font-family: "Rubik", Sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.downloadpdf:hover{
	cursor: pointer;
	background-color: #C41016;
}


/* eVGM */
.evgm-title{
	text-align: left;
    font-size: 14px;
    color: white;
    background: #0072BC;
    padding-block: 10px;
    font-weight: 500;
    font-family: 'Rubik', sans-serif;
	padding-left: 20px;
}

.evgm-form-wrapper{
	display: flex;
	flex-direction:column;
	position: relative;
	justify-content: space-between;
	gap: 40px;
	padding: 20px;
    background: #F0F0F0;
}

.evgm-left-wrapper{
	width: 100%;
}

.evgm-right-wrapper{
	width: 100%;
	display: flex;
    justify-content: flex-start;	
}

.evgm-hero-field-title{
	color: #5A5A5A;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    font-family: "Rubik", sans-serif;	
	padding-bottom: 8px;
}

.evgm-textbox{
	padding: 10px 15px;
    color: #6D6D6D;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-family: "Rubik", sans-serif;
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0;
    outline: none;
    transition: all .3s;	
}

.evgm-textbox{
	padding: 10px 15px!important;
    color: #6D6D6D;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-family: "Rubik", sans-serif;
    width: 100%;
    border: 1px solid #cccccc!important;
    border-radius: 0!important;
    outline: none;
	position: relative;
}

.evgm-error-ref-no{
	color: #C02B0B;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
	margin-top: 4px;
}


.evgm-jobref-form{
    display: flex;
    gap:8px;	
}

.evgm-field-wrapper{
	width: 100%;
}

.excel-download-title{
	color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    font-family: "Rubik", sans-serif;		
}

.excel-download-button{
	color: #505050;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    font-family: "Rubik", sans-serif;
	display: flex;
	gap: 5px;
	align-items: center;
	margin-top: 4px;
}

.excel-download-button:hover{
	cursor: pointer;
}

.evgm-download-excel-ic{
	content: '';
	background: url('../images/evgm-excel-download.svg');
	width: 12px;
	height: 12px;
	position:relative;
}

/* evgm result */

.ref-info-row-result tr td:nth-child(4),
.ref-info-row-result tr td:nth-child(4) span,
.ref-info-row-result tr td:nth-child(4) span input{
	position: relative;
}

.txtContNo,
.evgmcalendar,
.evgmcutoffdatecalendar{
	width: 120px!important;
}

.tareWeight,
.txtWeight{
	width: 100px!important;
}


/* WebKit browsers */
#tblcontainer input::-webkit-input-placeholder {
    text-align: right;
    margin-right: -5px;
}

/* Mozilla Firefox */
#tblcontainer input:-moz-placeholder {
    text-align: right;
    margin-right: -5px;
}

/* Internet Explorer 10-11 */
#tblcontainer input:-ms-input-placeholder {
    text-align: right;
    margin-right: -5px;
}

/* Edge */
#tblcontainer input::-ms-input-placeholder {
    text-align: right;
    margin-right: -5px;
}

/* Universal solution for modern browsers */
#tblcontainer input::placeholder {
    text-align: right;
    margin-right: -5px;
}

#tblcontainer input[type="number"]::-webkit-outer-spin-button,
#tblcontainer input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
#tblcontainer input[type="number"] {
    -moz-appearance: textfield;
}

.calendar-wrapper{
    position: absolute;
    z-index: 1;
	display: none;
}

.evgm-searched-result-wrapper{
	display: none;
}
.shipper-email-wrapper{
	display: flex;
	position: relative;
	align-items: center;
	gap: 8px;
	padding: 32px 20px;
}

.shipper-email-label{
	color: #000000;
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    font-family: "Rubik", sans-serif;
}

.shipper-email-wrapper input{
	max-width: 320px;
}

.evgm-form-result-wrapper{
	overflow: scroll;
}
.evgm-form-result-wrapper #tblcontainer{
	min-width: 1300px;
}

.evgm-form-result-wrapper table td{
	border: none!important;
}

.evgm-form-result-wrapper table thead td{
    color: #5A5A5A;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    font-family: "Rubik", sans-serif;	
	padding: 15px 15px 4px;
	
}

.evgm-form-result-wrapper table tbody>tr:nth-child(odd)>td{
	background: unset!important;
}

.evgm-form-result-wrapper table tbody.ref-info-row-result tr:first-child td{
	padding: 0 15px 15px;
}

.evgm-form-result-wrapper table tbody.ref-info-row-result td input[disabled]{
	opacity: 0.7;
}
.evgm-form-result-wrapper table tbody.ref-info-row-result td input[disabled]:hover{
	cursor: not-allowed;
}

.evgm-form-result-wrapper{
	position: relative;
    padding: 20px;
    background: #F0F0F0;	
}

.ref-info-row-result  .vgm-remove-button{
	position: relative;
	vertical-align: middle;
}

.ref-info-row-result  .vgm-remove-button span{
    display: flex;
    align-items: center;
    gap: 4px;
}

.ref-info-row-result  .vgm-remove-button span::before{
	content: '';
	background: url('../images/evgm-bin-icon.svg');
	width: 10px;
	height: 12px;
	position: relative;
	display: block;
}


.ref-info-row-result  .vgm-remove-button span .delete{
    color: #808080;
    font-size: 12px;
    font-weight: 500;
    line-height: 100%;
    font-family: "Rubik", sans-serif;
}

.ref-info-row-result  .vgm-remove-button span:hover{
	cursor: pointer;
}

.evgm-add-container-no-wrapper{
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	margin-top: 20px;
}

.evgm-add-container-no-btn{
	color: #04246A;
    font-size: 13px;
    font-weight: 500;
    line-height: 100%;
    font-family: "Rubik", sans-serif;	
	position: relative;
}

.evgm-add-container-no-btn:hover{
	cursor: pointer;
}

.evgm-add-container-no-btn::before{
    content: '';
    background: url(../images/evgm-add-container-icon.svg);
    height: 7px;
    width: 7px;
    position: absolute;
    display: block;
    top: 2px;
    left: -13px;
    background-repeat: no-repeat;
}

.ref-info-row-result input,
.ref-info-row-result select{
	padding: 7px 15px;
    color: #6D6D6D;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-family: "Rubik", sans-serif;
    width: 100%;
    border: 1px solid #cccccc!important;
    outline: none;
    transition: all .3s;	
	border-radius: 0px!important;
}

.evgmdatepicker,.evgmcutoffdatepicker{
	position:absolute!important;
}

.evgm-text-and-submit-button-wrapper{
	position: relative;
	display: flex;
	gap: 10px;
	justify-content: space-between;
	margin-top: 24px;
}

.evgm-text-and-submit-button-wrapper .left-wrapper{
	width: 100%;
}
.evgm-text-and-submit-button-wrapper .right-wrapper{
	order: 1;
	width: 100%;
}

.evgm-footnote{
	color: #808080;
    font-size: 10px;
    font-weight: 500;
    line-height: 100%;
    font-family: "Rubik", sans-serif;	
}


.evgm-footnote{
	color: #808080;
    font-size: 10px;
    font-weight: 500;
    line-height: 100%;
    font-family: "Rubik", sans-serif;	
}

.evgm-text-and-submit-button-wrapper .right-wrapper .evgm-search{
    background-color: #DD1F26;
    color: white;
    padding: 11px 50px 8px;
    line-height: 16.6px !important;
	    width: fit-content;
}

.evgm-text-and-submit-button-wrapper .right-wrapper .evgm-search[disabled=disabled]{
    background-color: #922024;
    opacity: 0.6;	
}


.evgm-text-and-submit-button-wrapper .right-wrapper .evgm-field-wrapper{

    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: flex-end;
}

.evgm-declaration-success{
	color: #00AE81;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
	margin-top: 4px;
}
.evgm-declaration-failed{
	color: #C02B0B;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
	margin-top: 4px;
}

.evgm-error-cnt-no,
.evgm-error-email{
	color: #C02B0B;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Rubik', sans-serif;
    margin-top: 4px;	
	position: absolute;
}

.shipper-email-input-wrapper{
	position: relative;
	width: 320px;
}

.txtSign{
	text-transform: uppercase;
}

.evgmdatepicker .table-condensed thead tr{
	font-family: 'Rubik', sans-serif;
    padding: 6px !important;
	font-size: 10px!important;
}










/* End of eVGM */


/* By Vessel dropdown */
.vessel-code-options-container{
	margin-top: 12px;
	max-height: 200px;
    overflow-y: scroll;
}

#table_byvessel{
	
}

#table_byvessel thead{
	background: #00AEE6;
    color: white;
}

#table_byvessel thead th {
    font-weight: 500;
    font-size: 11px;
    width: 8%;
    line-height: 14px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;	
}

#table_byvessel thead td {
    font-weight: 500;
    font-size: 11px;
    width: 8%;
    line-height: 14px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;
}

#table_byvessel tbody>tr:nth-child(odd)>td, #table_byvessel tbody>tr:nth-child(odd)>th {
    background-color: white !important;
}

#table_byvessel tbody.schedule_info>tr:nth-child(odd)>td, #table_byvessel tbody.schedule_info>tr:nth-child(even)>td {
    background: #F0F0F0 !important;
}


#table_byvessel tbody.schedule_info tr {
    border-bottom: 1px solid transparent !important;
}

#table_byvessel tbody.schedule_info td.p2p-sub-tb-header {
    font-weight: 700 !important;
    color: #505050 !important;
}

#table_byvessel td, #table_p2p th {
    border: unset !important;
}

#table_byvessel thead:first-child tr:first-child th {
    border-block-start: 1px solid transparent!important;
}

#table_byvessel tbody tr {
    background: white;
}

#table_byvessel tbody tr {
    border-bottom: 1px solid #80808080 !important;
}

#table_byvessel tbody td {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #808080;
    padding: 8px 8px 5px;
}


/* Point 2 Point */
.p2p-result-cnt .not-display{
	display: none;
}

.fa.fa-ship{
	display: inline-block;
}

.fa.fa-ship:before {
    content: '';
    background: url(../images/ship-solid.svg);
    background-repeat: no-repeat;
    width: 19px;
    height: 13px;
    margin: 0 auto;
    display: inline-block;
}


.bg-lightblue.text-fc-black{
	    background: #F0F0F0 !important;
}

/* P2P Detail Table */
#table_p2p .dropdown-arrow {
    content: '';
    background: url(../images/customdropdown-arrow.svg);
    background-repeat: no-repeat;
    width: 9px;
    height: 5px;
    margin: 0 auto;
    transition: transform 0.3s;
}

#table_p2p thead{
	background: #00AEE6;
    color: white;
}

#table_p2p thead th {
    font-weight: 500;
    font-size: 11px;
    width: 8%;
    line-height: 14px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;
	
}

#table_p2p tbody>tr:nth-child(odd)>td, #table_p2p tbody>tr:nth-child(odd)>th {
    background-color: white !important;
}

#table_p2p tbody.schedule_info>tr:nth-child(odd)>td, #table_p2p tbody.schedule_info>tr:nth-child(even)>td {
    background: #F0F0F0 !important;
}

#table_p2p tbody.schedule_info>tr:nth-child(odd)>td.mypil-circle-number{
/*     background: #0C1D57 !important; */
    border-radius: 0.8em;
    -moz-border-radius: 0.8em;
    -webkit-border-radius: 0.9em;
    color: black;
    display: inline-block;
    line-height: 30%;
    width: 15px;
    padding-bottom: 6px;
    font-size: 9px;
	font-weight: 700;
    vertical-align: middle;
    padding: 6px 5px 7px 5px;
	    margin-left: -11px;
    margin-top: 2px;
}

#table_p2p tbody.schedule_info tr {
    border-bottom: 1px solid transparent !important;
}

#table_p2p tbody.schedule_info td.p2p-sub-tb-header {
    font-weight: 700 !important;
    color: #505050 !important;
}

#table_p2p td, #table_p2p th {
    border: unset !important;
}

#table_p2p thead:first-child tr:first-child th {
    border-block-start: 1px solid transparent!important;
}

#table_p2p tbody tr {
    background: white;
}

#table_p2p tbody tr {
    border-bottom: 1px solid #80808080 !important;
}

#table_p2p tbody td {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #808080;
    padding: 8px 8px 5px;
}

/* By Port Schedule Detail additional*/
.byport_schedule_info tr td{
	background: #F0F0F0!important;
}
.byport_schedule_info tr td .text-fc-black.text-fw-bold{

}

#table_byport tbody.byport_schedule_info td.text-fc-black.text-fw-bold {
	font-weight: 700!important;
	color: #505050!important;
}

.subtable-sr-txt-for-print{
	display: none;
}





#table_byport  .byport-detail-btt{
	position: relative;
}
#table_byport .dropdown-arrow{
	content: '';
	background: url('../images/customdropdown-arrow.svg');
	background-repeat: no-repeat;
	width: 9px;
	height: 5px;
	margin: 0 auto;
	transition: transform 0.3s;;
}

/* tariffs and Charges additional */
.port-code-limit-text{
    font-size: 14px !important;
    font-family: 'Rubik', sans-serif !important;
    color: #808080 !important;
    padding-top: 12px;
}

/* Coookie Policy Page */
.custom-cookie-trigger{
	color: #c36;
}

.custom-cookie-trigger:hover{
	cursor: pointer;
	color: #336;
}

/* ebl iframe container */
.embed-iframe-container iframe{
	height: 1160px!important;
}


/* Hide Nort Asia */
/* .sr-accordion-body.has-child .sr-child-accordion-item:first-child{
	display: none;
} */

/* .sr-detail-accordion-body .sr-detail-accordion-child-item:first-child{
	display: none;
} */

/* OCC Page  */

#occForm .ddsc{
	background: white!important;
}

form#occForm .form-field-split:last-child{
	text-align: center;
}

form#occForm .occ-cargo{
	max-width: 650px;
}

form#occForm .occ-cargo-type{
	max-width: 650px;
}

form#occForm{
	display: flex;
	gap: 16px;
	flex-direction: column;
	position: relative; 
	z-index: 10;
	justify-content: center; 
}

#table_occ thead{
	background: #00AEE6;
    color: white;
}

#table_occ thead th {
    font-weight: 500;
    font-size: 15px;
    width: 8%;
    line-height: 20px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;
	
}

#table_occ tbody {
	background: white;
}

.occ_table tbody tr:hover>td, .occ_table tbody tr:hover>th {
	background-color: unset; 
}

#table_occ tbody tr {
    border-bottom: 1px solid #80808080 !important;
}

#table_occ td, #table_occ th {
    border: unset !important;
}

.occ_table tbody>tr:nth-child(odd)>td, .occ_table tbody>tr:nth-child(odd)>th {
	background-color: unset;
}

/* occ different bg */
#table_occ tbody:nth-child(odd){        
        background-color: #f5f5f5 !important;
} 

/* new blue tab for occ p2p */
ul.services-occ-tabs{
	list-style-type: none !important;
    margin: 0;
    display: flex;
    justify-content: center;
    background: white;
    padding: 0;
    transition: 0.3s all;	
	gap: 5px;
	max-width: 530px;
	margin: 12px 0 15px;
}

ul.services-occ-tabs li{
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0px 5px 5px;
    background: white;
    border-radius: 10px;
    border: 1px solid rgb(204 204 204 / 80%);
	transition: 0.3s all;
}

ul.services-occ-tabs li.active{
	background: #00AEE6;
}

ul.services-occ-tabs li a{
	font-family: 'Rubik', sans-serif !important;
    font-size: 10px;
    line-height: 14px;
    color: #808080;
    font-weight: 400;
    position: relative;
	left: 10px;
}

ul.services-occ-tabs li.active a{
	color: white;
}

ul.services-occ-tabs li:nth-child(1) a:before {
	content: '';
    background: url(../images/home-p2p.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -26px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.services-occ-tabs li.active:nth-child(1) a:before {
	background: url(../images/home-p2p-active.svg);
	background-repeat: no-repeat;
}

.occ-siblings-tab-square{
	display: none;
}

.occ-siblings-tab-square.active{
	display: block;
}
/*  */

.p2p-occ-result-cnt .not-display{
	display: none;
}

/* #table_occ tbody:nth-child(even){
	background-color: #ffffff !important;
} */

@media only screen and (min-width: 767px){
	form#occForm .form-field-split{
		/* width: calc((100% - 16px) / 2); */
		width: 23%;
	}
	form#occForm .form-field-split:last-child{
		text-align: center;
	}
	form#occForm{
		display: flex;
		gap: 16px;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		padding: 15px;
	}
	form#occForm .field-wrapper:last-child{
		max-width: 380px;
	}
	
/*	#occFooter .justify-txt-wrapper{
		color: #3e3a3a;
		font-size: 10px;
		font-weight: 400;
		line-height: 13px;
		font-family: "Rubik", sans-serif;
		background-color: #f0f0f0;
		padding: 0 20px 20px;
		
	} */
	
	.custom-input{
		display:inline-flex;
		align-items: center; 
		border: 1px solid #ccc;
		padding: 0px 0px;
	}
	
	.custom-input input{
		width: 150px;
		border: none;
		border-right: 1px solid #ccc;
		outline: none;
        padding: 0px 5px;
	}
	.custom-input .custom-dropdown{
		border: none;
		outline: none;
	}
	
}

/*  */

#schedulesByPort .ddsc,
#schedulesByVessel .ddsc,
#schedulesPointToPoint .ddsc{
	background: white!important;
}

	form#schedulesPointToPoint .form-field-split:last-child{
		text-align: center;
	}

.schedules-by-port-form-wrapper,
.schedules-by-vessel-form-wrapper,
.schedules-point-to-point-form-wrapper{
	padding: 20px;
	background: #F0F0F0;
}

.sformwrapper{
	border-bottom: 1px solid rgb(128 128 128 / 50%);
}

.s-parent-result-wrapper{
	padding: 20px;
	background: #F0F0F0;
	display: none;
	overflow: hidden;

}

.s-action-wrapper{
	display: flex;
	justify-content: flex-end;
	gap: 55px;
	padding-bottom: 12px;
	position: relative;
}
.s-action-wrapperparent{
	display: none;
	position: relative;
}
.schdownload,
.schprint{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	color: #505050;
	font-weight: 500;
	position: relative;
}
.schdownload:hover,
.schprint:hover{
	cursor: pointer;
}

.schdownload span:first-child{
	content: '';
	background: url('../images/sapi-download-icon.svg');
	width: 24px;
	height: 24px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: -30px;
}

.schprint span:first-child{
	content: '';
	background: url('../images/sapi-print-icon.svg');
	width: 24px;
	height: 24px;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left: -30px;
}


#table_byport{
	width: 800px;
}

#table_byport thead {
    background: #00AEE6;
    color: white;
}
#table_byport thead td {
    font-weight: 500;
    font-size: 11px;
    width: 8%;
    line-height: 14px;
    vertical-align: middle;
    text-align: unset;
    padding: 8px 8px 5px;
    position: relative;
}
#table_byport tbody td {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: #808080;
    padding: 8px 8px 5px;
}
#table_byport tbody tr {
    background: white;
}
#table_byport tbody>tr:nth-child(odd)>td, #table_byport tbody>tr:nth-child(odd)>th {
    background-color: white !important;
}

#table_byport td, #table_byport th {
    border: unset !important;
}

#table_byport tbody tr{
	border-bottom: 1px solid #80808080 !important;
}



#table_byport tbody+tbody {
    border-block-start: unset;
}

.byport-result-cnt{
	overflow-x: scroll;
}

	.sd-tabs-container::-webkit-scrollbar {
	  height: 4px; /* Make scrollbar thinner */
	}

	.sd-tabs-container::-webkit-scrollbar-track {
	  background: #f1f1f1; /* Track color */
	  border-radius: 10px; /* Rounded edges */
	}

	.sd-tabs-container::-webkit-scrollbar-thumb {
	  background: #888; /* Scrollbar thumb color */
	  border-radius: 10px; /* Rounded edges */
	}

	.sd-tabs-container::-webkit-scrollbar-thumb:hover {
	  background: #555; /* Thumb color on hover */
	}

/* Table ByPort Tbale Sub Table */
#table_byport tbody.byport_schedule_info>tr:nth-child(odd)>td,
#table_byport tbody.byport_schedule_info>tr:nth-child(even)>td{
	background: #F0F0F0!important;
}
#table_byport tbody.byport_schedule_info tr{
	border-bottom: 1px solid transparent !important;
}

form#schedulesByPort,
form#schedulesByVessel,
form#schedulesPointToPoint{
	display: flex;
    gap: 16px;
    flex-direction: column;
	position: relative;
	z-index: 10;
	justify-content: center;
}

form#schedulesByPort #sbpSubmitBtn,
form#schedulesByVessel #sbvSubmitBtn,
form#schedulesPointToPoint #sptopSubmitBtn{
	text-align: center;
}

form .calendar-icon{
    content: '';
    background: url(../images/dropdown-calendar-icon.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    position: absolute;
    right: 15px;
    transition: transform 0.3s;
}

.port-code-options-container .highlight {
    font-weight: 700;
    color: black;
}

form#schedulesByPort .checkbox-port-text,
form#schedulesByVessel .checkbox-port-text{
    padding-left: 0px!important;
}

form#schedulesByPort div.form-field-split:last-child,
form#schedulesByVessel div.form-field-split:last-child{
	text-align: center;
}


/* Digital Solutions Blue child Tab  */
/* API Blue Button Tabs styling */
ul.serviceschedule-tabs,
ul.trackandtrace-tabs{
    list-style-type: none !important;
    margin: 0;
    display: flex;
    justify-content: center;
    background: white;
    padding: 0;
    transition: 0.3s all;	
	gap: 5px;
	max-width: 530px;
	margin: 12px 0 15px;
}

ul.serviceschedule-tabs li,
ul.trackandtrace-tabs li{
    width: 100%;
    text-align: center;
    position: relative;
    padding: 0px 5px 5px;
    background: white;
    border-radius: 10px;
    border: 1px solid rgb(204 204 204 / 80%);
	transition: 0.3s all;
}

ul.serviceschedule-tabs li.active,
ul.trackandtrace-tabs li.active{
    background: #00AEE6;
}

ul.serviceschedule-tabs li a,
ul.trackandtrace-tabs li a{
    font-family: 'Rubik', sans-serif !important;
    font-size: 10px;
    line-height: 14px;
    color: #808080;
    font-weight: 400;
    position: relative;
	left: 10px;
}

ul.serviceschedule-tabs li.active a,
ul.trackandtrace-tabs li.active a{
    color: white;
}



ul.serviceschedule-tabs li:nth-child(1) a:before {
    content: '';
    background: url(../images/home-byport.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -26px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.serviceschedule-tabs li:nth-child(2) a:before {
    content: '';
    background: url(../images/home-p2p.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.serviceschedule-tabs li:nth-child(3) a:before {
    content: '';
    background: url(../images/home-byvessel.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -26px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.serviceschedule-tabs li.active:nth-child(1) a:before {
	background: url(../images/home-byport-active.svg);
	background-repeat: no-repeat;
}
ul.serviceschedule-tabs li.active:nth-child(2) a:before {
	background: url(../images/home-p2p-active.svg);
	background-repeat: no-repeat;
}
ul.serviceschedule-tabs li.active:nth-child(3) a:before {
	background: url(../images/home-byvessel-active.svg);
	background-repeat: no-repeat;
}


ul.trackandtrace-tabs li:nth-child(1) a:before {
    content: '';
    background: url(../images/home-container.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.trackandtrace-tabs li:nth-child(2) a:before {
    content: '';
    background: url(../images/home-emptyvessel.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.trackandtrace-tabs li:nth-child(3) a:before {
    content: '';
    background: url(../images/home-storingorder.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    left: -21px;
	transition: 0.3s all;
	background-repeat: no-repeat;
	top: 50%;
    transform: translateY(-50%);
}

ul.trackandtrace-tabs li.active:nth-child(1) a:before {
	background: url(../images/home-container-active.svg);
	background-repeat: no-repeat;
}
ul.trackandtrace-tabs li.active:nth-child(2) a:before {
	background: url(../images/home-emptyvessel-active.svg);
	background-repeat: no-repeat;
}
ul.trackandtrace-tabs li.active:nth-child(3) a:before {
	background: url(../images/home-storingorder-active.svg);
	background-repeat: no-repeat;
}
.siblings-tab-square {
    display: none;
}

.siblings-tab-square.active {
    display: block;
}

ul.serviceschedule-tabs li:hover,
ul.trackandtrace-tabs li:hover{
	cursor: pointer;
}

/* End of DSBCT */



/*Careers*/
.pil-dd {
	position: relative;
	width: 100%;
	display: none;
	font-family: 'Rubik';
	
}

.dd-selected {
	padding: 10px;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	background-color: #fff;
	font-weight: 500;
	color: #6D6D6D;
	background: url('../images/dd-arrow.png') no-repeat;
	background-size: 10px;
	background-position: calc(100% - 10px) center;
	
}

.dd-options {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-top: none;
	background-color: #fff;
	max-height: 200px;
	overflow-y: auto;
	z-index: 1000;
}

.dd-option {
	padding: 10px;
	cursor: pointer;
	color:#6D6D6D;
}

.dd-option:hover {
	background-color: #f0f0f0;
	
}

/*Cargo solutions*/
.cargo-container{
	position: relative;
	display: block;
	font-family: 'Rubik', sans-serif;
	overflow-x: hidden;
}

.cargo-container-title{
	text-align: center;
	font-size: 14px;
	color: white;
	background: #04246A;
	padding-block: 10px;
}

.cargo-container .sr-searchbar-title {
	color: #04246A;
}

.cargo-perform-container{
	position: relative;
	background: #FFFFFF;
	padding: 24px;

}

.cargo-search-container {
	max-width: 520px;
	margin: 0 auto;
	text-align: center;
}

.cargo-list-result{
	position: relative;
	padding-top: 24px;
	overflow-x: scroll;
}

.cargo-list-result::-webkit-scrollbar {
  height: 4px; /* Make scrollbar thinner */
}

.cargo-list-result::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
  border-radius: 10px; /* Rounded edges */
}

.cargo-list-result::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar thumb color */
  border-radius: 10px; /* Rounded edges */
}

.cargo-list-result::-webkit-scrollbar-thumb:hover {
  background: #555; /* Thumb color on hover */
}

.cargo-list-result .cargo-table{
	min-width: 1300px;
}



.cargo-table {
	display: none;
}
.cargo-table thead{
	background: #00AEE6;
	color: white;
}

.cargo-table thead th{
	font-weight: 500;
	font-size: 11px;
	width: 8%;
	line-height: 14px;
	vertical-align: middle;
	text-align: unset;
	padding: 8px 8px 5px;
	position: relative;
}

.cargo-table thead th:nth-child(7),
.cargo-table thead th:nth-child(8),
.cargo-table thead th:nth-child(9),
.cargo-table thead th:nth-child(10),
.cargo-table thead th:nth-child(11),
.cargo-table thead th:nth-child(12){
	width: 7%;
}

.cargo-table thead th:nth-child(13){
	width: 16%;
}

.cargo-table thead th span{
	position: relative;
}

.cargo-table thead th span.tb-sort-icon.asc:after{
	content: '';
    background: url(../images/cargo-sort-arrow.html) no-repeat;
    width: 7px;
    height: 13px;
    display: block;
    transition: transform 0.3s;
    position: absolute;
    top: -7px;	
	right: -20%;
}

.cargo-table .tb-header-txt-icon-wrapper{
	display: flex;
    justify-content: space-between;
	align-items: center;
    position: relative;
}

.cargo-table .tb-sort-icon{
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-content: center;
}


.cargo-table thead th span.tb-sort-icon.desc:after{
	content: '';
    background: url(../images/cargo-sort-arrow.html) no-repeat;
    width: 7px;
    height: 13px;
    display: block;
    transition: transform 0.3s;
    position: absolute;
	top: -7px;	
	right: -20%;
	transform: rotate(180deg);
}


.cargo-table tbody tr{
	background: white;
}
table.cargo-table tbody>tr:nth-child(odd)>td, table.cargo-table tbody>tr:nth-child(odd)>th {
    background-color: white!important;
}
.cargo-table tbody td{
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	color:#808080;
	padding: 8px 8px 5px;
}

table.cargo-table td, table.cargo-table th {
    border: unset!important;
}

/* Table Border Line Styling */
table.cargo-table th:not(:last-child) {
    border-right: 1px solid white !important;
}

table.cargo-table td:not(:last-child){
	border-right: 1px solid #F0F0F0 !important;
}

table.cargo-table td{
	border-bottom: 1px solid #80808080 !important;
}

#cargo-search-btn {
	font-family: 'Rubik', sans-serif !important;
    background: #ED1C24;
    color: white;
    width: 200px;
    text-align: center;
    padding: 8px;
    font-size: 14px;
    font-weight: 500;
margin: 10px auto;
    transition: 0.3s all;
	cursor: pointer;
}
#cargo-search-btn:hover {
color: white !important;
    background: #C41016;
}

/* Article Listing Filter Styling */
.dropdown-clear{
    position: absolute;
    right: 50px;
    z-index: 9999;
    color: #808080;
    bottom: 9px;
}

[lang="zh"] .dropdown-clear {
    position: absolute;
    right: 50px;
    z-index: 9999;
    color: #808080;
    bottom: 11px;
}

#newsroomDropdown .ddsw{
	z-index: 10;
}
.newsroom-pagination{
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 0 auto;
    gap: 18px;	
	margin-top: 30px;
	position:relative;
}

.newsroom-pagination .newsroom-prev{
	background: url('../images/newsroom-pagin-left-arrow.svg') no-repeat;
    width: 25px;
    height: 13px;
	transition: 0.3s all;
}
.newsroom-pagination .newsroom-next{
	background: url('../images/newsroom-pagin-right-arrow.svg') no-repeat;
    width: 25px;
    height: 13px;
	transition: 0.3s all;
}

.newsroom-pagination .newsroom-prev:hover{
	background: url('../images/newsroom-pagin-left-arrow-hover.svg') no-repeat;
    width: 25px;
    height: 13px;
}
.newsroom-pagination .newsroom-next:hover{
	background: url('../images/newsroom-pagin-right-arrow-hover.svg') no-repeat;
    width: 25px;
    height: 13px;
}

.newsroom-pagination a{
	color: #80808080;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 500;
	transition: 0.3s all;
}

.newsroom-pagination a.newsroom-page{
	color: #80808080;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

.newsroom-pagination a.newsroom-page:hover,
.newsroom-pagination a.newsroom-page.active{
	color: #0072BC;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 500;
}

form#newsroomDropdown{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

form#newsroomDropdown .form-field-split{
	width: 100%;
}
form#newsroomDropdown .form-field-split:nth-child(1),
form#newsroomDropdown .form-field-split:nth-child(2){
	width: calc((100% - 10px)/2);
}

form#newsroomDropdown .country-options-container {
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-height: 200px;
    overflow-y: scroll;
}

form#newsroomDropdown .search-bar {
    display: flex;
    background: #ffffff;
    justify-content: space-between;
    padding: 11px 15px;
    border: 1px solid #ccc;
}

[lang="zh"] form#newsroomDropdown .search-bar {
    display: flex;
    background: #ffffff;
    justify-content: space-between;
    padding: 9px 15px;
    border: 1px solid #ccc;
}

form .calendar-icon {
    content: '';
    background: url(../images/dropdown-calendar-icon.svg);
    background-repeat: no-repeat;
    width: 17px;
    height: 16px;
    position: absolute;
    right: 15px;
    transition: transform 0.3s;
}

form#newsroomDropdown .dropdown-title{
	color: #A6A6A6;
}
form#newsroomDropdown .dropdown-title.active{
	color: #000;
}

form#newsroomDropdown .search-field::placeholder {
  color: #A6A6A6;
}

form#newsroomDropdown .checkbox-port-text {
    padding-left: 0;
}
form#newsroomDropdown .checkbox-port-text .highlight {
    font-weight: 500;
	color: black;
}
/* End of Article Listing Filter Styling */


.pil-careers-tab-wrapper .e-n-tabs-heading {
	box-sizing: border-box;
    padding: 20px 70px;
}

.pil-careers-tab-nav .elementor-element {
	cursor: pointer;
}


.pil-careers-tab-nav .elementor-element h2 {
	font-weight: 500 !important;
}

.pil-careers-tab-nav .elementor-element:hover h2 {
	color: #ffffff !important;
}
.pil-careers-tab-nav .elementor-element h2 a {
	display: inline-block;
	width: 100%;
	padding: 10px;
}


/* .sr-detail-accordion-item:nth-child(4){
	display: none;
} */

/*Fleet Table  */
.fleet-table th:hover{
	cursor: pointer;
}

.fleet-table .highlight{
	color: black !important;
    font-weight: 600 !important;
}

/* Fleet List */
.fleet-container{
	position: relative;
	display: block;
	font-family: 'Rubik', sans-serif;
	overflow-x: hidden;
}

.fleet-container-title{
	text-align: center;
	font-size: 14px;
	color: white;
	background: #0072BC;
	padding-block: 10px;
	font-weight: 500;
	
    font-family: 'Rubik', sans-serif;
}

.fleet-perform-container{
	position: relative;
	background: #F0F0F0;
	padding: 24px;
}

.fleet-list-result{
	position: relative;
	padding-top: 24px;
	overflow-x: scroll!important;
}
.fleet-list-result::-webkit-scrollbar {
  height: 4px; /* Make scrollbar thinner */
}

.fleet-list-result::-webkit-scrollbar-track {
  background: #f1f1f1; /* Track color */
  border-radius: 10px; /* Rounded edges */
}

.fleet-list-result::-webkit-scrollbar-thumb {
  background: #888; /* Scrollbar thumb color */
  border-radius: 10px; /* Rounded edges */
}

.fleet-list-result::-webkit-scrollbar-thumb:hover {
  background: #555; /* Thumb color on hover */
}

.fleet-list-result .fleet-table{
	min-width: 1300px;
}

.fleet-table thead{
	background: #00AEE6;
	color: white;
}

.fleet-table thead th{
	font-weight: 500;
	font-size: 11px;
	width: 8%;
	line-height: 14px;
	vertical-align: middle;
	text-align: unset;
	padding: 8px 8px 5px;
	position: relative;
}

.fleet-table thead th:nth-child(7),
.fleet-table thead th:nth-child(8),
.fleet-table thead th:nth-child(9),
.fleet-table thead th:nth-child(10),
.fleet-table thead th:nth-child(11),
.fleet-table thead th:nth-child(12){
	width: 7%;
}

.fleet-table thead th:nth-child(13){
	width: 16%;
}

.fleet-table thead th span{
	position: relative;
}

.fleet-table thead th span.tb-sort-icon.asc:after{
	content: '';
    background: url(../images/fleet-sort-arrow.svg) no-repeat;
    width: 7px;
    height: 13px;
    display: block;
    transition: transform 0.3s;
    position: absolute;
    top: -7px;	
	right: -20%;
}

.fleet-table .tb-header-txt-icon-wrapper{
	display: flex;
    justify-content: space-between;
	align-items: center;
    position: relative;
}

.fleet-table .tb-sort-icon{
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-content: center;
}


.fleet-table thead th span.tb-sort-icon.desc:after{
	content: '';
    background: url(../images/fleet-sort-arrow.svg) no-repeat;
    width: 7px;
    height: 13px;
    display: block;
    transition: transform 0.3s;
    position: absolute;
	top: -7px;	
	right: -20%;
	transform: rotate(180deg);
}


.fleet-table tbody tr{
	background: white;
}
table.fleet-table tbody>tr:nth-child(odd)>td, table.fleet-table tbody>tr:nth-child(odd)>th {
    background-color: white!important;
}
.fleet-table tbody td{
	font-weight: 400;
	font-size: 11px;
	line-height: 14px;
	color:#808080;
	padding: 8px 8px 5px;
}

table.fleet-table td, table.fleet-table th {
    border: unset!important;
}

/* Table Border Line Styling */
table.fleet-table th:not(:last-child) {
    border-right: 1px solid white !important;
}

table.fleet-table td:not(:last-child){
	border-right: 1px solid #F0F0F0 !important;
}

table.fleet-table td{
	border-bottom: 1px solid #80808080 !important;
}

.concurrent-header-txt{
	margin-bottom: 8px;
    margin-top: 26px;
}

.surcharge-table-footnote{
	display: block;
	position:relative;
	margin-bottom: 40px;
}

.surcharge-table-footnote .scr-tb-txt{
	color: black;
    font-family: 'Rubik', sans-serif !important;
    font-size: 12px;
    line-height: 110%;
    font-weight: 400;
    position: relative;
    margin-bottom: 8px;
    padding-left: 20px;
	
}

.surcharge-table-footnote .scr-tb-txt:before{
    content: '';
    background: url(../images/warning-icon.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 12px;
    margin: 0 auto;
    display: block;
    background-size: contain;
    position: absolute;
    top: -1px;
	left: 0px;
}

.autorate-n{
	padding-left: 19px;
	position:relative;
}
.autorate-n:before{
    content: '';
    background: url(../images/warning-icon.svg);
    background-repeat: no-repeat;
    width: 15px;
    height: 12px;
    margin: 0 auto;
    display: block;
    background-size: contain;
    position: absolute;
    top: -1px;
}


.inland-point-dropdown-wrapper .search-bar,
.merchant-inland-point-dropdown-wrapper .search-bar{
	margin-bottom: 12px;
}

.custom-dd-op .highlight {
    font-weight: 700;
    color: black;
}

.tariffs-footnote-custom{
	color: black;
	font-size: 11px;
	margin-top: 12px;
}

.custom-bg-yellow thead{
	background-color: #F99C1C!important;
}


.error-label-dropdown{
	color: #DD1F26;
	padding-left: 12px;
	display: none;
}

/* tariffs and Charges additional */
.port-code-limit-text{
    font-size: 14px !important;
    font-family: 'Rubik', sans-serif !important;
    color: #808080 !important;
    padding-top: 12px;
}


/* Surcharge Detention Tabs */
	.srd-result-wrapper{
		position: relative;
		display: none;
		font-family: 'Rubik', sans-serif!important;
		overflow-x:hidden;
	}

	.sd-tabs-container{
		overflow-x: scroll;
	}


	.up-title{
		color: #04246A;
		font-size: 16px;
		font-weight: 500;
		line-height: 21px;	
	}

	.selected-port-name{
		font-size: 28px;
		line-height: 36px;
		font-weight: 400;
		font-family: 'Anton', sans-serif;
		color: #04246A;
	}

	.tab-and-download-wrapper{
		display: flex;
		justify-content: space-between;
		align-items: start;
		flex-direction: column;
		gap: 10px;
	}
	.d-d-download-wrapper{
		margin-bottom: 30px;
	}



    .sd-tabs {
        list-style-type: none;
        padding: 0;
        margin: 0;
        overflow: hidden;
		display: flex;
		gap: 20px;	
		padding-block: 10px 15px;
    }

    .sd-tabs li {
        float: left;
    }

    .sd-tabs li a {
		display: block;
		color: #434343;
		text-align: center;
		text-decoration: none;
		font-size: 16px;
		transition: 0.3s all;
		border-radius: 20px;
		padding: 6px 14px;
    }

	.sd-tabs li a:hover, .sd-tabs li a.active {
		color: white;
		font-weight: 700;
		background: #0072BC;
		border-radius: 20px;
		padding: 6px 14px;
	}

    .sd-tabs-container {
		position: relative;
    }

    .sd-tabs-container > div {
        display: none;
    }

    .sd-tabs-container > div.active {
        display: block;
    }

	/* surcharges-table */
	.surcharge-button{
		font-family: 'Rubik', sans-serif;
		font-weight: 500;
		border: 1px solid #0072BC;
		color: #0072BC;
		padding: 10px 20px;
		transition: 0.3s all;
		font-size: 14px;
	}

	.surcharge-button:hover{
		border: 1px solid #0072BC;
		color: white;
		background: #0072BC;
	}

	.surcharges-table thead{
		background: #0072BC !important;
		color: white;
		font-family: 'Rubik', sans-serif;
		font-family: 12px!important;
		font-weight: 500!important;
	}

.surcharges-table thead tr:nth-child(2) th{
	text-align: center!important;
}

	 .surcharge-result-wrapper table.surcharges-table th {
		border: unset!important;
		font-family: 'Rubik', sans-serif;
		font-family: 12px!important;
		font-weight: 500!important;
		padding: 7px 10px;
		text-align: left!important;
	}

	 .surcharge-result-wrapper table.surcharges-table th.surcharge-th-general {
		 text-align: center!important;
	}



	.surcharge-result-wrapper table.surcharges-table td{
		border: unset!important;
		font-family: 'Rubik', sans-serif;
		font-size: 12px!important;
		background: unset!important;
		color: #808080;
		    padding: 7px 10px;
	}

	.surcharge-result-wrapper td.td-charge-code,
	.demurrage-result-wrapper table.detention-and-demurrage-table .td-cnt-type{
		font-weight: 500!important;
	}


	.surcharge-result-wrapper tbody tr:nth-child(even){
		border-bottom: 2px solid #80808080!important;
		background: #FAFAFA!important;
	}

	.surcharge-result-wrapper tbody tr:nth-child(odd){
		border-bottom: 1px solid #80808080!important;

	}

	.surcharge-result-wrapper table{
		margin-bottom: 40px!important;
	}

	/* Detention and Demmurage Table */

	.demurrage-result-wrapper table:first-child{
		margin-top: 30px;
	}



	.demurrage-result-wrapper table.detention-and-demurrage-table thead{
		background: #0072BC !important;
		color: white;
		font-family: 'Rubik', sans-serif;
		font-family: 12px !important;
		font-weight: 500 !important;
	}

.detention-and-demurrage-table.small thead tr td,
.detention-and-demurrage-table.small tbody tr td{
	text-align: center;
}

.detention-and-demurrage-table.small tbody tr td:nth-child(1){
	text-align: left;
}

.detention-and-demurrage-table.small.custom-bg-yellow thead tr td,
.detention-and-demurrage-table.small.custom-bg-yellow tbody tr td{
	text-align: left;
}


.demurrage-result-wrapper table.detention-and-demurrage-table thead tr td:nth-child(6){
	    text-align: center;
}
.demurrage-result-wrapper table.detention-and-demurrage-table thead tr:nth-child(2) td{
	text-align: center;	
}

.demurrage-result-wrapper table.detention-and-demurrage-table tbody #result td:nth-child(2),
.demurrage-result-wrapper table.detention-and-demurrage-table tbody #result td:nth-child(3),
.demurrage-result-wrapper table.detention-and-demurrage-table tbody #result td:nth-child(4){
		text-align: center;	
}



	.demurrage-result-wrapper table.detention-and-demurrage-table.custom-bg-yellow thead{
		background: #F99C1C!important;
		color: white;
		font-family: 'Rubik', sans-serif;
		font-family: 12px !important;
		font-weight: 500 !important;
	}

	.demurrage-result-wrapper table.detention-and-demurrage-table thead td{
		border: unset!important;
		font-family: 'Rubik', sans-serif;
		font-size: 12px!important;
		line-height: 14px;
		font-weight: 500;
		color: white;
		padding: 7px 10px;
	}

	.demurrage-result-wrapper table.detention-and-demurrage-table tbody td{
		border: unset !important;
		font-family: 'Rubik', sans-serif;
		font-size: 12px!important;
		background: unset!important;
		color: #808080;
		padding: 7px 10px;
	}

	.demurrage-result-wrapper table.detention-and-demurrage-table tbody tr.resultrow1,
	.demurrage-result-wrapper table.detention-and-demurrage-table tbody tr.resultrow2{
		border-bottom: 2px solid #80808080!important;
	}

	.demurrage-result-wrapper table.detention-and-demurrage-table tbody tr.resultrow3{
		border-bottom:1px solid #80808080!important;
	}

	.detention-and-demurrage-table.small tbody tr{
		border-bottom:1px solid #80808080!important;
	}

	.detention-and-demurrage-table.small tbody tr:nth-child(even){
		background: #FAFAFA!important;
	}

	.small-table-wrapper{
		display: flex;
		gap: 20px;
		justify-content: space-between;
	}

	.small-table-wrapper table {
		margin: 20px 0 20px !important;
	}

	.small-table-wrapper .detention-and-demurrage-table.small tr td{
		width: 20%;
	}

	.dd-tb-txt{
		color: #A6A6A6;
		font-family: 'Rubik', sans-serif !important;
		font-size: 12px;
		line-height: 14px;
		font-weight: 400;
	}



/* Form */
form{
	font-family: 'Rubik', sans-serif;
}

form#surchargeRatesDemmurage{
	display: flex;
	gap: 16px;
	flex-direction: column;
}

form .form-field-split{
	position: relative;
}

form#surchargeRatesDemmurage #srdSubmitBtn[type="submit"]:disabled{
	opacity: 0.6;
}

form label{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: 400;
	color: #808080;
}
form label.label-title{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	line-height: 18px;
	font-weight: 500;
	color: #001B3F;
}

.label-title-extra{
	font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #001B3F;
}

form .dropdown-title{
	color: #434343;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 10px 15px;
}

form .ddsc{
	position: relative;
	display: flex;
    justify-content: space-between;
	align-items: center;
}

form .ddsc.disabled{
    background: #b5b5b5;
    opacity: 0.8;
}

form .ddsc:hover{
	cursor: pointer;
}
form .ddsc.disabled:hover{
	cursor: default;
}

form .dropdown-title{
	color: #434343;
	font-size: 12px;
	border: 1px solid #ccc;
	padding: 10px 15px;
	width: 100%;
}

form .dropdown-arrow{
	content: '';
	background: url('../images/customdropdown-arrow.svg');
	background-repeat: no-repeat;
	width: 9px;
	height: 5px;
	position: absolute;
	right: 15px;
	transition: transform 0.3s;;
}
form .dropdown-arrow.active{
	transform: rotate(180deg);
}

form .ddsw{
	display: none;
    position: absolute;
    border: 1px solid #ccc;
    padding: 10px 15px;
    background: white;
    width: 100%;
    left: 0px;
	z-index: 1;
}

.port-loading-inner{
	margin-left: 20px;
    height: 17px;
    display: flex;
    align-items: center;	
}

.inland-point-dropdown-wrapper,
.merchant-inland-point-options-container{
	max-height: 242px;
    overflow-y: scroll;
}

/* For Normal Dropdown Styling */
.dd-options-container{
	position: relative;
	display: flex;
	flex-direction: column;
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
	gap: 10px;
}

.dd-options-container a:hover{
	cursor: pointer;
}


/* For Port Dropdown with Search Styling */
form#surchargeRatesDemmurage input#sr-search-field{
	font-size: 12px;
	font-family: 'Rubik',sans-serif;
}

form .port-code-options-container{
	margin-top: 8px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 200px;
    overflow-y: scroll;
}
form .port-code-options-container label{
	display: flex;
	/*gap: 10px; */
}

form .port-code-options-container label:hover{
	cursor: pointer;
}

form .checkbox-port-text{
	padding-left: 8px;
}

form input[type="submit"]{
	background-color: #DD1F26;
	color: white;
	padding: 9px 50px;
}

form input[type="submit"]:hover{
	background-color: #c41016;
	color: white;
}

form input[type="submit"]:active,
form input[type="submit"]:focus-visible,
form input[type="submit"]:focus{
	background-color: #c41016!important;
	color: white!important;
	border: 0px solid transparent!important;
	outline: none!important;
}



#gform_wrapper_1 .gform_required_legend {
	display: none !important;
}

#gform_wrapper_2 .gform_required_legend {
	display: none !important;
}
.gfield-choice-input[type="radio"] {
    border-radius: 50% !important;
}

#gform_browse_button_2_23 {
    background: #ED1C24 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    box-sizing: border-box;
    padding: 11px 21px;
    border: 1px solid #ED1C24 !important;
    transition: all 0.3s;
}

#gform_browse_button_2_23:hover {
    background-color: #c41016;
    color: white;
}

/* Map Styling */
.map.mobile{
	display: flex;
}
.map.desktop{
	display: flex;
}
.sr-map-wrapper{
	max-width: 1920px;
    margin: 0 auto;
}
.map{
	position: relative;
	display: flex;
	max-width: 390px;
	margin: 0 auto;
	justify-content: center;
}

.map-right-region-wrapper{
	position: relative;
	display: flex;
}

.central-latin-america-container svg, .europe-container svg, .asia-container svg, .africa-container svg, .middle-east-container svg, .oceania-container svg {
	width: 95%;
	height: 90%;
}	

.map-region-name{
	position: absolute;
	font-family: 'Anton', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: #0063AA;
}
html[lang="zh"] .map-region-name {
	font-weight: 700;
}
.map-region-name:hover{
	cursor: pointer;
}

.svg-g path{
	transition: all 0.3s;
	fill: #B3D5EB;
}

.svg-g:hover path{
	cursor: pointer;
	fill: #00AEE6;
}

.svg-g.active path{
	cursor: pointer;
	fill: #00AEE6;
}

/* Central and Latin America */
.central-latin-america-container{
	position: relative;
}


.central-latin-america-container .map-region-name{
    width: 46px;
    position: absolute;
    bottom: 13%;
    left: 54%;
    text-align: center;
}


/* Africa */
.africa-container{
    position: absolute;
    bottom: 6%;
    left: -1%;
    width: 33%;
    z-index: 2;
}
.africa-container .map-region-name{
	width: 46px;
    position: absolute;
    bottom: 45%;
    left: 13%;
    text-align: center;
}

/* Middle East */
.middle-east-container{
	position: absolute;
    top: 46%;
    left: 25%;
    width: 20%;
	z-index: 3;
}
.middle-east-container .map-region-name{
	width: 46px;
    position: absolute;
    bottom: 24%;
    left: -7%;
    text-align: center;
}

/* Europe */
.europe-container{
	position: relative;
    top: -14%;
    left: 11%;
    width: 42%;
    z-index: 3;
}
.europe-container .map-region-name{
    width: 46px;
    position: absolute;
    bottom: 46%;
    left: 20%;
    text-align: center;
}

/* Asia */
.asia-container{
	position: relative;
	z-index: 1;
}
.asia-container .map-region-name{
    width: 46px;
    position: absolute;
    bottom: 46%;
    left: 45%;
    text-align: center;
}

/* Oceania */
.oceania-container{
	position: absolute;
	bottom: -10%;
	right: 0%;
	width: 35%;
	z-index: 4;
}
.oceania-container .map-region-name{
    width: 46px;
    position: absolute;
    bottom: 46%;
    left: 3%;
    text-align: center;
}

/* Newsroom */
.newsroom-listing{
	display: flex;
	gap: 24px;
	flex-direction: column;
	flex-grow: 1;
}

.newsroom-listing .newsroom-post .newsroom-post-image{
	max-height: 200px;
	object-fit: cover;
	width: 100%;
	min-height: unset;
}

.newsroom-listing .newsroom-post{
	border: 1px solid #D9D9D9;
}

.newsroom-listing .newsroom-post-body{
	padding: 20px;
}

.newsroom-listing .newsroom-post-date{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
}

.newsroom-listing .newsroom-post-date{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	line-height: 14px;
	color: #808080;
}

.newsroom-listing .newsroom-post-title{
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	color: #363636;	
	margin-top: 8px;
	min-height: 60px
}

.newsroom-post-tax-wrapper{
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.newsroom-detail-time svg{
    width: 19px !important;
    height: 19px !important;
}

.newsroom-detail-time time{
	font-family: 'Rubik', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	color: #04246A;
	position: relative;
    top: 1px;
}

.news-separator{
	width: 100%;
    height: 1px;
    background: #D9D9D9;
    margin: 25px 0 12px;
}

.tags-title-txt{
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 500;
	line-height: 18px;
	color: #04246A;
	margin-bottom: 10px;
}



.newsroom-tag-item{
	padding: 2px 8px 2px;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;
	font-family: 'Rubik', sans-serif;
	border-radius: 10px;	
	transition: 0.3s all;
}


.newsroom-tag-item.category{
	color: #434343;
	border: 1px solid #CCCCCC;
}

.newsroom-tag-item.country{
	color: #434343;
	border: 1px solid #CCCCCC;
}

a.newsroom-tag-item.category:hover,
a.newsroom-tag-item.country:hover{
	color: white;
	background: #434343;
	border: 1px solid white;
}



#gform_1 .gform_fields {
	row-gap: 16px !important;
}

#gform_1 #field_1_7 .ginput_left.address_country {
	width: 100% !important;
}

.gfield_label {
	color: #001B3F !important;
	font-size: 14px !important;
}
.ginput_container textarea {
	border: 1px solid #CCCCCC !important;
	border-radius: 0 !important;
}
.ginput_container input {
	border: 1px solid #CCCCCC !important;
	border-radius: 0 !important;
}
.gfield select {
	border: 1px solid #CCCCCC !important;
	border-radius: 0 !important;
	width: 100% !important;
	line-height: 36px !important;
}
.ginput_container input:focus {
	border: 2px solid #CCCCCC !important;
}
.gform_button.button {
    background: #ED1C24 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    box-sizing: border-box;
    padding: 21px 7px;
    border: 1px solid #ED1C24 !important;
	transition: all 0.3s;
}
.gform_button.button:hover {
	background: #C41016 !important;
	color: white !important;
}

.content-hero-red-arrow:after {
    content: '';
    background-image: url(../images/red-arrow-bottom.svg);
    position: absolute;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    width: 58px;
    height: 20px;
    z-index: 1;
}

/* Rates and Tariff	 */
.blue-left-white-right-wrapper{
	display: flex;
	flex-direction: column!important;
}

.blue-left-white-right-wrapper .sidebar-menu,
.blue-left-white-right-wrapper .rightbar-content {
	width: 100%!important;
}
/* Blue left container */
.blue-left-menu-wrapper .elementor-nav-menu--dropdown{
	background: #0072BC;
	margin: 0 !important;
    transition: unset !important;
	overflow: visible!important;
}
.grey-left-menu-wrapper .elementor-nav-menu--dropdown{
	background: #F0F0F0;
	margin: 0 !important;
    transition: unset !important;
	overflow: visible!important;
}
.blue-left-menu-wrapper .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,
.grey-left-menu-wrapper .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after {
	opacity: 1!important;
}
.blue-left-menu-wrapper .elementor-nav-menu--dropdown ul,
.grey-left-menu-wrapper .elementor-nav-menu--dropdown ul {
	display: flex;
	justify-content: space-evenly;
}

/* Relayout Blue Bar on mob */
.blue-left-menu-wrapper .elementor-nav-menu--dropdown ul,
.grey-left-menu-wrapper .elementor-nav-menu--dropdown ul{
	display: unset;
	justify-content: unset;
}

.blue-left-menu-wrapper .elementor-menu-toggle[role="button"],
.grey-left-menu-wrapper .elementor-menu-toggle[role="button"]{
	display: none;
	width: 100% !important;
    justify-content: space-between;
    padding: 20px;	
	background-color: unset!important;
}
.blue-left-menu-wrapper .elementor-menu-toggle[role="button"]:after,
.grey-left-menu-wrapper .elementor-menu-toggle[role="button"]:after{
    content: '';
    background-image: url(../images/sea-blue-arrow-bottom.svg);
    background-repeat: no-repeat;
    bottom: -19px;
    left: 50%;
    right: unset;
    transform: translateX(-50%);
    width: 58px;
    height: 20px;
    z-index: 999;
    display: block;	
	position: absolute;
}
.blue-dropdown-selected-item{
	font-family: "Anton", sans-serif !important;
    font-size: 18px !important;
    line-height: 21px !important;
    padding: 0 !important;
	color: white!important;
}

.grey-dropdown-selected-item{
	font-family: "Anton", sans-serif !important;
    font-size: 18px !important;
    line-height: 21px !important;
    padding: 0 !important;
	color: #04246A!important;
}

.blue-left-menu-wrapper .e-fas-caret-up path,
.blue-left-menu-wrapper .e-fas-caret-down path{
	fill: white!important;
}

.blue-left-menu-wrapper .elementor-nav-menu--dropdown ul li,
.grey-left-menu-wrapper .elementor-nav-menu--dropdown ul li {
	padding: 12px 20px!important;
	position: relative;
}
.blue-left-menu-wrapper .elementor-nav-menu--dropdown ul li:not(:last-child):after {
    content: '';
    background: #4D9CD0;
    width: 1px;
    height: 70%;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
}
.grey-left-menu-wrapper .elementor-nav-menu--dropdown ul li:not(:last-child):after {
    content: '';
    background: #808080;
    width: 1px;
    height: 70%;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
}

.sidebar-menu nav ul{
	position: relative!important;
}
.sidebar-menu nav ul li a {
	color: #4D9CD0!important;
	font-family: "Anton", sans-serif!important;
	font-size: 18px!important;
	line-height: 21px!important;
	padding: 0!important;
}
.sidebar-menu .cargo-solutions-side-tab-menu nav ul li a {
	color: #04246A!important;
}
.sidebar-menu nav ul li a:focus,
.sidebar-menu nav ul li a:hover {
	background-color: transparent!important;
}
.sidebar-menu nav ul li.active a {
	color: white!important;
}
.sidebar-menu.grey nav ul li.active a {
	color: #0072BC !important;
}
.sidebar-menu nav ul li.active a:after {
    content: '';
    background-image: url(../images/sea-blue-arrow-bottom.svg);
    background-repeat: no-repeat;
    top: 129%;
    left: 45%;
    right: unset;
    transform: translateX(-50%);
    width: 58px;
    height: 20px;
    z-index: 999;
    display: block;
}

.sidebar-menu.grey nav ul li.active a:after {
    content: '';
    background-image: url(../images/grey-arrow-bottom.svg);
    background-repeat: no-repeat;
    top: 129%;
    left: 45%;
    right: unset;
    transform: translateX(-50%);
    width: 58px;
    height: 20px;
    z-index: 999;
    display: block;
}

.rightbar-content .dashboard-panel{
	display: none;
}
.rightbar-content .dashboard-panel.active{
	display: block;
}
/* -------------- Breadcrumbs -------------- */
.breadcrumbs {	
    display: flex;
    gap: 8px;
}
.breadcrumbs * {
	font-size: 10px;
	line-height: 12px;
	color: #ffffff;
}
.breadcrumbs .separator {
	position: relative;
    top: -1px
}
.breadcrumbs .active {
	font-weight: 500;
}
/* -------------- Breadcrumbs -------------- */


/* -------------- About Us -------------- */
.nav-item-divider {
	display: flex;
    align-items: center !important;
}
.nav-item-divider:after {
	content: ' | ';
	position: relative;
	color: #ffffff;
	font-size: 10px;
    line-height: 12px;
    margin: -2px 8px 0 8px;
}
.directors-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
}

.director-row, .content-row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 24px;
}

.director-card {
    width: 100%;
    max-width: calc((100% - 48px) / 3);
    cursor: pointer;
    transition: all 0.3s ease;
}
.director-card-inner {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;

}
.director-card img {
    max-width: 100%;
    height: auto;
	    aspect-ratio: 577 / 330;
    object-fit: contain;
    background-color: #F0F0F0;	
}
.director-info {
    height: 100%;
    background-color: #F0F0F0;
    color: #6D6D6D;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 21px;
    padding: 20px;
}
.director-card h6 {
    font-family: 'Anton', sans-serif;
    font-size: 24px;
    line-height: 28px;
    color: #005294 !important;
	margin: 0 0 16px 0;
}
.director-info.active {
	color: #ffffff;
	background-color: #0072BC;
}
.director-info.active h6 {
	color: #ffffff !important;
}
.director-info.active:after {
	content: '';    
	background-repeat: no-repeat;
    position: absolute;
	background-size: 101%;
	background-image: url(../images/active_card.svg);
	left: 50%;
	bottom: -100%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}
.director-content {
    display: none;
    width: 100%;
    padding: 60px 24px 48px 24px;
	margin: 0 0 12px 0;
	color: #434343;
	font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 18px;
    background-color: #E0F5FC;
}
.content-inner {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	z-index: 3;
}
.content-inner .appointment-date {
	width: 100%;
    margin: 0;
    font-family: 'Rubik', sans-serif;
    font-size: 14px;
    line-height: 18px;
}
.content-inner .commitment-col {
	position: relative;
	width: 100%;
	max-width: calc((100% - 48px) / 3);
}
.content-inner .commitment-header {
	color: #0072BC;
	font-family: 'Rubik', sans-serif;
    font-size: 16px;
	font-weight: 500;
    line-height: 21px;
	margin: 0 0 12px 0;
}
.content-inner ul {
	padding-inline-start: 20px;
}

/* -------------- About Us -------------- */



/* ---------------------------- Digital Solutions ---------------------------- */
.form-wrapper {
	position: relative;
	width: 100%;
	background-color: #F0F0F0;
}
.form-wrapper .form-header {
	width: 100%;
    padding: 13px 16px 11px;
	font-weight: 500;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
	font-family: "Rubik", sans-serif;
	text-align: center;
	background-color: #0072BC;	
}
.form-wrapper form#trackTraceForm,
.form-wrapper form#emptyReleaseForm,
.form-wrapper form#storingOrderForm {
	width: 100%;
	position: relative;
	display: flex;
    justify-content: space-between;
	align-items: flex-end;
	gap: 24px;
	padding: 20px;
}
.form-wrapper .field-wrapper {
	width: 100%;
	position: relative;
}
.form-wrapper .field-wrapper:last-child {
	max-width: 180px;
	display: flex;
	align-items: flex-end;
}
.form-wrapper .label-caption {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
    align-items: center;
}
.form-wrapper .label-caption .caption-text {
	color: #00AEE6;
	font-size: 10px;
	line-height: 12px;
	display: flex;
	align-items: center;
	gap: 3px;
}
.form-wrapper .label-caption .caption-text:before {
	content: '';
    background: url(../images/info-circle.png) no-repeat;
	background-size: contain;
	display: inline-block;
    width: 10px;
    height: 10px;
    position: relative;
}
.form-wrapper .field-wrapper label {
	width: auto;
	color: #5A5A5A;
	font-size: 12px;
	font-weight: 500;
	line-height: 16px;
	font-family: "Rubik", sans-serif;
}
.form-wrapper .field-wrapper .custom-dropdown-selected,
.form-wrapper .field-wrapper input {
	padding: 10px 15px;
	color: #6D6D6D;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	font-family: "Rubik", sans-serif;
	width: 100%;
    border: 1px solid #cccccc;
    border-radius: 0;
	outline: none;
    transition: all .3s;
}
.form-wrapper .field-wrapper input::placeholder {
	opacity: 0.75;
}
.form-wrapper .custom-dropdown {
    position: relative;
	width: 100%;
    display: flex;
	align-items: center;
    cursor: pointer;
}
.form-wrapper .custom-dropdown-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border: 1px solid #cccccc;
    border-top: none;
    background-color: #fff;
    z-index: 10;
    list-style: none;
    padding: 0;
    margin: 0;
}
.form-wrapper .custom-dropdown-options li {
    padding: 10px 15px;
	color: #6D6D6D;
	background-color: #ffffff;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	font-family: "Rubik", sans-serif;
}
.form-wrapper .custom-dropdown-options li:hover {
    background-color: #F0F0F0;
}
.form-wrapper .custom-dropdown.open .dropdown-arrow {
	transform: rotate(180deg);
}
.form-wrapper .custom-dropdown.open .custom-dropdown-options {
    display: block;
}
.form-wrapper .tt-submit {
	color: #ffffff;
	background-color: #ED1C24;
	width: 100%;
	padding: 6px 16px;
	font-size: 14px;
	font-weight: 500;
	line-height: 21px;
	font-family: "Rubik", sans-serif;
	outline: none;
}
.form-wrapper .tt-submit:hover,
.form-wrapper .tt-submit:focus {
	background-color: #C41016;
}
.results-wrapper {
	position: relative;
	width: 100%;
	padding: 20px;
	background-color: #f0f0f0;
	border-top: 1px solid #808080;
}
#results table *,
#erResults table *,
#soResults table * {
	color: #808080;
	font-size: 12px;
	font-weight: 400;
	line-height: 14px;
	font-family: "Rubik", sans-serif;
	text-align: left;
	border: none;
}
#results table td,
#results table th,
#erResults table td,
#erResults table th,
#soResults table td,
#soResults table th {
	padding: 8px;
	background-color: #ffffff;
}
#results .table-header th,
#results thead td,
#erResults .table-header th,
#erResults thead td,
#soResults .table-header th,
#soResults thead td {
	font-weight: 500;
	color: #ffffff;
	background-color: #00AEE6;
}
#results thead td b,
#erResults thead td b,
#soResults thead td b {
	color: #ffffff;
	font-weight: 500;
	text-decoration: underline;
}
#results b.cont-numb {
	color: #DD1F26;
	font-weight: 700;
}
#results .trackinfo:after {
	content: '';
    background: url(../images/service-route-acc-arrow.svg) no-repeat;
	background-size: contain;
    width: 7px;
    height: 3.5px;
    position: relative;
    margin-left: 3px;
    transition: transform 0.3s;
}
#results .trackinfo.active:after {
	transform: rotate(180deg);
}
#results .trackinfo {
	float: right;
	display: flex;
	align-items: center;
	padding: 1.5px 4px;
	border-radius: 5px;
	background-color: #00AEE6;
}
#results .trackinfo b {
	color: #ffffff;
}
#results .table .tb-sub-header {
	color: #434343;
	font-weight: 500;
}
#results .sub-info-table tr.text-fw-bold {
	border-top: 1px solid #E8E8E8;
}
#results .sub-info-table .text-fw-bold .mypil-tbody-no-top-border {
	color: #434343;
	font-weight: 700;
}
#results .sub-info-table .empty-tr {
	height: 5px;
}

#results .button-wrapper {
	display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}
#erResults .button-wrapper {
	display: flex;    
	justify-content: flex-end;
    align-items: center;
    gap: 24px;
}
.button-wrapper p {
	margin-block-start: 0;
    margin-block-end: 0;
}
.printButton,
.printButton:hover,
.printButton:focus {
	position: relative;
	color: #505050;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 21px !important;
	font-family: "Rubik", sans-serif;
	background-color: unset;
	outline: none;
	float: right;
	display: flex;
	align-items: center;
    justify-content: space-between;
    gap: 6px;
}
.printButton:before {
	content: '';
	background-image: url(../images/sapi-print-icon.svg);
	background-repeat: no-repeat;
	width: 24px;
	height: 24px;
}
.justify-txt-wrapper {
	color: #808080;
	font-size: 10px;
	font-weight: 400;
	line-height: 12px;
	font-family: "Rubik", sans-serif;
	background-color: #f0f0f0;
	padding: 0 20px 20px;
}
/* ---------------------------- Digital Solutions ---------------------------- */


/* ---------------------------- Find your local offices ---------------------------- */
.detail-info-header {
	position: relative;
	padding: 40px 70px;
	margin: 0;
	background-color: #0072BC;
}
.detail-info-header:after {
	content: '';
	background-image: url(../images/sea-blue-arrow-bottom.svg);
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	bottom: -19px;
	transform: translateX(-50%);
	width: 58px;
	height: 20px;
	z-index: 3;
}
.detail-info-header h2 {
	color: #ffffff !important;
	text-transform: uppercase;	
	font-family: "Anton", sans-serif; 
	font-size: 40px !important;
	font-weight: 400 !important;
	line-height: 44px !important;
	margin: 0;
}
.error-message {
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 15px;
	padding: 60px 70px 40px 70px;
	margin: 0;
}
.error-message .error-text {
	color: #0072BC;
	font-family: "Anton", sans-serif; 
	font-size: 28px;
	font-weight: 400;
	line-height: 36px;
}
.error-message .error-details {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 18px;
}
.error-message .error-action a {
	color: #ffffff;
	background-color: #ED1C24;
	padding: 7px 21px;
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 21px;
}
.detail-info-section {
	position: relative;
    display: flex;
    flex-direction: column;
	padding: 40px 70px;
	background-color: #EEF7FC;
}
.detail-info-section .au-overview-btn {
	display: flex;
    justify-content: flex-end;
	margin: 0 0 12px 0;
}
.detail-info-section h5,
.other-information h5 {
	color: #0072BC !important;
	font-family: "Anton", sans-serif; 
	font-size: 28px !important;
	font-weight: 400 !important;
	line-height: 36px !important;
	margin: 0 0 15px 0;
}
.detail-info-section h6 {
	color: #0072BC !important;
	font-family: 'Rubik', sans-serif !important;
	font-size: 20px !important;
	font-weight: 500 !important;
	line-height: 24px !important;
	margin: 0 0 15px 0;
}
.detail-info-wrapper {
	display: flex;
    justify-content: space-between;
}
.detail-info-wrapper .detail-info-left, 
.detail-info-section .detail-info-right {
	position: relative;
	width: 100%;
	max-width: calc((100% - 20px) / 2);
}
.detail-info-wrapper div#map {
	min-height: 275px;
	flex: 1;
}
.detail-info-wrapper .detail-info-left {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.detail-info-wrapper .detail-info-left .info-name {
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
}
.detail-info-wrapper .detail-info-left .info-text {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	line-height: 18px;
}
.detail-info-wrapper .detail-info-left a.email-link,
.agent-personnel .depa-info a.contact-email {
	color: #DB0018;
}
.detail-info-left .info-text,
.depa-info .contact-name,
.depa-info .contact-number,
.depa-info .contact-email {
	position: relative;
	padding: 0 0 0 30px;
	display: inline-flex;
    align-items: center;
}
.detail-info-left .info-item .info-text:before {
	content: '';	
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 24px;
	aspect-ratio: 1 / 1;
	z-index: 3;
}
.detail-info-left .info-item:first-child .info-text,
.detail-info-left .info-item:last-child .info-text {
	padding: 0;
}
.detail-info-left .info-item:nth-child(2) .info-text:before {
	background-image: url(../images/icon-email.png);
}
.detail-info-left .info-item:nth-child(3) .info-text:before {
	background-image: url(../images/icon-call.png);
}
.detail-info-left .info-item:nth-child(4) .info-text:before {
	background-image: url(../images/icon-fax.png);
}
.depa-info .contact-name:before {
	content: '';	
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 24px;
	aspect-ratio: 1 / 1;
	z-index: 3;
	background-image: url(../images/icon-name.png);
}
.depa-info .contact-number:before {
	content: '';	
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 24px;
	aspect-ratio: 1 / 1;
	z-index: 3;
	background-image: url(../images/icon-call.png);
}
.depa-info .contact-email:before {
	content: '';	
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
	width: 24px;
	aspect-ratio: 1 / 1;
	z-index: 3;
	background-image: url(../images/icon-email.png);
}
/* .detail-info-wrapper .info-item:nth-child(5) {
	order: 1;
} */
.agent-personnel {
	position: relative;
	padding: 40px 70px;
	display: flex;
    flex-direction: column;
}
.agent-personnel .depa-info-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 30px 20PX;
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
    border-bottom: 1px solid #cccccc;
}
.agent-personnel .depa-info-wrapper .depa-info {
	position: relative;
	display: flex;
    flex-direction: column;
    gap: 10px;
	width: 100%;
	max-width: calc((100% - 30px) / 2)
}
.agent-personnel .depa-info .contact-name,
.agent-personnel .depa-info .contact-number {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
}
.other-information {
	position: relative;
    display: flex;
    flex-direction: column;
	padding: 40px 70px;
	background-color: #EEF7FC;
}
.other-information .btn-grp-wrapper {
	width: 100%;
	position: relative;
    display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.other-information .other-info-btn {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: calc((100% - 40px) / 3);
	color: #04246A;
	background-color: #ffffff;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	padding: 15px 20px;
    border: 1px solid #808080;
}
.other-information .other-info-btn:after {
	content: '';	
	background: url(../images/local-office-arrow.svg) no-repeat !important;
	width: 22px;
    height: 12px;
	margin: 0 0 0 10px;
}
.other-information .other-info-btn:hover {
	color: #ffffff;
	background-color: #0072BC;
	border: 1px solid #80B9DE;	
}
.other-information .other-info-btn:hover:after {
	background: url(../images/local-office-arrow-hover.svg) no-repeat !important;
}
/* ----- Map & Accordion ----- */
#lo-accordion .sr-country-accordion-item {
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #808080;
}
#lo-accordion .sr-accordion-body.has-child .sr-child-accordion-item:first-child,
#od-search-wrapper .sr-accordion-body.has-child .sr-child-accordion-item:first-child {
	display: block;
}
#lo-accordion .sr-country-accordion-item .sr-country-accordion-head h6,
#od-search-wrapper .sr-country-accordion-item .sr-country-accordion-head h6 {
	color: #0072BC;
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: 700;
	line-height: 21px;
	position: relative;
    display: flex;
    align-items: center;
	margin: 0;
}
#lo-accordion .sr-child-accordion-head-arrow.country-arrow {
    background: url(../images/seeBlue-arrow.svg) no-repeat;
}
#lo-accordion .sr-accordion-body-wrapper,
#lo-accordion .sr-child-accordion-body-wrapper {
	gap: 20px;
}
#lo-accordion .sr-country-accordion-item .sr-child-accordion-body {
	padding: 10px 0 0 0;
}
#lo-accordion .sr-country-accordion-item .sr-child-accordion-body-wrapper {
	gap: 10px 20px;
}
#lo-accordion .sr-country-accordion-item .sr-child-accordion-body-wrapper .sl-item {
	width: calc((100% - 60px) / 4);
	justify-content: unset;
}
/* ----- Map & Accordion ----- */

/* ----- Detail - Search Wrapper ----- */
hr.divider {
  border-top: 1px solid #808080;
	margin: 24px 0 !important;
}
#od-search-wrapper .region-accordion-content {
	display: flex;
    flex-direction: column;
    gap: 20px;
}
#od-search-wrapper .sr-child-accordion-body-wrapper {
	flex-direction: column;
}
#od-search-wrapper .sr-accordion-body {
	margin: 10px 0 0 0;
	padding: 0;
    background: unset;
}
#od-search-wrapper .sr-child-accordion-body {
	padding: unset;
	margin: 20px 0;
}
#od-search-wrapper .sr-child-accordion-item {
	background: unset;
	padding: 0;
	margin: unset;
}
#od-search-wrapper .sr-accordion-head {
	background: unset;
	padding: 0;	
}
#od-search-wrapper .sr-accordion-head h4,
#od-search-wrapper .search-result-item {
	color: #04246A !important;
}
#od-search-wrapper .sr-accordion-head-arrow {
	background: url(../images/sr-detail-main-arrow.svg) no-repeat;
}
#od-search-wrapper .sr-country-accordion-head .sr-child-accordion-head-arrow {
	background: url(../images/localOffice-detail-country-arrow.svg) no-repeat;
	background-size: 100%;
	transform: rotate(180deg);
}
#od-search-wrapper .sr-country-accordion-head .sr-child-accordion-head-arrow.active {
	transform: rotate(360deg);
}
#od-search-wrapper .sl-item.selected-port {
	font-weight: 700;
	color: #04246A !important;
}
#od-search-wrapper .sr-country-accordion-item {
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 0 0 20px 0;
}
#od-search-wrapper .sr-country-accordion-item .sl-item {
	width: 100%;
	display: block;
	padding: 0 0 8px 0;
    border-bottom: 1px solid #808080;
}
#od-search-wrapper .search-result-item {
	width: 100%;
	display: block;
	padding: 8px 0;
    border-bottom: 1px solid #808080;
}
#od-search-wrapper .search-result-item .sl-item-arrow,
#od-search-wrapper .sl-item.selected-port .sl-item-arrow{
    background: url(../images/service-line-arrow-hover.svg) no-repeat !important;
}
#od-search-wrapper .sl-item-error {
	margin: 0;
}
#od-search-wrapper .sr-accordion-head h4,
#od-search-wrapper .sr-child-accordion-item h4,
#od-search-wrapper .sr-country-accordion-item .sr-country-accordion-head h6 {
	justify-content: space-between;
}
#od-search-wrapper .sl-item-arrow {
	display: inline-block;
    margin: 4px 0 4px 12px;
    float: inline-end;
}

.open-new-page {
	color: #0072BC;
    font-family: 'Rubik', sans-serif;
    font-size: 16px;
    line-height: 100%;
	display: flex;
	align-items: center;
    gap: 8px;
	margin: 12px 0 0 0;
}
.open-new-page:hover {
	color: #04246A;
}
.open-new-page:hover img {
	filter: brightness(0) saturate(100%) invert(10%) sepia(41%) saturate(7490%) hue-rotate(221deg) brightness(81%) contrast(98%);
}
.country-hotspot .e-hotspot {
	text-decoration: none;
	text-shadow: 0 0 #000000;
}
.country-hotspot .e-hotspot:hover .e-hotspot__label {
	color: #04246A;
}
/* ----- Detail - Search Wrapper ----- */
/* ---------------------------- Find your local offices ---------------------------- */
.logistics-cnt-img img {
	max-height: 405px;
}
@media only screen and (max-width: 1380px) {
	.logistics-cnt-img img {
		max-height: 450px;
	}
}
@media only screen and (max-width: 1200px) {
	.logistics-cnt-img img {
		max-height: 480px;
	}
}

/* -------------- Careers -------------- */
.card-head:after {
	content: '';	
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	bottom: -19px;
	transform: translateX(-50%);
	height: 20px;
	width: 58px;
	z-index: 3;
}
.card-head.red-arrow:after {
	background-image: url(../images/red-arrow-bottom.svg);
}
.card-head.white-arrow:after {
	background-image: url(../images/white-arrow-bottom.svg);
}
.card-head.sea-blue-arrow:after {
	background-image: url(../images/sea-blue-arrow-bottom.svg);
}
.card-head.blue-arrow:after {
	background-image: url(../images/sky-blue-arrow-bottom.svg);
}
.card-head.dark-blue-arrow:after {
	background-image: url(../images/dark-blue-arrow-bottom.svg);
}
.card-head.yellow-arrow:after {
	background-image: url(../images/amber-arrow-bottom.svg);
}
/* -------------- Careers -------------- */

/* -------------- Tab template -------------- */
#digiSolution .e-n-tabs-heading {
/* 	padding: 0 180px; */
}
#dsCustomers .e-n-tabs{
	gap: 0;
}
/* #dsCustomers .e-n-tabs-heading,
#dsPartners .e-n-tabs-heading{
    gap: 15px 90px;
	display: flex!important;
	flex-wrap: wrap!important;
	
}
#dsCustomers button,
#dsPartners button{
    padding: 0px;
	width: calc((100% - 90px)/2);
    align-items: center;
    justify-content: flex-start;
	flex-basis: unset;
} */
.tab-temp .e-n-tab-title .e-n-tab-icon svg path {
	fill: #ffffff;
}
.tab-temp#dsCustomers .e-n-tab-icon,
.tab-temp#dsPartners .e-n-tab-icon {
	padding: 12px;
	border-radius: 6px;
	background-color: #0092CF;
	transition: all 0.3s;
	outline: 1px solid #0092CF;
}
.tab-temp#dsCustomers .e-n-tab-title[aria-selected="true"]:after,
.tab-temp#dsPartners .e-n-tab-title[aria-selected="true"]:after {
	content: '';    
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	bottom: -19px;
	transform: translateX(-50%);
	width: 58px;
	height: 20px;
	z-index: 3;
	background-image: url(../images/sea-blue-arrow-bottom.svg);
}
.tab-temp#dsCustomers .e-n-tab-title[aria-selected="true"] .e-n-tab-icon,
.tab-temp#dsPartners .e-n-tab-title[aria-selected="true"] .e-n-tab-icon {
	background-color: #FFFFFF;
}
.tab-temp#dsCustomers .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path,
.tab-temp#dsPartners .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path {
	fill: #04246A;
}
.tab-temp#dsCustomers .e-n-tab-title:hover .e-n-tab-icon,
.tab-temp#dsPartners .e-n-tab-title:hover .e-n-tab-icon {
	background-color: #00A0D9;
	outline: 1px solid #ffffff;
}
.tab-temp#dsCustomers .e-n-tab-title:hover .e-n-tab-icon svg path,
.tab-temp#dsPartners .e-n-tab-title:hover .e-n-tab-icon svg path {
	fill: #ffffff;
}

#tt-tab .e-n-tab-title .e-n-tab-icon svg path {
	fill: #808080;
}
#tt-tab .e-n-tabs-heading {
    padding: 0;
}
#tt-tab .e-n-tab-title .e-n-tab-icon {
	padding: 0;
    border-radius: unset;
	background-color: unset !important;
	outline: none !important;
}
#tt-tab .e-n-tab-title:hover .e-n-tab-icon svg path {
	fill: unset;
}
#tt-tab .e-n-tab-title[aria-selected="true"] .e-n-tab-icon svg path {
	fill: #ffffff !important;
}
#tt-tab .e-n-tab-title[aria-selected="true"]:after {
	content: none !important;
}
/* -------------- Tab template -------------- */

@media only screen and (min-width: 1024px){
.evgm-text-and-submit-button-wrapper{
	position: relative;
	display: flex;
	gap: 20px;
	justify-content: space-between;
	margin-top: 24px;
	flex-direction: row;
}

.evgm-text-and-submit-button-wrapper .left-wrapper{
	width: 60%;
}
.evgm-text-and-submit-button-wrapper .right-wrapper{
	width: 40%;
}

.evgm-form-result-wrapper{
	overflow: unset;
}
.evgm-form-result-wrapper #tblcontainer{
	min-width: unset;
}	
	
.evgm-form-wrapper{
	display: flex;
	position: relative;
	flex-direction:row;
	justify-content: space-between;
	gap: 80px;
	padding: 20px;
    background: #F0F0F0;
}

.evgm-left-wrapper{
	width: 60%;
}

.evgm-right-wrapper{
	width: 40%;
	display: flex;
    justify-content: flex-end;	
}	
	
	
	
	.srdownloadpdfwrapper{
		justify-content: flex-end;
		
	padding-right: 70px;
	}		
	#digiSolution .e-n-tabs-heading {
		padding: 0 180px;
	}
	
	.agent-personnel .depa-info-wrapper .depa-info {
		position: relative;
		width: 100%;
		max-width: calc((100% - 20px) / 2);
	}	
}

/* Service Routes */
.sr-listing-search-bar-html-wrapper{
	
}
.sr-listing-search-container {
    max-width: 360px;
    margin: 0 auto;
    position: relative;
}

.sr-listing-search-result{
	display: none;
    position: absolute;
    background: white;
    width: 100%;
    left: 0;
    z-index: 999;
    padding: 0 20px;
    top: 43px;
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
    max-height: 315px;
    overflow-y: scroll;	
}

.sr-listing-autocomplete-result-wrapper{
	display: flex;
	width: 100%;
	justify-content: space-between;
	align-items: center;
}

.sr-listing-autocomplete-link,
.sr-listing-search-no-result{
	color: #808080;
	width: 100%;
	padding: 8px 0;
	transition: 0.3s all;
	font-size: 12px;
}
.sr-listing-autocomplete-link .highlight {
	font-weight: 600 !important;
}



.sr-accordion{
	position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sr-accordion-item{
	position: relative;
}

.sr-accordion-head{
	background: #013B7E;
	padding: 14px 20px 12px;
}

.sr-accordion-head h4 {
    color: white !important;
    margin: 0;
    font-size: 24px !important;
    position: relative;
    display: flex;
    align-items: center;
	text-transform: uppercase;
}

.sr-accordion-head-arrow {
    background: url(../images/service-route-acc-arrow.svg) no-repeat;
    width: 16px;
    height: 9px;
    position: relative;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
	transition: transform 0.3s;
}

.sr-accordion-head-arrow.active{
	transform: rotate(180deg);
}

.sr-accordion-body{
	padding: 20px;
	display: none;	
	background: white;
    margin-top: 10px;
}
.sr-accordion-body-wrapper {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.sr-accordion-body-wrapper .sl-item{

}
.sl-item{
	position: relative;
    display: flex;
    align-items: center;
	justify-content: space-between;
	width: 100%;
	font-size: 12px;
	color: #808080!important;
	transition: 0.3s all;
}

.sl-item:hover{
	color: #04246A!important;
}
.sl-item-arrow {
    background: url(../images/service-line-arrow.svg) no-repeat;
    width: 21px;
    height: 13px;
    position: relative;
    margin-left: 12px;
	transition: 0.3s all;
}

.sl-item:hover .sl-item-arrow {
    background: url(../images/service-line-arrow-hover.svg) no-repeat!important;
}

/* Has Child */
.sr-accordion-body.has-child {
    padding: 0px;
	background: unset;
	margin-top: 0;
}
.sr-child-accordion-body{
	padding-top: 24px;
}

.sr-child-accordion-item{
	background: white;
	padding: 20px;
}

.sr-child-accordion-item:first-child{
	margin-top: 10px;
}

.sr-child-accordion-item:not(first-child){
	margin-top: 8px;
}

.sr-child-accordion-item h4{
	margin: 0;
	color: #00AEE6!important;
	font-size: 18px!important;
	position: relative;
    display: flex;
    align-items: center;
	text-transform: uppercase;
}

.sr-child-accordion-body{
	display: none;
}

.sr-child-accordion-body-wrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	position: relative;
}


.sr-child-accordion-head-arrow {
    background: url(../images/service-route-child-acc-arrow.svg) no-repeat;
    width: 16px;
    height: 9px;
    position: relative;
    margin-left: 10px;
    align-items: center;
    justify-content: center;
    display: flex;
    transition: transform 0.3s;
}

.sr-child-accordion-head-arrow.active{
	transform: rotate(180deg);
}


/* Service Routes Detail Page */
.sr-detail-left-cnt:before{
	content: '';
	background: unset;
}

.sr-searchbar-title{
	font-weight: 500;
	color: #363636;
	font-size: 14px;
	font-family: "Rubik", sans-serif!important;
	font-style: normal!important;	
	margin: 0 0 6px 0;
}

.sr-detail-link.active-selected-post{
	font-weight: 500;
	color: #04246A;
}

.sl-item-arrow {
    background: url(../images/service-line-arrow.svg) no-repeat;
    width: 22px;
    height: 13px;
    position: relative;
    margin-left: 12px;
}

.sr-detail-link.active-selected-post .sl-item-arrow {
    background: url(../images/service-line-arrow-hover.svg) no-repeat;
}

.search-bar {
	display: flex;
	background: #ffffff;
	justify-content: space-between;
	padding: 8px 15px;
	border: 1px solid #ccc;
}

.search-bar input.search-field {
	border: 0px!important;
	width: 100%;
	line-height: 0;
	font-size: 12px;
}
.search-bar input:focus.search-field {
	border: 0px!important;
	width: 100%;
	line-height: 0;
	font-size: 12px;
}

/* .search-bar input#sr-search-field {
	border: 0px!important;
	width: 100%;
} */

.search-bar input::placeholder {
  color: #DADADA;
  opacity: 1; /* Firefox */
}

.search-bar input::-ms-input-placeholder { /* Edge 12-18 */
  color: #DADADA;
}
.search-bar input:focus{
	border: 1px solid #ffffff!important;
	outline: none!important;
	border-radius: 0px!impportant;
}

.search-bar .search-icon-cnt {
	background: #ffffff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 0 0 20px;
}
.search-bar .search-icon {
	content: '';
	background: url(../images/grey-search-icon.svg) no-repeat !important;
	width: 14px;
	height: 16px;
	display: block;
}

.search-container{
	display: none;
}

.sr-detail-accordion{
	display: none;
}

.sr-detail-mobile-autocomplete{
	display: none;
	position: absolute;
    background: white;
    width: 100%;
    border: 1px solid #ccc;
    z-index: 1;
    padding: 4px 18px;
	max-height: 280px;
    overflow: scroll;
}

.autocomplete-result-wrapper{
	padding-top: 5px;
}
.autocomplete-result-wrapper:last-child{
	padding-bottom: 5px;
}

.sr-detail-mobile-autocomplete .autocomplete-link{
	color: #808080;
}

.autocomplete-link .highlight{
	font-weight: 700;
}
@media only screen and (min-width: 767px){
.embed-iframe-container iframe{
	height: 1260px!important;
}	
	
	/* Schedules - By Port	 */
	form#schedulesByPort .form-field-split,
	form#schedulesByVessel .form-field-split{
        width: calc((100% - 32px) / 3);
    }
	form#schedulesByPort,
	form#schedulesByVessel{
		display: flex;
		gap: 16px;
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	form#schedulesPointToPoint .form-field-split{
		width: calc((100% - 16px) / 2);
	}
	form#schedulesPointToPoint .form-field-split:last-child{
		text-align: center;
	}
	form#schedulesPointToPoint{
		display: flex;
		gap: 16px;
		flex-direction: row;
		flex-wrap: wrap;	
		align-items: center;
	}

	
	/* Rates and Tariffs	 */
	.sidebar-menu nav ul li a {
		font-size: 28px !important;
		line-height: 36px !important;
	}
	.blue-left-white-right-wrapper .sidebar-menu {
		padding: 0;
	}
	.blue-left-menu-wrapper .elementor-nav-menu--dropdown ul li:not(:last-child):after,
	.grey-left-menu-wrapper .elementor-nav-menu--dropdown ul li:not(:last-child):after {
		right: -1%;
	}	
	
	.newsroom-detail-time svg{
		width: 23px !important;
		height: 23px !important;
	}

	.newsroom-detail-time time{
		font-size: 16px;
		line-height: 21px;
	}	
	.tags-title-txt{
		font-size:20px;
		line-height: 24px;
	}
	/* Form	 */
	form#surchargeRatesDemmurage{
		display: flex;
		flex-wrap:wrap;
		gap: 20px;
		flex-direction: row;
	}
	
	form#surchargeRatesDemmurage .form-field-split{
		width: calc((100% - 20px)/2);
	}
	
	/* Map Styling */
	.map.mobile{
		display: flex;
	}
	.map.desktop{
		display: flex;
	}	
	
	.map {
		position: relative;
		max-width: unset;
		margin: 0 auto;
	}
	
	.map-region-name {
		font-size: 20px;
		line-height: 23px;
	}

	
	.map-right-region-wrapper {
		position: relative;
		display: flex;
		max-width: unset;
	}
	
	.central-latin-america-container{
		width: 50%;
	}
	
	.map-right-region-wrapper{
		width: 50%;
	}
    .central-latin-america-container svg, .europe-container svg, .asia-container svg, .africa-container svg, .middle-east-container svg, .oceania-container svg {
        width: 95%;
        height: 90%;
    }	
	
	.map-region-name.hover {
		font-size: 32px;
		line-height: 36px;
		width: 100px!important;
	}
	
    .europe-container {
        position: absolute;
		width: 42%;
		top: 3.3%;
		left: -2%;
    }
    .asia-container {
        position: absolute;
		top: 0;
        width: 67%;
        top: 2%;
        left: 28%;
    }

	
    .middle-east-container {
        top: 28%;
        left: 22%;
    }
    .africa-container {
        bottom: 34%;
        left: -3%;
        width: 35%;
    }
    .oceania-container {
        bottom: 22%;
    }
	
	.map-region-name {
		transition: 0.3s all;
	}
	
    .central-latin-america-container .map-region-name {
		width: 70px;
        bottom: 27%;
        left: 60%;
    }
	.africa-container .map-region-name {
		width: 46px;
        bottom: 40%;
        left: 40%;
	}
	.middle-east-container .map-region-name {
        width: 60px;
		bottom: 36%;
        left: 27%;
	}
	.europe-container .map-region-name {
        width: 60px;
        bottom: 35%;
        left: 50%;
		z-index: 3;
	}
	.asia-container .map-region-name {
        width: 60px;
        bottom: 40%;
        left: 40%;
	}
	.oceania-container .map-region-name {
        width: 70px;
		top: 37%;
        left: 17%;
	}
	/* Newsroom	 */
	.newsroom-listing {
		flex-direction: row;
		flex-wrap: wrap;
	}
	
	.newsroom-listing .newsroom-post {
		width: calc((100% - 25px)/2);
	}
	
    .content-hero-red-arrow:after {
        background-image: url(../images/red-arrow-right.svg);
        top: 50%;
        left: unset;
        right: -21px;
        transform: translateY(-50%);
        width: 21px;
        height: 58px;
    }
	


	/* 	Service Routes */
	.sr-accordion-head:hover,
	.sr-child-accordion-head:hover{
		cursor: pointer;
	}
	
	.sr-accordion-body-wrapper{
		display: flex;
		flex-wrap: wrap;
		gap: 5px 30px;
	}

	.sl-item{
		width: calc((100% - 100px) / 3);
		justify-content: unset;
	}
	
	/* Service Routes Detail Page */
	.sr-detail-left-cnt:after{
		content: '';
		background: url('../images/grey-arrow-right.svg');
		width: 20px;
		height: 58px;
		position: absolute;
		right: -19px;
		top: 25px;
		display: block;
	}
	
	.sr-detail-accordion{
		position: relative;
		display: flex;
		flex-direction: column;
	}
	
	.sr-detail-accordion-item{
		position: relative;
	}
	
	.sr-detail-accordion-item:not(:last-child){
		border-bottom: 2px solid #CCCCCC;
	}
	
	.sr-detail-accordion-head{
		padding: 14px 0px 12px;		
	}
	
	.sr-detail-accordion-head h4:hover,
	.sr-detail-accordion-child-item h4:hover{
		cursor: pointer;
	}
	
	.sr-detail-accordion-head h4{
		margin: 0!important;
		font-size: 28px!important;
		text-transform: uppercase;
		position: relative;
		display: flex;
		align-items: center;	
		justify-content: space-between;
	}
	.sr-detail-accordion-body{
		padding-bottom: 20px;
	}
	.sr-detail-accordion-body:has(.sr-detail-accordion-child-item){
		padding-bottom: 0px;
	}
	.sr-detail-accordion-child-item:not(:first-child){
		
	}
	
	.sr-detail-link{
		color: #808080;
		width: 100%;
		padding: 6px 0;
		border-bottom: 1px solid #ccc;
		transition: 0.3s all;
		font-size: 14px;
		display: flex;
        justify-content: space-between;
        align-items: center;
	}
	.sr-detail-link.default{
		color: #808080!important;
		display: block;
		width: 100%;
		padding: 6px 0;
		font-size: 14px;
	}
	.sr-detail-link:last-child{
		border-bottom: 0px solid transparent;
	}
	.sr-detail-link:hover{
		color: #04246A;
	}
	
	.sr-detail-link:hover .sl-item-arrow{
		background: url(../images/service-line-arrow-hover.svg) no-repeat;
	}
	
	.sr-detail-accordion-child-item{
		padding-left: 20px;
		padding-bottom: 20px;
	}
	
	.sr-detail-accordion-child-item .sub-region-title{
		color: #00AEE6;
		text-transform: uppercase;
		font-size: 24px!important;
		margin: 0!important;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	
	.sr-detail-accordion-head-arrow{
		background: url(../images/sr-detail-main-arrow.svg) no-repeat;
		width: 16px;
		height: 9px;
		position: relative;
		margin-left: 10px;
		align-items: center;
		justify-content: center;
		display: flex;
		transition: transform 0.3s;		
	}

	
	.sr-detail-accordion-child-head-arrow{
		background: url(../images/sr-detail-child-arrow.svg) no-repeat;
		width: 12px;
		height: 6px;
		position: relative;
		margin-left: 10px;
		align-items: center;
		justify-content: center;
		display: flex;
		transition: transform 0.3s;		
	}
	
	.sr-detail-accordion-head-arrow.active,
	.sr-detail-accordion-child-head-arrow.active{
		transform: rotate(180deg);
	}
	
	.sr-detail-accordion-body,.sr-detail-accordion-child-body{
		display: none;
	}
	
	/* Searched Result	 */
	.autocomplete-link{
		color: #808080;
		width: 100%;
		padding: 6px 0;
		transition: 0.3s all;
		font-size: 14px;		
	}
	
	.autocomplete-link:hover{
		color: #04246A;	
	}
	
	.autocomplete-link:hover + .sl-item-arrow{
		background: url(../images/service-line-arrow-hover.svg) no-repeat;
		width: 23px;
		height: 13px;
	}
	
	.autocomplete-link .highlight{
		color: black!important;
		font-weight: 600!important;
	}
	

	
	.autocomplete-result-wrapper{
		display: flex;
		width: 100%;
		justify-content: space-between;
		align-items: center;
	}
	
	.autocomplete-result-wrapper:not(:last-child){
		border-bottom: 1px solid #ccc;
	}
	
	.search-seperator{
		width: 100%;
		height: 1px;
		background: #CCCCCC;
		margin: 40px 0 20px;
	}
	
	.sr-detail-accordion h4{
		font-size: 28px !important;
	}
	
/* 	.e-n-tabs-heading button.e-n-tab-title:first-child .e-n-tab-icon svg:last-child{
		width: 100%!important;
		max-width: 75px!important;
		height: 100%!important;
	} */
	
/* 	.e-n-tabs-heading button.e-n-tab-title:not(:first-child) .e-n-tab-icon svg:first-child{
		width: 100%!important;
		max-width: 75px!important;
		height: 100%!important;
	} */

}

@media only screen and (min-width: 1025px){
	/* Schedules */
	#table_byport{
		width: 100%;
	}
	.byport-result-cnt{
		overflow-x: unset;
	}

	.tab-and-download-wrapper{
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-direction: row;
	}
	.d-d-download-wrapper{
		margin-bottom: unset;
	}		
	
.sidebar-menu nav ul li.active a:after {
    content: '';
    background-image: url(../images/sea-blue-arrow-bottom.svg);
    background-repeat: no-repeat;
    top: 129%;
    left: 45%;
    right: unset;
    transform: translateX(-50%);
    width: 58px;
    height: 20px;
    z-index: 999;
    display: block;
}
.blue-left-menu-wrapper .elementor-nav-menu--dropdown ul li:not(:last-child):after{
    content: '';
    background: #4D9CD0;
    width: 1px;
    height: 70%;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
}
.grey-left-menu-wrapper .elementor-nav-menu--dropdown ul li:not(:last-child):after {
    content: '';
    background: #808080;
    width: 1px;
    height: 70%;
    position: absolute;
    right: 4%;
    top: 50%;
    transform: translateY(-50%);
}
	
	
	.embed-iframe-container iframe{
		height: 695px!important;
	}
	
	.tab-and-download-wrapper {
		flex-direction: row;
	}
	/* Newsroom Listing Filter	 */
	form#newsroomDropdown .form-field-split{
		width: calc((100% - 60px)/4);
	}
	form#newsroomDropdown .form-field-split:nth-child(1),
	form#newsroomDropdown .form-field-split:nth-child(2){
		width: calc((100% - 60px)/4);
	}	
	.newsroom-listing .newsroom-post .newsroom-post-image{
		max-height: 290px;
		object-fit: cover;
		width: 100%;
		min-height: 290px;
	}	
	.sl-item{
		font-size: 14px;
	}		
	.newsroom-listing .newsroom-post {
		width: calc((100% - 55px)/3);
	}
	/* Rates and Tariff	 */
	.blue-left-white-right-wrapper{
		display: flex;
		flex-direction: row!important;
	}	

	.blue-left-white-right-wrapper .elementor-widget-container .elementor-nav-menu--main{
	}		
	
	.blue-left-white-right-wrapper .sidebar-menu{
		width: 35%!important;
	}

	.blue-left-white-right-wrapper  .rightbar-content{
		width: 65%!important;
	}
	
	.blue-left-menu-wrapper .elementor-nav-menu--main ul li:not(:last-child):after{
		content: '';
		background: #4D9CD0;
		width: 100%;
		height: 2px;
		position: absolute;
		right: 0%;
		bottom: -21px;
	}
	.grey-left-menu-wrapper .elementor-nav-menu--main ul li:not(:last-child):after{
		content: '';
		background: #808080;
		width: 100%;
		height: 2px;
		position: absolute;
		right: 0%;
		bottom: -57%;
	}
	/* Rates and Tariff	 */
	.sidebar-menu{
		padding: 30px !important;
	}

	.sidebar-menu nav ul {
		gap: 40px;
		position: relative!important;
	}
	
	.sidebar-menu nav ul li a{
		white-space: normal!important;
		text-align: center!important;
/* 		margin: 0 auto;
    	display: block; */
	}
	.sidebar-menu.sustain-sub nav ul li a {
		text-align: left !important;
	}
	.sidebar-menu .sust-page nav ul li a {
        text-align: left !important;
    }

	
	.sidebar-menu,
	.sidebar-menu nav ul li,
	.sidebar-menu nav ul li a,
	.sidebar-menu a.elementor-item:after,
	.sidebar-menu a.elementor-item:before{
		-webkit-transition: none !important;
		-moz-transition: none !important;
		-o-transition: none !important;
		transition: none !important;
		transition-timing-function: unset!important;
	}	
	.sidebar-menu nav ul li a{
		font-size: 28px;
		line-height: 36px;
		position: relative;
	}
	.sidebar-menu nav ul li:hover a{
		color: white!important;
		text-decoration: unset!important;	
	}
	.sidebar-menu.grey nav ul li:hover a {
		color: #0072BC !important;
		text-decoration: unset!important;	
	}
	.sidebar-menu nav ul li.active a:after{
		content: '';
        background-image: url(../images/sea-blue-arrow-right.svg);
		background-repeat: no-repeat;
        top: 50%;
        left: unset;
        right: -50px;
        transform: translateY(-50%);
        width: 21px;
        height: 58px;
	}
	.sidebar-menu.grey nav ul li.active a:after{
		content: '';
        background-image: url(../images/grey-arrow-right.svg);
		background-repeat: no-repeat;
        top: 50%;
        left: unset;
        right: -50px;
        transform: translateY(-50%);
        width: 21px;
        height: 58px;
	}

	.sidebar-menu .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after {
		background-color: transparent!important;
	}
	.sidebar-menu .elementor-nav-menu--layout-horizontal .elementor-nav-menu>li {
		width: 100%!important;
	}	
	.sidebar-menu .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after{
		opacity: 1!important;
	}	
}

@media only screen and (min-width: 1130px){
	
	.sd-tabs-container{
		overflow-x: scroll;
	}
	.sd-tabs-container::-webkit-scrollbar {
	  height: 4px; /* Make scrollbar thinner */
	}

	.sd-tabs-container::-webkit-scrollbar-track {
	  background: #f1f1f1; /* Track color */
	  border-radius: 10px; /* Rounded edges */
	}

	.sd-tabs-container::-webkit-scrollbar-thumb {
	  background: #888; /* Scrollbar thumb color */
	  border-radius: 10px; /* Rounded edges */
	}

	.sd-tabs-container::-webkit-scrollbar-thumb:hover {
	  background: #555; /* Thumb color on hover */
	}		
	.fleet-list-result {
		overflow-x: unset;
	}
	.newsroom-listing .newsroom-post {
		width: calc((100% - 55px)/3);
	}
}
@media only screen and (min-width: 1280px) {
	.sidebar-menu {
        padding: 40px 70px !important;
    }
	.sidebar-menu nav ul li.active a:after{
        right: -91px;
	}
	.sidebar-menu.grey nav ul li.active a:after{
        right: -91px;
	}
	
}

@media only screen and (min-width: 1580px){
	.agent-personnel .depa-info-wrapper .depa-info {
		position: relative;
		width: 100%;
		max-width: calc((100% - 40px) / 3);
	}
}

@media only screen and (min-width: 2000px){
.sidebar-menu nav ul li.active a:after{
		content: '';
        background-image: url(../images/sea-blue-arrow-right.svg);
		background-repeat: no-repeat;
        top: 50%;
        left: 600px;
        right: -50px;
        transform: translateY(-50%);
        width: 21px;
        height: 58px;
	}
}
	
@media only screen and (max-width: 1280px) {
	.detail-info-header,
	.detail-info-section,
	.agent-personnel {
		padding: 40px 30px;
	}
}
@media only screen and (max-width: 768px) {
	.pil-dd {
		display: block;
		max-width: 90%;
		margin: 20px auto;
	}

	.pil-careers-tab-nav {
		display: none !important;
	}
	.agent-personnel .depa-info-wrapper .depa-info {
		max-width: 100%;
	}
	.sidebar-menu .sust-page nav ul li:after {
		content: unset !important;
	}
	/* ---------------------------- Digital Solutions ---------------------------- */
	.form-wrapper form#trackTraceForm,
	.form-wrapper form#emptyReleaseForm {
		flex-direction: column;
		align-items: unset;
		gap: 12px;
	}
	#results .mypil-table,
	#erResults .mypil-table,
	#soResults .mypil-table {
		overflow: scroll;
	}
	/* ---------------------------- Digital Solutions ---------------------------- */
}

@media only screen and (max-width: 435px) {
	#digiSolution .e-n-tabs > .e-n-tabs-heading {
		padding: 0 20px;
		align-items: flex-start;
        justify-content: flex-start;
	}
	.tab-temp#dsCustomers .e-n-tab-title[aria-selected="true"]:after, 
	.tab-temp#dsPartners .e-n-tab-title[aria-selected="true"]:after {
		content: none;
	}
	.tab-temp.customer-tab .e-n-tabs-heading .e-n-tab-title {

	}
	.tab-temp .e-n-tabs-heading .e-n-tab-title {
		min-width: calc(100% / 3);
		max-width: calc(100% / 3);
	}
	.full-width-m a {
		width: 100%;
	}
	.nav-item-divider:after {
		content: ' > ';
	}
	.director-card,
	.content-inner .commitment-col {
        max-width: 100%;
    }
	.director-card-inner,
	.director-info {
		height: auto;
	}
	.content-inner {
		flex-direction: column;
	}
	.dimensions-table .e-flex.e-con.e-child {
		min-width: 100px;
	}
	/* ---------------------------- Find your local offices ---------------------------- */
	.detail-info-header,
	.detail-info-section,
	.agent-personnel,
	.other-information {
		padding: 40px 30px;
	}
	.detail-info-wrapper {
		gap: 24px;
		flex-direction: column;
	}
	.agent-personnel .depa-info-wrapper {
		flex-direction: column;
	}
	.detail-info-wrapper .detail-info-left,
	.detail-info-section .detail-info-right,
	.agent-personnel .depa-info-wrapper .depa-info {
		max-width: unset;
	}
	.other-information .btn-grp-wrapper {
		flex-direction: column;
	}
	.other-information .other-info-btn {
		max-width: unset;
	}
	/* ---------------------------- Find your local offices ---------------------------- */
}

/* ---------------------------- Data Integration Solution ---------------------------- */
.integration-left:after {
	content: '';    
	background-repeat: no-repeat;
	position: absolute;
	top: 42%;
	left: -54px;
	transform: rotate(90deg);
	width: 52px;
	height: 58px;
	z-index: 3;
}

.integration-left.amber:after {
	background-image: url(../images/amber-arrow-bottom.svg);
}

.integration-right:after {
	content: '';    
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	right: -19px;
	transform: translateY(-50%);
	width: 20px;
	height: 58px;
	z-index: 3;
	left: unset;
}

.integration-right.blue:after {
	background-image: url('../images/sea-blue-arrow-right.svg');
}