/* input(1173,1): run-time error CSS1019: Unexpected token, found '}' */
/*
 *  All RHH custom styles
 */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');


/* FONT ARS Maquette Pro */

@font-face {
	font-family: ars-maquette-regular;
	src: url('../Fonts/ARSMaquettePro-Regular.woff2?v=muG8__Z1ih51BkjgN6Q3j-coi88');
}

@font-face {
	font-family: ars-maquette-medium;
	src: url('../Fonts/ARSMaquettePro-Medium.woff2?v=muG8__Z1ih51BkjgN6Q3j-coi88');
}

@font-face {
	font-family: ars-maquette-bold;
	src: url('../Fonts/ARSMaquettePro-Bold.woff2?v=muG8__Z1ih51BkjgN6Q3j-coi88');
}


html, body, div {
	font-family: 'ars-maquette-regular';
}



section.content {
	margin: 0 15px 0 300px;
}

div.header {
	height: 60px;
}

.quotation-body {
	overflow: visible;
	color: #333333;
	font-weight: bold;
	padding-left: 20px;
}

.quotation-progress {
	margin-bottom: 20px !important;
}

.calculator-left {
	top: 0;
	font-weight: bold;
	overflow: visible;
	color: #333333;
	height: calc(100vh - 5px);
	padding-left: 15px;
}

.sidebar {
	height: 100vh;
	top: 0;
	width: 300px;
	background-color: #314551;
	font-family: 'ars-maquette-regular';
	color: #FFFFFF;
	overflow: visible;
}


	.sidebar .logo {
		height: 175px;
	}

	.sidebar .menu {
		overflow: initial;
		height: calc(100vh - 360px);
	}

		.sidebar .menu .limenu {
			height: 42px;
			margin-left: 10px;
			margin-right: 10px;
			width: 280px !important;
			border-radius: 8px;
			font-family: 'ars-maquette-medium';
		}

		.sidebar .menu .list .active {
			background-color: #D64D30 !important
		}

		.sidebar .menu .list a {
			display: inline;
			color: #FFFFFF;
			text-align: left;
			outline: none;
		}

		.sidebar .menu .list img {
			padding-left: 6px;
			float: left;
			width: 45px;
			margin-top: 6px;
		}

		.sidebar .menu .list a span, .sidebar .menu .list div div span {
			display: block;
			color: #FFFFFF;
			margin-top: 2px;
			line-height: 2.8em;
			margin-left: 48px;
			font-weight: 300 !important;
		}

		.sidebar .menu .list .active > :first-child i, .sidebar .menu .list .active > :first-child span {
			color: #FFFFFF !important
		}

	.sidebar .user-info .info-container {
		cursor: default;
		display: block;
		position: relative;
		top: 0;
		height: 60px;
		border-top: #455661;
		border-style: solid none none none;
		border-width: 1px;
		padding: 8px 15px 8px 15px;
	}


		.sidebar .user-info .info-container .organisation,
		.sidebar .user-info .info-container .name,
		.sidebar .user-info .info-container .email {
			white-space: nowrap;
			-ms-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			overflow: hidden;
			font-size: 12px;
			max-width: 250px;
			color: #FFFFFF;
		}

		.sidebar .user-info .info-container .name, .sidebar .user-info .info-container .email {
			font-size: 13px;
		}

			.sidebar .user-info .info-container .email .col {
				padding: 0px;
			}



		.sidebar .user-info .info-container .user-log-out {
			position: initial;
			right: initial;
			bottom: initial;
			text-align: right;
			cursor: pointer;
		}


		.sidebar .user-info .info-container .col-10 {
			width: 250px
		}

		.sidebar .user-info .info-container .material-icons {
			font-weight: lighter;
			color: #939598;
		}

.login-page .login-box,
.login-page .login-box label,
.login-page .login-box button {
	font-weight: bold;
}

	.login-page .login-box a {
		color: #3F82BB
	}

	.login-page .login-box .msg {
		background-color: #F9F9F9;
		font-style: italic;
		height: 40px;
	}

.signup-page {
	background-image: url(../images/portal-background-contrast.jpg?v=muG8__Z1ih51BkjgN6Q3j-coi88);
	-ms-background-size: cover;
}

	.signup-page .signup-box,
	.signup-page .signup-box label,
	.signup-page .signup-box button {
		font-weight: bold;
	}

		.signup-page .signup-box a {
			text-transform: uppercase;
			font-size: 12px;
			color: #3F82BB
		}

		.signup-page .signup-box .msg {
			padding: 20px;
			margin-left: 5px;
			margin-right: 0px;
			font-weight: 600;
			background-color: #F9F9F9;
			font-style: italic;
		}

.signup-box .card .body {
	padding: 30px;
}

.signup-box input[type=text], .signup-box input[type=password] {
	padding-left: 10px;
}

a.btn, button.btn {
	box-shadow: none !important;
	border-radius: 20px !important;
	padding: 8px 20px !important;
	font-weight: bold !important;
}


.dx-button:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

button.btn, .btn.bg-rhh-blue {
	border-radius: 20px !important;
}

.dx-button:not(.btn-link):not(.btn-circle).btn-primary {
	color: #fff;
}

.bg-rhh-blue {
	background-color: #314551 !important;
	color: #FFFFFF !important;
}

[type="checkbox"].filled-in:checked.chk-col-blue + label:after,
[type="checkbox"].filled-in:checked.chk-col-light-blue + label:after {
	border: 2px solid #3F82BB;
	background-color: #3F82BB;
}

.input-group .form-line:after {
	border-bottom: #3F82BB
}

.dx-datagrid-borders > .dx-datagrid-headers {
	background-color: #333333;
	color: #FFFFFF;
}

tr.dx-row.dx-datagrid-filter-row {
	background-color: #565656;
}

tr.dx-row.dx-data-row.dx-row-lines {
	cursor: pointer;
}

i.dx-icon.dx-icon-filter-operation-default::before {
	color: #333333;
	font-size: 12px;
}

.dx-datagrid.dx-filter-menu .dx-menu-item-content .dx-icon::before {
	color: #999999;
	font-size: 16px;
}

.dx-datagrid-export-button .dx-icon-xlsxfile::before {
	content: url(../images/icons/icon-export-excel.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88) !important;
	width: 32px !important;
	height: 32px !important;
}

.dx-icon-column-chooser::before {
	content: url(../images/icons/icon-table-sorting.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88) !important;
}


.rhh-grid-overview {
	padding-right: 0;
}

.dx-pages {
	text-align: center;
}

[type="radio"]:checked + label:after, [type="radio"].with-gap:checked + label:after {
	border: 2px solid #3F82BB;
	background-color: #3F82BB;
}

.switch label input[type=checkbox]:checked + .lever.switch-col-rhh-blue {
	background-color: #3F82BB;
}

	.switch label input[type=checkbox]:checked + .lever.switch-col-rhh-blue:after {
		background-color: #3F82BB;
	}

.switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-light-green:active:after {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(139, 195, 74, 0.1);
}

.dx-datagrid-header-panel {
	padding: 0 !important;
}


.dx-datagrid .dx-header-filter-empty,
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort, .dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator, .dx-datagrid-headers .dx-datagrid-table .dx-row > td:hover .dx-datagrid-text-content {
	color: #6ea1cb !important;
}

.dx-datagrid-headers .dx-texteditor-input {
	color: #FFFFFF !important;
}

.dx-datebox-calendar .dx-dropdowneditor-icon::before {
	color: #FFFFFF;
}

/*9-3-2021*/
.dx-button-has-icon .dx-icon {
	width: 32px;
	height: 32px;
}


.dx-datagrid-group-panel {
	padding-left: 10px;
	padding-top: 6px;
}

.dx-toolbar .dx-toolbar-before {
	border-color: #AAA;
	border-width: 2px;
}

.dx-datagrid-group-panel .dx-group-panel-message {
	font-style: italic;
}

.card .header h2 {
	font-size: 22px;
	font-family: 'ars-maquette-bold';
	font-weight: bold;
	margin-top: 4px;
	margin-left: 5px;
}

.card .header h3 {
	font-size: 20px;
	font-family: 'ars-maquette-bold';
	font-weight: bold;
	margin-top: 4px;
	margin-left: 5px;
	color: #111;
}

.card .header span.subheader {
	font-size: 14px;
}

.calculator-left.card .header h2 {
	margin-left: -20px;
}

a {
	color: #3E81BA;
}

.sidebar .user-info {
	border-bottom: none;
	background-image: none;
	height: 180px;
	padding: 0;
	margin-bottom: 20px;
}

.dropdown a:hover {
	text-decoration: none;
}

.dx-datagrid .dx-menu .dx-menu-item .dx-menu-item-content, .dx-datagrid-container .dx-menu .dx-menu-item .dx-menu-item-content {
	padding: 10px 4px;
}

ul.dx-menu-items-container i.dx-icon {
	color: black;
}

.dx.datagrid.dx-filter-menu .dx-menu-item-content .dx-icon::before {
	color: #999 !important;
	font-size: 16px;
}

.dx-datagrid-headers .dx-datagrid-table .dx-row > td {
	border-bottom: none !important;
}

.dx-datebox-calendar .dx-dropdowneditor-icon::before {
	color: #999 !important;
}

.cargo-details-summary-grid .dx-datagrid-headers,
.cargo-details-grid .dx-datagrid-headers {
	background-color: #314551;
	text-transform: capitalize;
	font-weight: 900;
	color: white;
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}

.cargo-details-summary-grid .dx-datagrid .dx-row > td,
.cargo-details-grid .dx-datagrid .dx-row > td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.cargo-details-summary-grid .dx-datagrid .dx-row > td,
.cargo-details-summary-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
	text-align: center
}

.cargo-details-summary-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
.cargo-details-grid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.calculator-left {
	padding-left: 30px;
}

	.calculator-left.card {
		margin-bottom: 0px;
	}

.rhh-road-calculator .card {
	box-shadow: none;
	min-width: 275px;
}

.rhh-road-calculator .header.row-cols-1 {
	margin-left: 0px !important;
	padding-left: 35px !important;
	margin-right: 0px !important;
}

	.rhh-road-calculator .header.row-cols-1 span {
		font-size: small;
		font-style: italic
	}

.rhh-road-calculator .header.row span {
	font-size: small;
	font-style: italic
}

.signup-box .card .body {
	padding: 30px;
}

.signup-box .card {
	border-radius: 10px !important;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.2);
}

.signup-box .logo {
	margin-bottom: 10px !important;
}

.signup-box .card .msg {
	margin-left: -30px;
	margin-right: -30px;
}

.bg-rhh-blue:hover {
	background-color: #24649C;
	color: #FFFFFF !important;
}

.rhh-bg-light-grey {
	background-color: #eee !important;
}

.rhh-btn-grey {
	color: #656565 !important;
}

.quotation-btn {
	width: 160px;
}

.find-sailing-btn.btn:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

.find-sailing-btn.btn:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

.view-selector.btn:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

.view-selector.dx-state-focused {
	box-shadow: none;
	padding: 4px;
	background-color: #939598;
}

.find-sailing-btn.btn:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

.view-selector.btn:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

.view-selector.dx-state-focused {
	box-shadow: none;
	padding: 4px;
	background-color: #939598;
}

.find-sailing-btn.btn:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

.view-selector.btn:not(.btn-link):not(.btn-circle) {
	box-shadow: none;
	padding: 4px;
}

.view-selector.dx-state-focused {
	box-shadow: none;
	padding: 4px;
	background-color: #939598;
}

.signup-page .signup-box a {
	text-transform: uppercase;
	font-size: 12px;
}


.separator .dx-item-content.dx-toolbar-item-content {
	border-right: 1px solid #BABABA;
	padding-right: 10px;
	margin-right: 5px;
}

.dx-button-has-icon .dx-icon {
	width: 32px !important;
	height: 32px !important;
}

.dx-toolbar-button .dx-button {
	width: 44px !important;
	height: 44px !important;
}

.view-selector.dx-toolbar-button .dx-button {
	width: 150px !important;
	background-color: #3F82BB !important;
	color: #FFFFFF !important;
	font-family: 'Lato', sans-serif !important;
	padding: 4px;
}

.dx-field-label {
	color: rgb(85,85,85) !important;
	font-size: 14px !important;
	font-weight: bolder !important;
}

.calculator-left .body .row {
	margin-bottom: 25px;
}

.calculator-left .dx-field-value:not(.dx-widget) > .dx-switch {
	float: left;
}

/*.dx-texteditor-input {
    font-family: 'Lato', sans-serif !important;
}*/

.dx-switch-on-value .dx-switch-handle::before,
.dx-switch-on-value .dx-switch-container::before {
	background-color: #3F82BB !important;
}

#CargoDetailsGrid .dx-radiogroup-horizontal {
	margin-top: 0px !important;
	margin-left: 10px;
}

#CargoDetailsGrid .dx-radiogroup-horizontal .dx-radiobutton {
	margin-top: 0px !important;
}

#CargoDetailsGrid .dx-radiobutton-icon .dx-radiobutton-icon-checked {
	border-color: #3F82BB;
}

#CargoDetailsGrid .dx-radiobutton-icon-dot {
	background-color: #3F82BB;
}

.dx-icon-export-pdf {
	background-image: url('../images/icons/icon-export-pdf.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


.dx-icon-check-ready {
	background-image: url('../images/icons/icon-check-green.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-icon-pending {
	background-image: url('../images/icons/icon-pending.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 36px;
	height: 36px;
	background-size: cover;
}

.dx-icon-recalculate {
	background-image: url('../images/icons/icon-recalculate.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-filter {
	background-image: url('../images/icons/icon-filter.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-check-ready-small {
	background-image: url('../images/icons/icon-check-green.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-icon-location {
	background-image: url('../images/icons/icon-location.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 36px;
	height: 36px;
	background-size: cover;
	margin-top: -8px;
}

.dx-icon-exportbl {
	background-image: url('../images/icons/icon-exportbl.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.cargo-details-box {
	background-color: #FE7D1A;
	padding: 5px;
	font-weight: 900;
	margin-right: 5px;
	text-transform: capitalize;
	border: 1px solid #F36903;
}

.cargo-details-harmlessbatteries-box {
	background-color: #3F48CC;
	padding: 5px;
	font-weight: 900;
	margin-right: 5px;
	text-transform: capitalize;
	border: 1px solid #4B55F2;
	color: white;
}

.validation-errors {
	list-style-type: none;
	background-color: #FFEFEF;
	border: 2px solid #E59483;
	margin: 5px;
	padding: 8px;
}

.information {
	list-style-type: none;
	background-color: #eef6fd;
	border: 1px solid #3e81ba;
	margin: 5px;
	padding: 8px;
}

.font-weight-boldest {
	font-weight: 900;
}

.quotation-info-header {
	color: #555;
	position: relative;
	border-bottom: 1px solid rgba(204, 204, 204, 0.35);
	height: 30px;
	font-weight: bold;
}


.master-detail-caption {
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 4px;
}

.dx-icon-depot {
	background-image: url('../images/icons/icon-depot.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background-size: cover;
}

.dx-icon-pickup {
	background-image: url('../images/icons/icon-pickup.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background-size: cover;
}

.dx-icon-pickup-route {
	background-image: url('../images/icons/icon-pickup-route.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover;
	margin-left: 12px;
}

.dx-icon-home-route {
	background-image: url('../images/icons/icon-home-route.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover;
	margin-right: 13px;
}

.dx-icon-depot-route {
	background-image: url('../images/icons/icon-depot-route.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover;
	margin-left: 12px;
}

.dx-icon-road-route {
	background-image: url('../images/icons/icon-road-route.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover;
}

.dx-icon-sea-route {
	background-image: url('../images/icons/icon-sea-route.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 40px;
	height: 40px;
	background-size: cover;
}

.dx-icon-network {
	background-image: url('../images/icons/icon-network_check.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: cover;
}

.dx-icon-speed {
	background-image: url('../images/icons/icon-speed.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: cover;
}

.dx-icon-new-tab {
	background-image: url('../images/icons/icon-open-new-tab.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: cover;
}

.dx-icon-sea {
	background-image: url('../images/icons/icon-sea.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background-size: cover;
}

.dx-icon-road {
	background-image: url('../images/icons/icon-road.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background-size: cover;
}

.dx-icon-menu-home {
	background-image: url('../images/icons/icon-home.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 35px;
	height: 35px;
	background-size: cover;
}

.dx-icon-error-warning {
	background-image: url('../images/icons/icon-warning.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-error-warning {
	width: 22px;
	height: 22px;
	text-align: center;
	line-height: 23px;
	font-size: 14px;
	font-weight: 500;
	background-color: #f44336;
	color: #fff;
	border-radius: 50%;
}

.dx-icon-information {
	background-image: url('../images/icons/icon-info.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-icon-add-circle-filled {
	background-image: url('../images/icons/icon-add-circle-filled.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-icon-add-circle-outline {
	background-image: url('../images/icons/icon-add-circle-outline.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-icon-add-file {
	background-image: url('../images/icons/icon-add-file.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-icon-open-file {
	background-image: url('../images/icons/icon-open-file.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 28px;
	height: 28px;
	background-size: cover;
}

.dx-icon-mail {
	background-image: url('../images/icons/icon-mail.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: cover;
}

.dx-icon-download-offline {
	background-image: url('../images/icons/icon-download.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: cover;
}

.circle {
	border-radius: 50% !important;
	vertical-align: sub;
	display: inline-block;
	width: 15px;
	height: 15px;
}

.opacity-10 {
	opacity: 1.0;
}

.opacity-5 {
	opacity: 0.5;
}

.opacity-7 {
	opacity: 0.7;
}

.dashed-bg {
	background-image: linear-gradient(90deg, transparent 50%, rgba(255,255,255,1) 50%);
	background-size: 10px 10px;
}

.rhh-grey-border {
	border: #e0e0e0 solid 1px !important;
}

.rhh-grey-border-b {
	border-bottom: #e0e0e0 solid 1px !important;
}

.rhh-grey-border-t {
	border-top: #e0e0e0 solid 1px !important;
}

.rhh-grey-border-l {
	border-left: #e0e0e0 solid 1px !important;
}

.rhh-grey-border-r {
	border-right: #e0e0e0 solid 1px !important;
}

.rhh-border-radius {
	border-radius: 10px;
}

.rhh-border-radius-force {
	border-radius: 10px !important;
}

.dx-accordion-item{
	border-radius: 10px !important;
}

.dx-accordion-item-title {
	border-radius: 10px 10px 0 0 !important;
}

.rhh-border-radius-top {
	border-radius: 10px 10px 0 0;
}

.rhh-border-radius-top-force {
	border-radius: 10px 10px 0 0 !important;
}

.rhh-border-radius-bottom {
	border-radius: 0 0 10px 10px;
}

.card-footer {
	border-top: #e0e0e0 solid 1px !important;
}

.expired {
	background-color: #f00;
	padding-left: 1ex;
	padding-right: 1ex;
	color: #fff;
}

.dx-header-row .bg-333333 {
	background-color: #333333 !important;
}


.progress {
	width: 150px;
	height: 150px;
	background: none;
	position: relative;
	display: inline-block;
	margin-right: 100px;
}

	.progress::after {
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 6px solid #eee;
		position: absolute;
		top: 0;
		left: 0;
	}

	.progress.inactive::after {
		content: "";
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 6px dotted #eee;
		position: absolute;
		top: 0;
		left: 0;
	}

	.progress > span {
		width: 50%;
		height: 100%;
		overflow: hidden;
		position: absolute;
		top: 0;
		z-index: 1;
	}

	.progress .progress-left {
		left: 0;
	}

	.progress .progress-bar {
		width: 100%;
		height: 100%;
		background: none;
		border-width: 6px;
		border-style: solid;
		position: absolute;
		top: 0;
	}

	.progress .progress-left .progress-bar {
		left: 100%;
		border-top-right-radius: 80px;
		border-bottom-right-radius: 80px;
		border-left: 0;
		-webkit-transform-origin: center left;
		transform-origin: center left;
	}

	.progress .progress-right {
		right: 0;
	}

		.progress .progress-right .progress-bar {
			left: -100%;
			border-top-left-radius: 80px;
			border-bottom-left-radius: 80px;
			border-right: 0;
			-webkit-transform-origin: center right;
			transform-origin: center right;
		}

	.progress .progress-value {
		position: absolute;
		top: 0;
		left: 0;
		text-align: center
	}

.progress-div {
	flex-direction: column;
	text-align: center;
}

.progress-header {
	font-size: 20px;
	font-weight: bolder;
}

}

.dx-icon-API-button-arrow-down {
	background-image: url('../images/icons/icon-API-button-arrow-down.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-API-button-blocked {
	background-image: url('../images/icons/icon-API-button-blocked.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-API-button-subscribed {
	background-image: url('../images/icons/icon-API-button-subscribed.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-API-button-subscribed {
	background-image: url('../images/icons/icon-API-button-subscribed.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-API-free-calls {
	background-image: url('../images/icons/icon-API-free-calls.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-API-overspend-calls {
	background-image: url('../images/icons/icon-API-overspend-calls.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.dx-icon-API-subscription-date {
	background-image: url('../images/icons/icon-API-subscription-date.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover;
}

.color-api-red {
	color: #d64c30;
}

.background-color-api-red {
	background-color: #d64c30;
	border-color: #d64c30;
	color: white;
}

.background-color-api-green {
	background-color: #d64c30;
	border-color: #d64c30;
	color: white;
}

.dx-icon-information-default {
	background-image: url('../images/icons/icon-info-default.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 24px;
	height: 24px;
	background-size: cover
}

.dx-icon-api-redicon {
	background-image: url('../images/icons/icon-API-operational-agents-customers.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	width: 50px;
	height: 50px;
	background-size: cover;
	margin-top: 4px;
	margin-left: 8px;
}

/* === ADDITIONS MV === */

/* --- Body --- */

.sidebar .menu .list {
	font-family: 'ars-maquette-bold';
}


/* --- Datagrid --- */
#shipmentsGrid .dx-datagrid-borders > .dx-datagrid-headers,
#quotationsGrid .dx-datagrid-borders > .dx-datagrid-headers,
#sailingsGrid .dx-datagrid-borders > .dx-datagrid-headers {
	background-color: #314551;
	vertical-align: top;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

#shipmentsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
#quotationsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td,
#sailingsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
	border-right: 1px solid #6D7B84;
	padding-bottom: 20px !important;
	height: 70px;
	line-height: 14px !important;
}

.dx-header-row > td > .dx-datagrid-text-content {
	font-family: 'ars-maquette-medium' !important;
}

#shipmentsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:last-child,
#quotationsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:last-child,
#sailingsGrid .dx-datagrid-headers .dx-datagrid-table .dx-row > td:last-child {
	border-right: none;
}

#shipmentsGrid .dx-datagrid-headers,
#quotationsGrid .dx-datagrid-headers,
#sailingsGrid .dx-datagrid-headers {
	border-bottom: none !important;
}

#shipmentsGrid tr.dx-row.dx-datagrid-filter-row,
#quotationsGrid tr.dx-row.dx-datagrid-filter-row,
#sailingsGrid tr.dx-row.dx-datagrid-filter-row {
	display: none;
}

#shipmentsGrid .dx-datagrid-borders > .dx-datagrid-headers,
#quotationsGrid .dx-datagrid-borders > .dx-datagrid-headers,
#sailingsGrid .dx-datagrid-borders > .dx-datagrid-headers {
	border-top: none !important;
	border-left: none !important;
	border-right: none !important;
}

#shipmentsGrid .dx-data-row.dx-row-alt td,
#shipmentsGrid .dx-data-row td,
#quotationsGrid .dx-data-row.dx-row-alt td,
#quotationsGrid .dx-data-row td,
#sailingsGrid .dx-data-row.dx-row-alt td,
#sailingsGrid .dx-data-row td {
	background-color: #F8F8F8 !important;
}

#shipmentsGrid .dx-datagrid .dx-row-lines > td,
#quotationsGrid .dx-datagrid .dx-row-lines > td,
#sailingsGrid .dx-datagrid .dx-row-lines > td {
	border-bottom: 2px solid #FFF !important;
}

#shipmentsGrid .dx-datagrid-borders > .dx-datagrid-rowsview,
#quotationsGrid .dx-datagrid-borders > .dx-datagrid-rowsview,
#sailingsGrid .dx-datagrid-borders > .dx-datagrid-rowsview {
	border-bottom: none !important;
}

#shipmentsGrid .dx-datagrid-borders > .dx-datagrid-rowsview,
#quotationsGrid .dx-datagrid-borders > .dx-datagrid-rowsview,
#sailingsGrid .dx-datagrid-borders > .dx-datagrid-rowsview {
	border-left: none !important;
	border-right: none !important;
}

#shipmentsGrid .dx-datagrid-borders > .dx-datagrid-pager,
#quotationsGrid .dx-datagrid-borders > .dx-datagrid-pager,
#sailingsGrid .dx-datagrid-borders > .dx-datagrid-pager {
	border-top: none !important;
}

#shipmentsGrid .dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection,
#quotationsGrid .dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection,
#sailingsGrid .dx-pager .dx-page-sizes .dx-selection, .dx-pager .dx-pages .dx-selection {
	background-color: #D53A26 !important;
}

.dx-pager {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

#shipments-all-button.active-shipment-button, #shipments-export-button.active-shipment-button, #shipments-import-button.active-shipment-button {
	color: white !important;
	background-color: #314551 !important;
}

#shipmentsGrid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all),
#quotationsGrid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all),
#sailingsGrid .dx-datagrid .dx-datagrid-content .dx-datagrid-table .dx-row > td:not(.dx-validation-pending):not(.dx-datagrid-select-all) {
	padding-right: 10px !important;
	padding-left: 10px !important;
	vertical-align: top !important;
	font-family: 'ars-maquette-regular'
}

#shipmentsGrid .dx-datagrid .dx-row > td,
#quotationsGrid .dx-datagrid .dx-row > td,
#sailingsGrid .dx-datagrid .dx-row > td {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
	font-size: 12px !important;
	line-height: 16px !important;
}

/*
.dx-datagrid-headers .dx-datagrid-table .dx-row > td:has(.dx-sort-indicator) {
    background-color: #273740;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort-indicator,
.dx-datagrid-headers .dx-datagrid-table .dx-row > td .dx-sort {
    color: #9BE0FF;
*/
#shipmentsGrid .dx-toolbar-items-container,
#quotationsGrid .dx-toolbar-items-container,
#sailingsGrid .dx-toolbar-items-container {
	background-color: #D53A26;
	margin-bottom: 10px;
	border-radius: 10px;
	padding-right: 20px !important;
	height: 76px;
}

/* DevExpres Header */

#shipmentsGrid .dx-texteditor.dx-editor-underlined,
#quotationsGrid .dx-texteditor.dx-editor-underlined,
#sailingsGrid .dx-texteditor.dx-editor-underlined {
	background-color: #FFF !important;
	border-radius: 20px;
	padding-left: 18px;
}

#shipmentsGrid .dx-searchbox,
#quotationsGrid .dx-searchbox,
#sailingsGrid .dx-searchbox {
	padding-left: 8px !important;
}

#shipmentsGrid .dx-texteditor.dx-editor-underlined::after,
#quotationsGrid .dx-texteditor.dx-editor-underlined::after,
#sailingsGrid .dx-texteditor.dx-editor-underlined::after {
	border-bottom: none !important;
}

#shipmentsGrid .dx-toolbar-after,
#quotationsGrid .dx-toolbar-after,
#sailingsGrid .dx-toolbar-after {
	margin-right: 20px;
}

#shipmentsGrid .dx-icon-column-chooser::before,
#quotationsGrid .dx-icon-column-chooser::before,
#sailingsGrid .dx-icon-column-chooser::before {
	content: url(../images/icons/icon-table-sorting-white.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88) !important;
}

#shipmentsGrid .dx-datagrid-export-button .dx-icon-xlsxfile::before,
#quotationsGrid .dx-datagrid-export-button .dx-icon-xlsxfile::before,
#sailingsGrid .dx-datagrid-export-button .dx-icon-xlsxfile::before {
	content: url(../images/icons/icon-export-excel-white.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88) !important;
}

#shipmentsGrid .dx-button-content,
#quotationsGrid .dx-button-content,
#sailingsGrid .dx-button-content {
	padding: 0 !important;
}

#shipmentsGrid .dx-button-has-icon .dx-button-content,
#quotationsGrid .dx-button-has-icon .dx-button-content,
#sailingsGrid .dx-button-has-icon .dx-button-content {
	padding: 0px !important;
}

#shipmentsGrid .dx-list-item-content,
#quotationsGrid .dx-list-item-content,
#sailingsGrid .dx-list-item-content {
	font-size: 13px !important;
}

#shipmentsGrid .dx-texteditor-input,
#quotationsGrid .dx-texteditor-input,
#sailingsGrid .dx-texteditor-input {
	height: 34px !important;
	font-size: 13px !important;
}

#shipmentsGrid .dx-placeholder,
#quotationsGrid .dx-placeholder,
#sailingsGrid .dx-placeholder {
	top: -6px !important;
}

#shipmentsGrid tr.dx-row.dx-freespace-row td,
#quotationsGrid tr.dx-row.dx-freespace-row td,
#sailingsGrid tr.dx-row.dx-freespace-row td {
	background-color: transparent !important;
	border-right: none;
}

.dx-show-clear-button .dx-clear-button-area {
	right: 8px !important;
}


#shipmentsGrid .dx-button,
#quotationsGrid .dx-button,
#sailingsGrid .dx-button {
	background-color: transparent !important;
}


/* --- Header --- */
.card {
	border-top: none;
	border-left: none;
	box-shadow: none;
	margin-bottom: 20px;
}

	.card.shipment {
		border: 1px solid rgba(0,0,0,.125) !important;
	}

	.card.shipmentport {
		border: 1px solid rgba(0,0,0,.125) !important;
	}

#shipmentsGrid .card,
#quotationsGrid .card,
#sailingsGrid .card {
	margin-bottom: 0px;
	border-bottom: none;
}

.card .header {
	border-bottom: none;
	padding: 12px 20px;
}

.filter-button .dx-button {
	background-color: #DEE1E3 !important;
	color: #455968 !important;
	margin-right: 1px;
	border-radius: 0px !important;
	font-family: 'ars-maquette-bold';
	font-size: 14px !important;
}

	.filter-button .dx-button.first {
		border-top-left-radius: 5px !important;
		border-bottom-left-radius: 5px !important;
	}

	.filter-button .dx-button.last {
		border-top-right-radius: 5px !important;
		border-bottom-right-radius: 5px !important;
	}

.filter-button .dx-button-has-text .dx-button-content {
	padding: 4px 16px;
	font-family: ars-maquette-medium;
}




/* HOME */
body:has(.home) {
	background-image: url(../images/bg-map.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88);
	-ms-background-size: cover;
	background-position-y: 8%;
}

/*
.sidebar {
    background-image: url(../images/bg-menu.png?v=muG8__Z1ih51BkjgN6Q3j-coi88);
    background-size: 300px auto;
}
*/

.menu {
	margin-top: 8px;
}

.user-info {
	top: -15px;
}

.dropdown-menu.show {
	border-radius: 8px;
	margin-left: 25px;
}

.dropdown-menu > li > a {
	padding: 7px 20px 7px 14px;
	color: #666;
	-moz-transition: all 0.25s;
	-o-transition: all 0.25s;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	font-size: 14px;
	line-height: 25px;
}

.dropdown-item, .dropdown-item .material-icons {
	color: #314551 !important;
}

.companiesDropDownList.dropdown-menu.show, .exportBLDropDownList.dropdown-menu.show {
	padding: 10px;
	margin-left: 40px;
}




/* Enterprise + ExportBL modal */
.change-enterprise.dropdown-item, .select-exportbl.dropdown-item {
	padding: 0px;
	font-size: 13px;
}

.dx-dropdownlist-popup-wrapper .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item-content {
	padding: 8px 15px !important;
}



/* FIX for changes ML */

.breadcrumb-header {
	border-bottom: #e0e0e0 solid 1px !important;
}


/* footer classes */
.quotation_button_bottom_info {
	border: 1px solid #3F82BB;
	border-radius: 25px;
	margin: 5px 5px 10px 10px;
	padding: 8px 20px 8px 10px;
	font-size: smaller;
	font-weight: bold;
}

.quotation_button_bottom_previous {
	font-weight: bolder;
	border: none;
	color: #656565 !important;
	background-color: transparent;
	font-size: small;
}

.quotation_button_bottom_primary {
	border-radius: 25px;
	background-color: #3F82BB !important;
	color: white;
	margin: 8px 20px 5px 20px !important;
	font-weight: bold;
	font-size: larger;
}

.rhh-border {
	border: 1px solid #E2E2E2;
	border-radius: 10px 10px 10px 10px;
}

.rhh-border-header-active {
	border: 1px solid #E0E0E0;
	border-radius: 10px 10px 0px 0px;
	background: #314551;
	height: 35px;
}

.rhh-border-header-inactive {
	border: 1px solid #E0E0E0;
	border-radius: 10px 10px 0px 0px;
	background: #929FA6;
	height: 35px;
}

.rhh-border-body-active {
	border: 1px solid #E0E0E0;
	border-radius: 0px 0px 10px 10px;
	background: #F9F9F9;
}

.rhh-border-body-inactive {
	border: 1px solid #E0E0E0;
	border-radius: 0px 0px 10px 10px;
	background: #F9F9F9;
}

.rhh-editor-border {
	border: 1px solid #E2E2E2 !important;
	border-radius: 5px 5px 5px 5px !important;
	background-color: white !important;
}

.rhh-grey-background {
	background-color: #F8F8F8;
}

.rhh-bg-314551 {
	background-color: #314551 !important;
}

.rhh-editor-padding {
	padding: 3px 10px !important;
}

.dx-show-clear-button .dx-icon-clear {
	color: #FFF !important;
	margin-left: 10px;
}

.dx-button.dx-state-disabled .dx-button-text {
	color: #FFF !important;
}

.dx-button.dx-state-disabled {
	opacity: 0.25 !important;
}

.popup-alternative-route {
	margin: -3px;
}

.circle-icon {
	background: #F8F8F8;
	border-radius: 50%;
}

[data-toggle="collapse"] .fa:before {
	content: url(../images/icons/icon-chevron-down.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88) !important;
}

[data-toggle="collapse"].collapsed .fa:before {
	content: url(../images/icons/icon-chevron-up.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88) !important;
}

div.completed {
	background-color: #73DB6B1C;
	border: 1px solid #90EE90;
	border-radius: 10px;
}

	div.completed .fa:before {
		content: url(../images/icons/icon-check-green.svg?v=muG8__Z1ih51BkjgN6Q3j-coi88) !important;
	}

div.not-completed {
	background-color: #F8F8F8;
	border: 1px solid #E2E2E2;
	border-radius: 10px;
}

	div.not-completed .fa {
		display: inline-block;
		background-color: #FFFFFF;
		height: 24px;
		width: 24px;
		border-radius: 50%;
		border: 1px solid rgba(0,0,0,.125);
	}

.cut-text {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.dropzone-shipment {
	cursor: pointer;
	height: 48px;
	display: flex;
	align-items: center;
	font-weight: 900;
	background-color: white;
	border: #e0e0e0 dashed 1px !important;
	border-radius: 10px;
	justify-content: center;
}

.accordion-shipment-row {
	width: 100% !important;
}

.accordion-shipment-flag {
	width: 24px !important;
	font-size: 18px !important;
}

.accordion-shipment-locationcode {
	padding-left: 30px !important;
}

.dx-menu-item-popout-container {
	display: none !important;
}

.dx-placeholder {
	color: rgba(148, 148, 148, 0.87) !important; 
}

.local-charges-container {
	background-color: #F8F8F8;
	padding: 16px;
	overflow: hidden;
	display: block;
}

.local-charges-container-header {
	width: 100%;
	height: 49px;
	background-color: #314551;
	color: white;
	line-height: 28px;
	padding-left: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	text-transform: uppercase;
}

.local-charges-container-header-subtitle {
	height: 60px; 
}

.local-charges-container-controls {
	padding: 8px;
	background: #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: flex;
	padding-left: 28px;
}

.local-charges-container-content {
	padding: 8px;
	background: #fff;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	display: flex;
}

.local-charges-field-no-margin {
	margin: 0 0 10px !important;
}

.local-charges-port-selection {
	display: none;
}

.local-charges-controls-left {
	padding-left: 20px;
}

.local-charges-controls-label {
	width: 200px;
}

.no-local-charges-container {
	padding-left: 20px;
	font-weight: 900;
}

.no-local-charges-text {
	padding-right: 4px;
}

.selected-port-data, .subtitle-container {
	margin-bottom: 0;
}

.selected-port-data {
	text-align: left;
}

.subtitle-container p {
	margin: 0;
	font-size: 14px;
}

.local-charges-container-header-subtitle-port-data {
	margin-bottom: -7px;
}