/* Theme Defs */
:root {
	/*--ezl-page-header-color: #fff;
    --ezl-page-header-bgcolor: #192E5A;
    --ezl-page-header-font-size: 1.4rem;
    --ezl-page-header-font-weight: 300;
    --ezl-sidebar-menu-font-weight: 300;
    --ezl-sidebar-menu-bgcolor: #192E5A;
    --ezl-card-header-font-family: 'Poppins', sans-serif;
    --ezl-card-header-font-size: 1.1rem;
    --ezl-card-header-font-weight: 500;
    --ezl-card-header-color: inherit;
    --ezl-card-header-bgcolor: #fff; */ /*rgba(0, 0, 0, 0.03)*/
	/*--ezl-card-header-shadow: 0 5px 10px 0 rgba(100, 100, 100, 0.08); */ /* 0 5px 10px 0 rgba(100, 100, 100, 0.08) */
	/*--ezl-card-header-radius: 4px 4px 0px 0px !important; */ /* 25px 25px 0px 0px !important; */
	/*--ezl-card-radius: 4px; */ /* 25px; */
	/*--ezl-thead-dark-color: #fff; */ /* #3d444a; #192E5A; rgb(25, 46, 90)*/
	/*--ezl-thead-dark-bgcolor: rgb(25, 46, 90); */ /*  #192E5A; rgb(25, 46, 90); rgba(44, 70, 140, .8);*/
	--ezl-info-display: inline-block; /* inline-block or none */
}

/* Hot Keys */

ul.hot-key-list {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}

	ul.hot-key-list .badge {
		font-family: monospace;
		font-size: 1rem;
	}

/* Small devices (tablets, 768px and up) */
@media (min-width: 380px) {
	ul.hot-key-list {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 1000px) {
	ul.hot-key-list {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
	}
}

/* Navigation Breadcrumbs and Filter header */
.navandfilter-header {
	margin-top: -5px;
	margin-bottom: 4px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.navandfilter-table {
	height: 32px;
	border-spacing: 0;
	margin: 0px;
	padding: 0px;
}

.navandfilter-div-left {
	height: 32px;
	margin-top: 4px;
}

.navandfilter-thin {
	margin: 0;
	padding: 0;
}

.navandfilter-div-right {
	height: 32px;
}

.navandfilter-breadcrumbs {
	vertical-align: middle;
	height: 36px;
}

/* Thin Breadcrumb */
.thinbreadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 0.0rem;
	margin-top: 0.0rem;
	margin-bottom: 0rem;
	list-style: none;
	border-radius: 0rem;
}

.thinbreadcrumb-item + .thinbreadcrumb-item {
	padding-left: 0.5rem;
}

	.thinbreadcrumb-item + .thinbreadcrumb-item::before {
		display: inline-block;
		padding-right: 0.5rem;
		color: #6c757d;
		content: "/";
	}

	.thinbreadcrumb-item + .thinbreadcrumb-item:hover::before {
		text-decoration: underline;
	}

	.thinbreadcrumb-item + .thinbreadcrumb-item:hover::before {
		text-decoration: none;
	}

.thinbreadcrumb-item.active {
	color: #6c757d;
}

/* Dashboards */

.dashboard-card-action {
	position: absolute;
	right: 1.25em;
}

.dashboard-card-title {
	color: inherit;
	font-family: inherit;
	font-weight: 500;
	font-size: 1.25rem;
	line-height: 1.2;
	text-align: center;
	margin: 0em 1.25rem;
}


/* Floating Table Headers */

table.floatThead-table {
	border-top: none;
	border-bottom: none;
	background-color: #fff;
}


/* Popups */

/* MIGRATE: Popup classes need to be renamed and restyled. */

.INVITModalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.INVITModalPopup {
	background-color: whitesmoke;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 0px;
	width: 250px;
}

.INVITModalHeader {
	color: #DDE4EC;
	font-size: 20pt;
}

.INVITModalBodyFieldset {
	margin-top: 4px;
	margin-bottom: 4px
}

.INVITModalControlSection {
	text-align: right;
	vertical-align: middle;
	padding: 2px;
}

.INVITModalErrorTitle {
	color: Red;
	font-weight: bold;
}

.INVITModalErrorText {
	color: Red;
}


/* Custom Colors */

.green-number {
	color: #00cc00;
	font-weight: 700;
}

.bg-red {
	background-color: #e42b42 !important;
}

.text-red {
	color: #c1000b !important;
}

.bg-orange {
	background-color: #f87c0f !important;
}

.text-orange {
	color: #d73c09 !important;
}

.bg-yellow {
	background-color: #d4d119 !important;
}

.text-yellow {
	color: #d4d119 !important;
}

.text-yellowdark {
	color: #a09d13 !important;
}

.text-dotted {
	text-decoration-line: underline;
	text-decoration-style: dotted;
}

.bg-blue {
	background-color: #4b7cf3 !important;
}

.text-blue {
	color: #1e559c !important;
}

.bg-green {
	background-color: #5db65e !important;
}

.text-green {
	color: #018f05 !important;
}


/* Site Style */

body {
	background-color: #E1E1E1;
}

p {
	font-family: 'Poppins', sans-serif;
	font-size: 1.1em;
	font-weight: 300;
	line-height: 1.7em;
	color: #999;
}

a,
a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
	transition: all 0.3s;
}

	a:focus {
		outline-color: #192E5A;
		outline-width: 1px;
		outline-offset: 2px;
		outline-style: solid;
	}

.hr-dashed {
	border-top: 1px dashed #E1E1E1;
	margin: inherit;
	margin-top: 0.5rem;
	padding-bottom: 0.5rem;
}

.navbar {
	padding: 15px 10px;
	background-color: #3d444a !important;
	/*background-color: #3d444a !important;*/
	border: none;
	border-radius: 0;
	margin-bottom: 1em;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
	box-shadow: none;
	outline: none !important;
	border: none;
}

/*.navbar-nav .page-title {
	color: var(--ezl-page-header-color);
	font-size: var(--ezl-page-header-font-size);
	font-weight: var(--ezl-page-header-font-weight);
	line-height: 1.2;
}*/

/*.navbar-nav .nav-item.h3,
.navbar-nav .page-title { */ /* page header title size */
/*    font-size: 1.4rem;
    font-weight: var(--ezl-page-header-font-weight);
}


.navbar-nav .dropdown-menu {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.navbar-nav .btn {
    padding: 0.175rem 0.375rem;
    font-size: 1rem;
    line-height: 1.5;
}

    .navbar-nav .btn.btn-sm {
        margin-bottom: unset !important;
    }

.navbar-nav .nav-item.btn {
    color: var(--ezl-page-header-color) !important;
}*/

.line {
	width: 100%;
	height: 1px;
	border-bottom: 1px dashed #ddd;
	margin: 40px 0;
}

.pointer {
	cursor: pointer;
}

option[style]:disabled {
	background-color: #e1e1e1;
	color: #6c757d !important;
}

/* ---------------------------------------------------
    PORTRAIT STYLE
----------------------------------------------------- */

div.portrait-wrapper {
	margin: 0 auto;
	background-color: #f7f7f7;
	color: #212529;
}

div.portrait-wrapper-small {
	cursor: pointer;
	height: 38px;
	width: 38px;
	font-size: 1rem;
}

	div.portrait-wrapper-small div {
		padding-top: .4rem;
	}

div.portrait-wrapper-large {
	height: 100px;
	width: 100px;
	font-size: 3rem;
	font-weight: bold;
}

	div.portrait-wrapper-large div {
		padding-top: .75rem;
	}

/* For Google Places AutoComplete within a Modal */
.pac-container {
	z-index: 100000 !important;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.wrapper {
	display: flex;
	width: 100%;
}

#sidebar {
	width: 200px;
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	z-index: 999;
	background: #2c3136;
	color: #fff;
	transition: all 0.3s;
}

	#sidebar.active {
		margin-left: -250px;
	}

	#sidebar .sidebar-header {
		padding: 10px 20px 10px 20px;
		background: #41474c;
		min-height: 68px;
	}


	#sidebar .sidebar-subheader {
		padding: 10px 20px 10px 20px;
		background: #17191c;
		text-align: center;
	}


	#sidebar .sidebar-help {
		padding: 4px 1px 4px 1px;
		background: #41474c;
	}

	#sidebar ul.components {
		/* padding: 20px 0; */
		/* border-bottom: 1px solid #232931 */
	}

	#sidebar ul p {
		color: #fff;
		padding: 10px;
	}

	#sidebar ul li a {
		padding: 10px;
		font-size: 1em;
		display: block;
	}

		#sidebar ul li a:hover {
			color: #7386D5;
			background: #fff;
		}

	#sidebar ul li.active > a,
	#sidebar ul li.active > a[aria-expanded="true"] {
		color: #fff;
		background: #41464a;
	}

a[data-toggle="collapse"] {
	position: relative;
}

.menu-dropdown-toggle::after {
	white-space: nowrap;
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
	margin-left: 0.255em;
	vertical-align: 0.255em;
}


ul ul a {
	font-size: 0.9em !important;
	padding-left: 30px !important;
	background: #17191c;
}

ul.CTAs {
	padding: 20px;
}

	ul.CTAs a {
		text-align: center;
		font-size: 0.9em !important;
		display: block;
		border-radius: 5px;
		margin-bottom: 5px;
	}

a.download {
	background: #fff;
	color: #7386D5;
}

a.article,
a.article:hover {
	background: #6d7fcc !important;
	color: #fff !important;
}

/* Labels within cards */

div .d-flex label {
	display: block;
	font-weight: 700;
	margin: 0 .25rem 0 0;
	white-space: nowrap;
}

div.d-flex span {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
	width: calc(100% - 200px);
	min-height: 100vh;
	transition: all 0.3s;
	position: absolute;
	top: 0;
	right: 0;
}

	#content.active {
		width: 100%;
	}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

/* CheckBoxes within view-only cards */

div.d-flex input[type=checkbox] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

	div.d-flex input[type=checkbox] + label:before {
		font-family: 'Font Awesome 5 Pro';
		display: inline-block;
		content: "\f0c8";
		letter-spacing: 5px;
		font-size: 1rem;
		line-height: 1rem;
		font-weight: 400;
	}

	div.d-flex input[type=checkbox]:checked + label:before {
		content: "\f14a";
		letter-spacing: 5px;
		font-weight: bold;
		font-size: 1rem;
		line-height: 1rem;
	}

span.ezl-checkbox input[type=checkbox] + label:before {
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
	content: "\f0c8";
	letter-spacing: 5px;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 400;
}

span.ezl-checkbox input[type=checkbox]:checked + label:before {
	content: "\f14a";
	letter-spacing: 5px;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1rem;
}

span.ezl-checkbox input[type=checkbox], span.ezl-checkbox-star input[type=checkbox] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

span.ezl-checkbox label, span.ezl-checkbox-star label {
	margin-bottom: 0px;
	font-weight: bold;
}

span.ezl-checkbox-star input[type=checkbox] + label:before {
	font-family: 'Font Awesome 5 Pro';
	display: inline-block;
	content: "\f005";
	letter-spacing: 5px;
	font-size: 1rem;
	line-height: 1rem;
	font-weight: 400;
}

span.ezl-checkbox-star input[type=checkbox]:checked + label:before {
	content: "\f005";
	letter-spacing: 5px;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1rem;
}

img.list-icon {
	height: 16px;
}

/* Please Wait */

.PleaseWaitOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}

.PleaseWaitMsgOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}

.PleaseWaitOn {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 100%;
	height: 99999px;
	background-color: #000;
	z-index: 10000;
	filter: alpha(opacity=75);
	opacity: 0.75;
}

.PleaseWaitMsgOn {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	background-color: #666;
	z-index: 11000;
}

.required {
	height: 0px;
}

	.required:after {
		content: " *";
		color: #e32;
		margin: -40px 0px -25px 0px;
		font-size: xx-large;
		padding: 0 5px 0 0;
		float: right;
	}

.requiredddl {
	height: 0px;
}

	.requiredddl:after {
		content: " *";
		color: #e32;
		margin: -40px 10px -25px 0px;
		font-size: xx-large;
		padding: 0 5px 0 0;
		float: right;
	}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */


@media (max-width: 991px) {
	#sidebar {
		margin-left: -200px;
	}

		#sidebar.active {
			margin-left: 0;
		}

	#content {
		width: 100%;
	}


		#content.active {
			width: calc(100% - 200px);
		}
}

.underline {
	text-decoration: underline;
}


.invert {
	filter: invert(100%);
}

.modal-header.modal-error {
	background-color: darkred;
	color: white
}

.modal-body.modal-error {
	color: darkred
}

.btn-danger.modal-error {
	color: #fff;
	background-color: darkred;
	border-color: darkred;
}


.e-upload-box.e-drag-wrapper {
	padding: 10px;
}



.subcard {
	background-color: #f7f7f7;
}

.subcard-header {
	background-color: #6c757d;
	color: white
}

.subcard-header-danger {
	background-color: #821717;
	color: white
}

.subcard-header-success {
	background-color: #178217;
	color: white
}

span.vr-footer {
	display: inline;
	height: 100%;
	width: 1px;
	border: 1px inset;
	margin: 5px
}



.vr {
	height: 100%;
	width: 2px;
	background-color: #CCC;
}


a.anchor {
	color: #171782;
	text-decoration: underline;
}


	a.anchor:hover, a.anchor:focus {
		color: #821717;
	}

	a.anchor:visited {
		color: #178217;
	}




.PageReportDisplayWrapper {
	max-width: 700px;
	margin: 1.75rem auto
}

@media print {
	.PageReportDisplayWrapper {
		max-width: 700px;
		margin: 0 auto
	}
}

.PageReportDisplayWrapper .card {
	min-width: 325px;
	overflow: hidden;
	page-break-inside: avoid !important;
}


.PageReportDisplayWrapper .CompanyLogo {
	max-width: 200px;
}



/*.PageReportDisplayWrapper .card .card-header {
    page-break-inside: avoid !important;
}

        .PageReportDisplayWrapper .card .card-body {
            page-break-inside: avoid !important;
        }*/

.PageReportEditWrapper {
	max-width: 1200px;
	margin: 1.75rem auto
}


	.PageReportEditWrapper .CompanyLogo {
		max-width: 400px;
	}

	.PageReportEditWrapper .card {
		min-width: 400px;
		overflow: hidden;
		page-break-inside: avoid !important;
	}


@media print {


	.ForPrint .PageReportDisplayWrapper {
		max-width: 750px;
	}

	.ForPrint .card-deck {
		display: block !important;
	}



	.ForPrint .card {
		page-break-inside: avoid !important;
		display: block;
	}

		.ForPrint .card .card-header {
			/*page-break-inside: avoid !important;*/
			page-break-before: avoid !important;
			display: block;
		}

		.ForPrint .card .card-body {
			/*page-break-inside: avoid !important;*/
			page-break-before: avoid !important;
			display: block;
		}

		.ForPrint .card .card-wrapper {
			/*page-break-inside: avoid !important;*/
			page-break-before: avoid !important;
			display: block;
		}
}

img.ImageLogoTop {
	height: 50px;
}


/* Small devices (tablets, 768px and up) */
@media (max-width: 450px) {
	img.ImageLogoTop {
		display: none;
	}

	ul.ulLogoTop {
		display: none;
	}
}

.rotatePhoneBackground {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 100%;
	height: 99999px;
	background-color: #000;
	z-index: 10000;
	filter: alpha(opacity=90);
	opacity: 0.90;
}

.rotatePhone {
	/*background-image: url("../Images/rotate-phone-white.png");
	background-repeat: no-repeat;
	background-position: center;*/
	color: white;
	height: 100vh;
	min-width: 200px;
}


.textbox-as-label {
	border: 0;
	background-color: transparent;
	cursor: default;
}

	.textbox-as-label:focus {
		outline: none;
	}


.sidebar-menu-divider {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px solid #5c6670;
}

.btn-align {
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
}

.btn-icon {
	padding: 0px;
	font-weight: 400;
	color: #007bff;
	background-color: transparent;
}

.btn-sortable-drag {
	cursor: move !important;
}


.sortable_connected {
	list-style-type: none;
	vertical-align: top;
	border: 1px solid #eee;
	min-height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	margin-right: 10px;
	background-color: white;
}


.sortable_connected_container {
	border: 2px dashed black;
	background-color: #F5F5F5;
}

.selection_container {
	border: 2px solid black;
	background-color: #F5F5F5;
}



.ps > .ps__rail-y {
	z-index: 52;
}


.ps > .ps__rail-x {
	z-index: 52;
}



.sticky-wrap .sticky-intersect th {
	background-color: #3d444a;
	color: #fff;
	border-bottom: 1px solid black;
}

sticky-wrap th {
	background-color: unset;
	color: unset;
}



.sticky-wrap tr:nth-child(even) th.sticky-wrap-column {
	background-color: #ffffff;
	color: #000;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

.sticky-wrap tr:nth-child(odd) th.sticky-wrap-column {
	background-color: #f2f2f2;
	color: #000;
	border-right: 1px solid black;
	border-left: 1px solid black;
}


.sticky-wrap tr.text-danger:nth-child(even) th.sticky-wrap-column {
	background-color: #ffffff;
	color: #dc3545;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

.sticky-wrap tr.text-danger:nth-child(odd) th.sticky-wrap-column {
	background-color: #f2f2f2;
	color: #dc3545;
	border-right: 1px solid black;
	border-left: 1px solid black;
}




/*
.sticky-wrap tr:nth-child(even) th.sticky-wrap-column {
	background-color: #505a62;
	color: #fff;
	border-right: 1px solid black;
	border-left: 1px solid black;
}


.sticky-wrap tr:nth-child(odd) th.sticky-wrap-column {
	background-color: #3d444a;
	color: #fff;
	border-right: 1px solid black;
	border-left: 1px solid black;
}
*/

.table-bordered-black th, .table-bordered-black td {
	border: 1px solid #000000;
}





@media screen and (min-width: 768px) {
	.tooltip-inner {
		max-width: 50vw !important;
	}
}

@media screen and (min-width: 1080px) {
	.tooltip-inner {
		max-width: 40vw !important;
	}
}

@media screen and (min-width: 1200px) {
	.tooltip-inner {
		max-width: 33vw !important;
	}
}



/* top-left border-radius */
thead.thead-top-rounded tr:first-child th:first-child {
	border-top-left-radius: 12px;
	border-top: 0;
}

/* top-right border-radius */
thead.thead-top-rounded tr:first-child th:last-child {
	border-top-right-radius: 12px;
	border-top: 0;
}



/* top-left border-radius */
thead.thead-rounded tr:first-child th:first-child {
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	border-top: 0;
	border-bottom: 0;
}

/* top-right border-radius */
thead.thead-rounded tr:first-child th:last-child {
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	border-top: 0;
	border-bottom: 0;
}





.table .thead-dark-grey th {
	color: #fff;
	background-color: dimgrey;
	border-color: #454d55;
}




.table-rounded-white-rows th {
	color: #555;
	background-color: transparent
}

.table-rounded-white-rows td {
	color: gray;
	background-color: #ffffff
}

.table-rounded-white-rows tbody tr {
	overflow: hidden;
	padding-left: 3px;
	padding-right: 3px
}

table.table-rounded-white-rows {
	border-collapse: separate;
	border-spacing: 0 12px
}

.table-rounded-white-rows tbody tr td {
	border: solid 1px transparent;
	border-style: solid none;
	padding-top: 6px;
	padding-bottom: 6px
}

	.table-rounded-white-rows tbody tr td:first-child {
		border-left-style: solid;
		border-top-left-radius: 12px;
		border-bottom-left-radius: 12px;
		padding-left: 9px
	}

	.table-rounded-white-rows tbody tr td:last-child {
		border-right-style: solid;
		border-bottom-right-radius: 12px;
		border-top-right-radius: 12px;
		padding-right: 9px
	}


.RatingCapacityRateBoxEZLoader {
	background-color: darkgray;
	color: white;
	border-radius: 1rem !important;
	border: 1px solid darkgray !important;
	padding: 1rem !important;
}

.RatingCapacityRateBoxDAT {
	background-color: darkgray;
	color: white;
	border-radius: 1rem !important;
	border: 1px solid darkgray !important;
	padding: 1rem !important;
}

.RatingCapacityRateBoxTruckStop {
	background-color: darkgray;
	color: white;
	border-radius: 1rem !important;
	border: 1px solid darkgray !important;
	padding: 1rem !important;
}



.tiny {
	font-size: .6rem;
}

.xsmall {
	font-size: .7rem;
}


@media (min-width: 576px) {

	.h1-sm {
		font-size: 2.5rem;
	}

	.h2-sm {
		font-size: 2rem;
	}

	.h3-sm {
		font-size: 1.75rem;
	}

	.h4-sm {
		font-size: 1.5rem;
	}

	.h5-sm {
		font-size: 1.25rem;
	}

	.h6-sm {
		font-size: 1rem;
	}

	.justify-content-center-sm {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}


	.tiny-sm {
		font-size: .6rem;
	}

	.xsmall-sm {
		font-size: .7rem;
	}

	.small-sm {
		font-size: .8rem;
	}



	.normal-sm {
		font-size: 1rem;
	}

	.text-nowrap-sm {
		white-space: nowrap;
	}
}




@media (min-width: 768px) {

	.h1-md {
		font-size: 2.5rem;
	}

	.h2-md {
		font-size: 2rem;
	}

	.h3-md {
		font-size: 1.75rem;
	}

	.h4-md {
		font-size: 1.5rem;
	}

	.h5-md {
		font-size: 1.25rem;
	}

	.h6-md {
		font-size: 1rem;
	}

	.justify-content-center-md {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}




	.tiny-md {
		font-size: .6rem;
	}

	.xsmall-md {
		font-size: .7rem;
	}

	.small-md {
		font-size: .8rem;
	}

	.normal-md {
		font-size: 1rem;
	}

	.text-nowrap-md {
		white-space: nowrap;
	}
}


@media (min-width: 992px) {

	.h1-lg {
		font-size: 2.5rem;
	}

	.h2-lg {
		font-size: 2rem;
	}

	.h3-lg {
		font-size: 1.75rem;
	}

	.h4-lg {
		font-size: 1.5rem;
	}

	.h5-md {
		font-size: 1.25rem;
	}

	.h6-lg {
		font-size: 1rem;
	}

	.justify-content-center-lg {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}



	.tiny-lg {
		font-size: .6rem;
	}

	.xsmall-lg {
		font-size: .7rem;
	}

	.small-lg {
		font-size: .8rem;
	}

	.normal-lg {
		font-size: 1rem;
	}

	.text-nowrap-lg {
		white-space: nowrap;
	}
}

@media (min-width: 1200px) {

	.h1-xl {
		font-size: 2.5rem;
	}

	.h2-xl {
		font-size: 2rem;
	}

	.h3-xl {
		font-size: 1.75rem;
	}

	.h4-xl {
		font-size: 1.5rem;
	}

	.h5-xl {
		font-size: 1.25rem;
	}

	.h6-xl {
		font-size: 1rem;
	}

	.justify-content-center-xl {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.tiny-xl {
		font-size: .6rem;
	}


	.xsmall-xl {
		font-size: .7rem;
	}

	.small-xl {
		font-size: .8rem;
	}

	.normal-xl {
		font-size: 1rem;
	}

	.text-nowrap-xl {
		white-space: nowrap;
	}
}



@media (min-width: 1400px) {

	.h1-xxl {
		font-size: 2.5rem;
	}

	.h2-xxl {
		font-size: 2rem;
	}

	.h3-xxl {
		font-size: 1.75rem;
	}

	.h4-xxl {
		font-size: 1.5rem;
	}

	.h5-xxl {
		font-size: 1.25rem;
	}

	.h6-xxl {
		font-size: 1rem;
	}


	.justify-content-center-xxl {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}


	.tiny-xxl {
		font-size: .6rem;
	}

	.xsmall-xxl {
		font-size: .7rem;
	}

	.small-xxl {
		font-size: .8rem;
	}

	.normal-xxl {
		font-size: 1rem;
	}

	.text-nowrap-xxl {
		white-space: nowrap;
	}

	.col-xxl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.row-cols-xxl-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row-cols-xxl-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row-cols-xxl-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.row-cols-xxl-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row-cols-xxl-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row-cols-xxl-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-xxl-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-xxl-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-xxl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-xxl-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-xxl-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-xxl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-xxl-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-xxl-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-xxl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-xxl-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-xxl-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-xxl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-xxl-first {
		-ms-flex-order: -1;
		order: -1;
	}

	.order-xxl-last {
		-ms-flex-order: 13;
		order: 13;
	}

	.order-xxl-0 {
		-ms-flex-order: 0;
		order: 0;
	}

	.order-xxl-1 {
		-ms-flex-order: 1;
		order: 1;
	}

	.order-xxl-2 {
		-ms-flex-order: 2;
		order: 2;
	}

	.order-xxl-3 {
		-ms-flex-order: 3;
		order: 3;
	}

	.order-xxl-4 {
		-ms-flex-order: 4;
		order: 4;
	}

	.order-xxl-5 {
		-ms-flex-order: 5;
		order: 5;
	}

	.order-xxl-6 {
		-ms-flex-order: 6;
		order: 6;
	}

	.order-xxl-7 {
		-ms-flex-order: 7;
		order: 7;
	}

	.order-xxl-8 {
		-ms-flex-order: 8;
		order: 8;
	}

	.order-xxl-9 {
		-ms-flex-order: 9;
		order: 9;
	}

	.order-xxl-10 {
		-ms-flex-order: 10;
		order: 10;
	}

	.order-xxl-11 {
		-ms-flex-order: 11;
		order: 11;
	}

	.order-xxl-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-xxl-0 {
		margin-left: 0;
	}

	.offset-xxl-1 {
		margin-left: 8.333333%;
	}

	.offset-xxl-2 {
		margin-left: 16.666667%;
	}

	.offset-xxl-3 {
		margin-left: 25%;
	}

	.offset-xxl-4 {
		margin-left: 33.333333%;
	}

	.offset-xxl-5 {
		margin-left: 41.666667%;
	}

	.offset-xxl-6 {
		margin-left: 50%;
	}

	.offset-xxl-7 {
		margin-left: 58.333333%;
	}

	.offset-xxl-8 {
		margin-left: 66.666667%;
	}

	.offset-xxl-9 {
		margin-left: 75%;
	}

	.offset-xxl-10 {
		margin-left: 83.333333%;
	}

	.offset-xxl-11 {
		margin-left: 91.666667%;
	}
}




@media (min-width: 1600px) {

	.h1-3x {
		font-size: 2.5rem;
	}

	.h2-3x {
		font-size: 2rem;
	}

	.h3-3x {
		font-size: 1.75rem;
	}

	.h4-3x {
		font-size: 1.5rem;
	}

	.h5-3x {
		font-size: 1.25rem;
	}

	.h6-3x {
		font-size: 1rem;
	}


	.justify-content-center-x3 {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}

	.tiny-3x {
		font-size: .6rem;
	}


	.xsmall-3x {
		font-size: .7rem;
	}

	.small-3x {
		font-size: .8rem;
	}

	.normal-3x {
		font-size: 1rem;
	}

	.text-nowrap-3x {
		white-space: nowrap;
	}

	.col-3x {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}

	.row-cols-3x-1 > * {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.row-cols-3x-2 > * {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.row-cols-3x-3 > * {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.row-cols-3x-4 > * {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.row-cols-3x-5 > * {
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}

	.row-cols-3x-6 > * {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-3x-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: 100%;
	}

	.col-3x-1 {
		-ms-flex: 0 0 8.333333%;
		flex: 0 0 8.333333%;
		max-width: 8.333333%;
	}

	.col-3x-2 {
		-ms-flex: 0 0 16.666667%;
		flex: 0 0 16.666667%;
		max-width: 16.666667%;
	}

	.col-3x-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}

	.col-3x-4 {
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
	}

	.col-3x-5 {
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}

	.col-3x-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}

	.col-3x-7 {
		-ms-flex: 0 0 58.333333%;
		flex: 0 0 58.333333%;
		max-width: 58.333333%;
	}

	.col-3x-8 {
		-ms-flex: 0 0 66.666667%;
		flex: 0 0 66.666667%;
		max-width: 66.666667%;
	}

	.col-3x-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}

	.col-3x-10 {
		-ms-flex: 0 0 83.333333%;
		flex: 0 0 83.333333%;
		max-width: 83.333333%;
	}

	.col-3x-11 {
		-ms-flex: 0 0 91.666667%;
		flex: 0 0 91.666667%;
		max-width: 91.666667%;
	}

	.col-3x-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	.order-3x-first {
		-ms-flex-order: -1;
		order: -1;
	}

	.order-3x-last {
		-ms-flex-order: 13;
		order: 13;
	}

	.order-3x-0 {
		-ms-flex-order: 0;
		order: 0;
	}

	.order-3x-1 {
		-ms-flex-order: 1;
		order: 1;
	}

	.order-3x-2 {
		-ms-flex-order: 2;
		order: 2;
	}

	.order-3x-3 {
		-ms-flex-order: 3;
		order: 3;
	}

	.order-3x-4 {
		-ms-flex-order: 4;
		order: 4;
	}

	.order-3x-5 {
		-ms-flex-order: 5;
		order: 5;
	}

	.order-3x-6 {
		-ms-flex-order: 6;
		order: 6;
	}

	.order-3x-7 {
		-ms-flex-order: 7;
		order: 7;
	}

	.order-3x-8 {
		-ms-flex-order: 8;
		order: 8;
	}

	.order-3x-9 {
		-ms-flex-order: 9;
		order: 9;
	}

	.order-3x-10 {
		-ms-flex-order: 10;
		order: 10;
	}

	.order-3x-11 {
		-ms-flex-order: 11;
		order: 11;
	}

	.order-3x-12 {
		-ms-flex-order: 12;
		order: 12;
	}

	.offset-3x-0 {
		margin-left: 0;
	}

	.offset-3x-1 {
		margin-left: 8.333333%;
	}

	.offset-3x-2 {
		margin-left: 16.666667%;
	}

	.offset-3x-3 {
		margin-left: 25%;
	}

	.offset-3x-4 {
		margin-left: 33.333333%;
	}

	.offset-3x-5 {
		margin-left: 41.666667%;
	}

	.offset-3x-6 {
		margin-left: 50%;
	}

	.offset-3x-7 {
		margin-left: 58.333333%;
	}

	.offset-3x-8 {
		margin-left: 66.666667%;
	}

	.offset-3x-9 {
		margin-left: 75%;
	}

	.offset-3x-10 {
		margin-left: 83.333333%;
	}

	.offset-3x-11 {
		margin-left: 91.666667%;
	}
}



.d-grid-col-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.d-grid-row-2 {
	display: grid;
	grid-template-rows: 1fr 1fr;
	grid-auto-flow: column;
}

.d-grid-row-3 {
	display: grid;
	grid-template-rows: 1fr 1fr 1fr;
	grid-auto-flow: column;
}

@media (min-width: 1200px) {

	.d-grid-col-2-xl {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.d-grid-row-2-xl {
		display: grid;
		grid-template-rows: 1fr 1fr;
		grid-auto-flow: column;
	}

	.d-grid-row-3-xl {
		display: grid;
		grid-template-rows: 1fr 1fr 1fr;
		grid-auto-flow: column;
	}
}



@media (min-width: 1400px) {
	.d-grid-col-2-xxl {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}

	.d-grid-row-2-xxl {
		display: grid;
		grid-template-rows: 1fr 1fr;
		grid-auto-flow: column;
	}

	.d-grid-row-3-xxl {
		display: grid;
		grid-template-rows: 1fr 1fr 1fr;
		grid-auto-flow: column;
	}
}

/* DATA PAGER STYLES */

.pager-container {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 8px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #ffffff !important;
	border-top-width: 1px;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0px;
}

.pager-group {
	display: flex;
	font-size: 80%;
	line-height: 1.6;
}

.pager-group-left {
	justify-self: left;
}

.pager-group-right {
	justify-content: right;
}

.pager-ml {
	margin-left: 16px;
}

.pager-button {
	padding-left: 8px;
	padding-right: 8px;
	border-color: dodgerblue;
	font-size: smaller;
}

.pager-pagebutton {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 8px;
	margin-right: 8px;
	padding-left: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	background-color: #fff;
	line-height: 1.6;
	border-width: 0px;
}

.pager-pagebutton-selected {
	padding-bottom: 0px;
	border-color: #000000;
	border-bottom-width: 2px;
}

.pager-pagebutton:hover {
	padding-bottom: 0px;
	border-color: #000000;
	border-bottom-width: 2px;
}

.pager-sm {
	font-size: smaller;
}

.pager-textbox {
	padding-top: 0;
	padding-bottom: 0;
	width: 44px;
	text-align: right;
	border-color: dodgerblue;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
}

.pager-dropdownlist {
	margin-left: 16px;
	padding-top: 0;
	padding-bottom: 0;
	width: 40px;
	text-align: right;
	border-color: dodgerblue;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
}

.pager-button-disabled {
	color: currentColor;
	cursor: not-allowed;
	opacity: 0.5;
	text-decoration: none;
}



/* END DATA PAGER STYLES */

/* START stepprogressbarflex */

.stepprogressbarflex-container {
	text-align: center;
}



.stepprogressbarflex * {
	margin: 0;
	padding: 0;
}

.stepprogressbarflex {
	overflow: hidden;
	color: lightgrey;
	display: flex;
	padding-left: 0px;
}



	.stepprogressbarflex li {
		list-style-type: none;
		font-size: 15px;
		position: relative;
		font-weight: 400;
		flex: auto;
		text-align: center;
	}




		.stepprogressbarflex li:before {
			font-family: 'Font Awesome 5 Pro';
			content: "\f111";
		}

		.stepprogressbarflex li.active:before {
			font-family: 'Font Awesome 5 Pro';
			content: "\f058";
		}

		/*Icon ProgressBar before any progress*/
		.stepprogressbarflex li:before {
			width: 50px;
			height: 50px;
			line-height: 45px;
			display: block;
			font-size: 40px;
			color: #ffffff;
			background: lightgray;
			border-radius: 50%;
			margin: 0 auto 10px auto;
			padding: 2px;
			position: relative;
			z-index: 1;
		}

		/*ProgressBar connectors*/
		.stepprogressbarflex li:after {
			content: '';
			width: 100%;
			height: 4px;
			background: lightgray;
			position: absolute;
			left: 0;
			top: 25px;
			/* z-index: -1;*/
		}




	.stepprogressbarflex .active {
		color: #018f05;
	}
	/*Color number of the step and the connector before it*/
	.stepprogressbarflex li.active:before, .stepprogressbarflex li.active:after {
		background: #018f05;
	}




	.stepprogressbarflex.stepprogressbarflex-bookend li:first-child:after {
		width: 50%;
		left: unset;
		margin-left: -5px;
	}


	.stepprogressbarflex.stepprogressbarflex-bookend li:last-child:after {
		width: 50%;
	}




	.stepprogressbarflex li.stepprogressbarflex-intransit:before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f018";
		font-size: 25px;
	}

	.stepprogressbarflex li.stepprogressbarflex-intransit.active:before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f018";
		font-size: 25px;
	}


	.stepprogressbarflex li.stepprogressbarflex-delivered:before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f4de";
		font-size: 25px;
	}

	.stepprogressbarflex li.stepprogressbarflex-delivered.active:before {
		font-family: 'Font Awesome 5 Pro';
		content: "\f4de";
		font-size: 25px;
	}


/* END stepprogressbarflex*/



.ImageExternalTenantLogoTopPage {
	max-height: 100px;
	min-height: 100px;
	height: 100px;
	width: 100%;
	object-fit: contain;
}

.load-column-selected {
	margin-left: 4px;
	font-weight: 600;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-color: #ffffff;
	text-decoration-thickness: 1px;
}

.gradient-green-right {
	background: linear-gradient(90deg, #009000,#006000 );
	color: white;
}

.gradient-green-left {
	background: linear-gradient(90deg, #006000,#009000 );
	color: white;
}

.gradient-green-solid-light {
	background-color: #009000;
	color: white;
}

.gradient-green-solid-Dark {
	background-color: #006000;
	color: white;
}



.section-header-triangle-left-down {
	margin: 0px -1px 0px 0px;
	aspect-ratio: 1 / 2;
	clip-path: polygon(100% 0%, 100% 100%, 0% 100%);
}

.section-header-triangle-left-up {
	margin: 0px -1px 0px 0px;
	aspect-ratio: 1 / 2;
	clip-path: polygon(0% 0%, 100% 100%, 100% 0%);
}

.section-header-triangle-right-down {
	margin: 0px 0px 0px -1px;
	aspect-ratio: 1 / 2;
	clip-path: polygon(0 0, 100% 100%, 0% 100%);
}

.section-header-triangle-right-up {
	margin: 0px 0px 0px -1px;
	aspect-ratio: 1 / 2;
	clip-path: polygon(0 0, 0% 100%, 100% 0%);
}



.form-control-xl {
	height: calc(1.5em + 1rem + 2px);
	padding: 0.5rem 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: 1rem;
}



.btn-xl, .btn-group-xl > .btn {
	padding: 0.5rem 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: 1rem;
}

.input-group-xl > .form-control:not(textarea), .input-group-xl > .custom-select {
	height: calc(1.5em + 1rem + 2px);
}

.input-group-xl > .form-control, .input-group-lg > .custom-select, .input-group-xl > .input-group-prepend > .input-group-text, .input-group-xl > .input-group-append > .input-group-text, .input-group-xl > .input-group-prepend > .btn, .input-group-xl > .input-group-append > .btn {
	padding: 0.5rem 1rem;
	font-size: 1.5rem;
	line-height: 1.5;
	border-radius: 1rem;
}




.input-group-xl > .input-group-prepend > .btn, .input-group-xl > .input-group-prepend > .input-group-text, .input-group-xl > .input-group-append:not(:last-child) > .btn, .input-group-xl > .input-group-append:not(:last-child) > .input-group-text, .input-group-xl > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-xl > .input-group-append:last-child > .input-group-text:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

a.HeaderLink {
	color: #007bff;
	text-decoration: none;
}


	a.HeaderLink:hover, a.HeaderLink:focus {
		color: #1e559c;
		text-decoration: underline;
	}

	a.HeaderLink:visited {
		color: #1e559c;
	}


small.xsmall {
	font-size: 70%;
	font-weight: 400;
}

/* START - Load Tags - for KANBAN Load Info and Load Profile Edit */
.ezl-kanban-tag, .ezl-loadtag {
	margin-right: 0.25rem !important;
	margin-bottom: 0.25rem !important;
	padding: 0.4em 0.45em !important;
	border-radius: 0.4rem !important;
	font-weight: 700 !important;
}

	.ezl-kanban-tag.e-togglebutton.e-tbtn {
		font-size: 12px !important;
	}

.navbar-nav .ezl-kanban-tag {
	font-weight: 500 !important;
	font-size: 13px;
	white-space: nowrap;
	vertical-align: baseline;
}

.ezl-kanban-tag-red {
	color: #fff !important;
	background-color: var(--red) !important;
	/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095ff', endColorstr='#005eff');*/
}

.ezl-kanban-tag-yellow {
	color: #212529 !important;
	background-color: var(--yellow) !important;
}

.ezl-kanban-tag-orange {
	color: #fff !important;
	background-color: var(--orange) !important;
}

.ezl-kanban-tag-blue {
	color: #fff !important;
	background-color: var(--blue) !important;
}

.ezl-kanban-tag-green {
	color: #fff !important;
	background-color: var(--green) !important;
}

.ezl-kanban-tag-teal {
	color: #eeffff !important;
	background-color: var(--teal) !important;
}

.ezl-kanban-tag-cyan {
	color: #fff !important;
	background-color: var(--cyan) !important;
}

.ezl-kanban-tag-indigo {
	color: #fff !important;
	background-color: var(--indigo) !important;
}

.ezl-tag-btn {
	padding: 8px 10px 6px 5px !important;
	border: none; /* Remove default border */
	line-height: 0.96;
	text-align: left;
	text-decoration: none;
	display: inline-block;
	cursor: default;
	clip-path: polygon(13% 0%, 100% 0%, 100% 100%, 13% 100%, 0% 68%, 0 32%);
	transition: background-color 0.3s ease;
}

	.ezl-tag-btn:before {
		content: "\f111"; /* "\●"; "\f640", circle-0 "\f111", linode: "\f2b8" */
		margin-left: -2px;
		padding-right: 4px;
		font-family: 'Font Awesome 5 Pro';
		color: #000;
		line-height: 1;
		font-style: normal;
		font-weight: 900;
		font-size: 0.55em;
		font-variant: normal;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		display: var(--fa-display, inline-block);
		vertical-align: super;
	}


span.ezl-tag-text {
	vertical-align: text-top;
}

/* END - Load Tags - for KANBAN Load Info and Load Profile Edit */


/* START - Notice container styles with triangular shaped (1-word) header */

.ezl-notice-shape {
	border-style: solid;
	border-width: 0 70px 40px 0;
	float: right;
	height: 0px;
	width: 0px;
	-ms-transform: rotate(360deg); /* IE 9 */
	-o-transform: rotate(360deg); /* Opera 10.5 */
	-webkit-transform: rotate(360deg); /* Safari and Chrome */
	transform: rotate(360deg);
}

.ezl-notice {
	background: #fff;
	border: 1px solid #ddd;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
	margin: 15px 0;
	overflow: hidden;
}

.ezl-notice-radius {
	border-radius: 7px;
}

.ezl-notice-danger {
	border-color: #c0392b;
}

	.ezl-notice-danger .ezl-notice-shape {
		border-color: transparent #c0392b transparent transparent;
		border-color: rgba(255,255,255,0) #c0392b rgba(255,255,255,0) rgba(255,255,255,0);
	}

.ezl-notice-success {
	border-color: #27ae60;
}

	.ezl-notice-success .ezl-notice-shape {
		border-color: transparent #27ae60 transparent transparent;
		border-color: rgba(255,255,255,0) #27ae60rgba(255,255,255,0) rgba(255,255,255,0);
	}

.ezl-notice-default {
	border-color: #95a5a6;
}

	.ezl-notice-default .ezl-notice-shape {
		border-color: transparent #95a5a6 transparent transparent;
		border-color: rgba(255,255,255,0) #95a5a6 rgba(255,255,255,0) rgba(255,255,255,0);
	}

.ezl-notice-primary {
	border-color: #007bff;
}

	.ezl-notice-primary .ezl-notice-shape {
		border-color: transparent #007bff transparent transparent;
		border-color: rgba(255,255,255,0) #007bff rgba(255,255,255,0) rgba(255,255,255,0);
	}

.ezl-notice-info {
	border-color: #16a085;
}

	.ezl-notice-info .ezl-notice-shape {
		border-color: transparent #16a085 transparent transparent;
		border-color: rgba(255,255,255,0) #16a085 rgba(255,255,255,0) rgba(255,255,255,0);
	}

.ezl-notice-warning {
	border-color: #f39c12;
}

	.ezl-notice-warning .ezl-notice-shape {
		border-color: transparent #f39c12 transparent transparent;
		border-color: rgba(255,255,255,0) #f39c12 rgba(255,255,255,0) rgba(255,255,255,0);
	}

.ezl-notice-shape-text {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	right: -40px;
	top: 2px;
	white-space: nowrap;
	-ms-transform: rotate(30deg); /* IE 9 */
	-o-transform: rotate(360deg); /* Opera 10.5 */
	-webkit-transform: rotate(30deg); /* Safari and Chrome */
	transform: rotate(30deg);
}

.ezl-notice-content {
	padding: 0 20px 10px;
}

.ezl-notice-title {
	font-size: 14px;
	font-weight: 600;
	font-style: italic;
}

.ezl-notice-text {
	font-size: 13px;
	font-weight: normal;
}

.mh-1rem {
	max-height: 1rem
}


.mh-1em {
	max-height: 1em
}
/* END - Notice container styles with triangular shaped (1-word) header */


.icon-info-open-tab:before {
	content: "\f30f";
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: var(--ezl-info-display);
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	color: #007bff;
}


/* STYLE ADJUSTMENTS for when we add THEMING/NEW SKINS support */

/*.mCSB_container .list-unstyled {*/ /* menu items - text thin */
/*font-weight: var(--ezl-sidebar-menu-font-weight);
}*/

/*.navbar-nav .nav-item.text-light {
	color: #fff !important;*/
/*color: var(--secondary) !important;*/
/*}*/

/*.nav-item div.portrait-wrapper .font-weight-bold {*/ /* for the user initials circle in the header*/
/*font-weight: 500 !important;
}*/

/*.nav-item div.portrait-wrapper {*/ /* for the user initials circle in the header*/
/*background-color: #ffffff;
	color: var(--primary);
	height: 32px;
	width: 32px;
	font-size: 13px;
}*/

/*.navbar-sidebar {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	margin-top: 0;
	margin-bottom: 0;
}*/

/*.navbar-image {
	height: 32px;*/ /* Set your desired height */
/*width: auto;*/ /* Maintain aspect ratio */
/*object-fit: contain;*/ /* Ensures the image fits within the box */
/*display: block;*/ /* Removes inline gap below image */
/*margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}*/