/* Minification failed. Returning unminified contents.
(3,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(40,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(41,21): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(47,26): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(48,22): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(52,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(57,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(61,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(69,15): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(73,27): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(78,52): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(78,82): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(84,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(88,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(92,26): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(96,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(100,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(110,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(311,29): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(315,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(319,29): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(323,29): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(327,21): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(347,43): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(371,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(372,21): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(394,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(409,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkGrey'
(523,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(550,29): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightGrey'
(672,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightGrey'
(693,29): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightGrey'
(743,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightGrey'
(764,29): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightGrey'
(832,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1005,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(1015,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(1063,26): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1093,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(1174,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1187,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1188,21): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1222,27): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(1288,27): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1302,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1340,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1405,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkGrey'
(1446,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(1461,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightGrey'
(1467,15): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkGrey'
(1472,14): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1482,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1487,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1494,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1499,26): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1507,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1513,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1517,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
(1522,26): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(1527,27): run-time error CSS1039: Token not allowed after unary operator: '-ElevateLightOrange'
(1531,25): run-time error CSS1039: Token not allowed after unary operator: '-ElevateDarkOrange'
 */
/*Global Variables*/
:root {
	--ElevateDarkOrange: #C25427;
	--ElevateLightOrange: #ea8c1c;
	--ElevateDarkGrey: #343a40;
	--ElevateLightGrey: #868ba1;
	scroll-behavior: smooth;
}

a {
	color: #512d00;
	text-decoration: none;
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

	a:hover {
		color: #1b0f00;
		text-decoration: none;
	}

.flex {
	display: flex;
}

.bg-br-primary {
	background-color: #7b7777;
}

.br-sideleft {
	background-color: white;
	border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.btn-save {
	text-overflow: unset !important;
}

.btn-info {
	background-color: var(--ElevateLightOrange);
	border-color: var(--ElevateLightOrange);
	overflow: hidden;
	text-overflow: ellipsis;
}

	.btn-info:hover {
		background-color: var(--ElevateDarkOrange);
		border-color: var(--ElevateDarkOrange);
	}

.br-menu-link.active {
	background-color: var(--ElevateDarkOrange);
	background-image: none;
}

.br-menu-sub {
	background-color: var(--ElevateLightOrange);
}

.br-menu-link:hover, .br-menu-link:focus {
	background-color: var(--ElevateDarkOrange);
}

.br-menu-sub .sub-link {
	color: white;
}

	.br-menu-sub .sub-link.active {
		color: var(--ElevateDarkOrange);
	}

		.br-menu-sub .sub-link.active::before {
			background-color: var(--ElevateDarkOrange);
		}

.br-menu-link.show-sub {
	/*background-color: var(--ElevateDarkOrange);*/
	background-image: linear-gradient(to bottom, var(--ElevateDarkOrange) 80%, var(--ElevateLightOrange) 100%);
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.br-menu-sub .sub-link:hover, .br-menu-sub .sub-link:focus {
	color: var(--ElevateDarkOrange);
}

.br-menu-sub .sub-link:hover, .br-menu-sub .sub-link:focus {
	color: var(--ElevateDarkOrange);
}

	.br-menu-sub .sub-link:hover::before, .br-menu-sub .sub-link:focus::before {
		background-color: var(--ElevateDarkOrange);
	}

.tx-info {
	color: var(--ElevateLightOrange);
}

a.tx-info:hover, a.tx-info:focus {
	color: var(--ElevateDarkOrange);
}

.tx-nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.navicon-right a {
	color: var(--ElevateLightOrange);
}

.stickied {
	position: fixed;
	top: 70px;/*Push underneath the top bar*/
}

@media print {
	.noprint {
		display: none !important;
	}

	.print {
		display: block !important;
	}
}

.company-name {
	position: fixed;
	width: 210px;
	height: 30px;
	top: 60px;
	background-color: lightgray;
	margin-top: 0;
	padding-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 10px;
	border-radius: 0px 0px 5px 5px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	transition: all 0.2s ease-in-out;
}

/*Top Bar Button Styling*/

.br-header-left {
	display: inline-block;
	min-width: 20px;
}

.br-header-right {
	display: inline-block;
	white-space: nowrap;
	min-width: 340px;
}

@media (max-width: 991px) {

	.br-header-right {
		display: inline-block;
		white-space: nowrap;
		min-width: 255px;
	}

	.navicon-username {
		display: none !important;
	}
}

.topBar-Button-Container {
	overflow-x: auto;
	overflow-y: hidden;
	white-space: nowrap;
	display: flex;
	height: 50px;
	margin-top: 10px;
}

.topBar-Button {
	display: inline-block;
	white-space: normal;
}

/*	This class makes sure the card holding the page contents is at least as tall as the screen
	so there isn't dead space on the screen.
*/
@media (min-width: 1200px) {
	.card-main-content {
		min-height: 91vh;
	}
}

.form-layout-4 {
	border: none;
}

.form-layout-5-modal {
	border: none;
	padding-top: 0px;
	padding-bottom: 30px;
	overflow-x: hidden;
	overflow-y: auto;
}

	.form-layout-5-modal .form-control-label {
		display: flex;
		align-items: center;
		margin-bottom: 0;
	}

.form-layout-6-modal {
	border: none;
	padding-top: 30px;
	padding-left: 1%;
	padding-bottom: 30px;
	overflow-x: hidden;
	overflow-y: auto;
	height: 96.3%;
}

.modal-validation {
	border-bottom: 0px;
	display: block;
	max-height: 150px;
	overflow: auto;
	padding-top: 0px;
	padding-bottom: 0px;
	transition: all 0.5s ease-in-out;
	opacity: 0;
}

.modal-validation-visible {
	opacity: 1;
}

.modal-body {
	position: absolute;
	flex: 1 1 auto;
	padding: 0px;
	top: 62px;
	bottom: 71px;
	width: 100%;
	overflow: auto;
	transition: all 0.2s ease-in-out;
}

.modal {
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
}

.modal-open {
	overflow-x: hidden;
	overflow-y: hidden;
	height: 100%;
}

.modal-dialog {
	overflow-x: hidden;
	overflow-y: auto;
	height: 90% !important;
}

.modal-content {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
	height: 100%;
	overflow: hidden;
}

.modal-footer {
	display: flex;
	position: absolute;
	align-items: center;
	justify-content: flex-end;
	padding: 15px;
	border-top: 1px solid #e9ecef;
	left: 0px;
	bottom: 0px;
	width: 100%;
}

.no-scrollbar {
	-ms-overflow-style: none !important; /* IE and Edge */
	overflow: -moz-scrollbars-none;
}

	.no-scrollbar::-webkit-scrollbar {
		width: 0 !important;
	}

.br-pagebody-login {
	/*position: fixed;*/
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}

.btn-info:focus {
	box-shadow: 0 0 0 3px var(--ElevateDarkOrange);
}

.ckbox span:after {
	background-color: var(--ElevateDarkOrange);
}

.ckbox span:before:focus {
	box-shadow: 0 0 0 3px var(--ElevateDarkOrange);
}

.ckbox span:after:focus {
	box-shadow: 0 0 0 3px var(--ElevateDarkOrange);
}

.form-control:focus {
	border-color: var(--ElevateLightOrange);
}

.form-control, .dataTables_filter input {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0.65rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

table.dataTable tbody tr.selected > * {
	box-shadow: inset 0 0 0 9999px rgba(var(--ElevateDarkOrange), 0.9);
}

#transactionsDT_processing > div {
	background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///0pISOTk5N3d3e/v705MTEpISGpoaKalpY6MjM3NzWJgYH59fauqqpCPj9DQ0GRjY0xKSoF/f+zs7OPi4vb29nFwcOXl5fX19crKyru6utnY2PLy8gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
	height: 13px;
	width: 21px;
	background-size: cover;
}

#transactionsDT_processing > div > div {
	display: none;
}

div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0.5em;
	border: 1px solid rgba(0, 0, 0, 0.15);
	padding: 0.65rem 0.5rem;
	display: inline-block;
	width: auto;
	height: 41px;
}

.btn-info.active {
	background-color: var(--ElevateDarkOrange);
	border-color: var(--ElevateDarkOrange);
}

.copyright {
	position: absolute;
	bottom: 0px;
	font-size: 0.7em;
	margin-bottom: 10px;
	width: auto;
	z-index: -1;
}

.siteVersion {
	position: absolute;
	bottom: 15px;
	font-size: 0.7em;
	margin-bottom: 10px;
	width: auto;
	z-index: -1;
}

.selected-row {
	background-color: var(--ElevateDarkOrange) !important;
	color: white;
}

.unfocusable {
	-moz-user-focus: none;
	user-focus: none;
}

.tableHeader {
	border-top: 0;
	border-bottom: 0;
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	color: var(--ElevateDarkGrey);
	letter-spacing: 0.5px;
}

.easeinandout {
	transition: width .5s ease-in-out;
}

.fadein {
	-webkit-animation: fadein 4s !important; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 4s !important; /* Firefox < 16 */
	-ms-animation: fadein 4s !important; /* Internet Explorer */
	-o-animation: fadein 4s !important; /* Opera < 12.1 */
	animation: fadein 4s !important;
}

@keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

/* Internet Explorer */
@-ms-keyframes fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeinandout {
	opacity: 1;
	animation: fade 2s linear;
}

@keyframes fade {
	0%,100% {
		opacity: 0
	}

	25%,75% {
		opacity: 1
	}
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/*Stop up/down arrows from appearing in number input fields.*/
input[type=number] {
	-moz-appearance: textfield;
}
	input[type=number]::-webkit-inner-spin-button,
	input[type=number]::-webkit-outer-spin-button {
		-webkit-appearance: none;
		margin: 0;
	}

.site-bin-header {
	position: relative;
	display: inline-block;
	top: -15px;
	left: 25px;
	padding: 0px 10px;
	text-align: center;
	background-color: white;
}

/*#undoevent {
	color: var(--ElevateDarkOrange)
}*/

#undoeventradius:hover, #undoeventradius:active, #undoeventradius:focus {
	color: #fff !important;
}

#undoeventradius {
	border-radius: 50%;
	color: var(--ElevateDarkOrange)
}

/*Bin Overview Bin Components*/
.BinO0 {
	border: 1px solid #7B7777;
	cursor: pointer;
	display: inline-block;
	flex-flow: column wrap;
	height: 100px;
	margin-bottom: 4px;
	position: relative;
	width: 75px;
}

.BinO-Name0 {
	/*position: relative;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 1;
	padding: 5px;*/
}

.BinO-Container0 {
	border-top: 2px solid var(--ElevateLightGrey);
	/*bottom: 0px;*/
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	overflow: hidden;
	/*position: absolute;*/
	text-overflow: ellipsis;
	width: 100%;
}

.BinO-Capacity0 {
	background-color: rgba(195,197,204,0.5);
	bottom: 0px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 1;
}

.BinO-Locks0 {
	/*position: absolute;
	width: 100%;
	bottom: 20%;
	z-index: 1;
	text-align: center*/
}

.BinO-PctFull0 {
	font-size: 1.5em;
	position: absolute;
	text-align: center;
	top: 25%;
	width: 100%;
	z-index: 1;
}

.BinO-Container-Fullness0 {
	bottom: 0px;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.BinO1 {
	border: 2px solid #7B7777;
	cursor: pointer;
	display: inline-block;
	flex-flow: column wrap;
	height: 125px;
	margin-bottom: 4px;
	position: relative;
	width: 100px;
}

.BinO-Name1 {
	/*position: absolute;
	width: 100%;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 5px;
	z-index: 1;*/
}

.BinO-Container1 {
	border-top: 2px solid #7B7777;
	/*bottom: 0px;*/
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	overflow: hidden;
	/*position: absolute;*/
	text-overflow: ellipsis;
	width: 100%;
}

.BinO-Capacity1 {
	background-color: rgba(195,197,204,0.5);
	bottom: 0px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 1;
}

.BinO-Locks1 {
	/*position: absolute;
	width: 100%;
	bottom: 20%;
	z-index: 1;
	text-align: center*/
}

.BinO-PctFull1 {
	font-size: 1.5em;
	position: absolute;
	text-align: center;
	top: 25%;
	width: 100%;
	z-index: 1;
}

.BinO-Container-Fullness1 {
	bottom: 0px;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.BinO2 {
	border: 2px solid var(--ElevateLightGrey);
	cursor: pointer;
	display: inline-block;
	flex-flow: column wrap;
	height: 150px;
	margin-bottom: 4px;
	position: relative;
	width: 125px;
}

.BinO-Name2 {
	overflow: hidden;
	padding: 5px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.BinO-Container2 {
	border-top: 2px solid var(--ElevateLightGrey);
	/*bottom: 0px;*/
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	overflow: hidden;
	/*position: absolute;*/
	text-overflow: ellipsis;
	width: 100%;
}

.BinO-Capacity2 {
	background-color: rgba(195,197,204,0.5);
	bottom: 0px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 1;
}

.BinO-Locks2 {
	/*position: absolute;
	width: 100%;
	bottom: 20%;
	z-index: 1;
	text-align: center*/
}

.BinO-PctFull2 {
	font-size: 1.5em;
	position: absolute;
	text-align: center;
	top: 25%;
	width: 100%;
	z-index: 1;
}

.BinO-Container-Fullness2 {
	bottom: 0px;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	z-index: 0;
}

.BinO3 {
	border: 2px solid var(--ElevateLightGrey);
	cursor: pointer;
	display: inline-block;
	flex-flow: column wrap;
	height: 175px;
	margin-bottom: 4px;
	position: relative;
	width: 150px;
}

.BinO-Name3 {
	overflow: hidden;
	padding: 5px;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	width: 100%;
	white-space: nowrap;
}

.BinO-Container3 {
	border-top: 2px solid var(--ElevateLightGrey);
	/*bottom: 0px;*/
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
	overflow: hidden;
	/*position: absolute;*/
	text-overflow: ellipsis;
	width: 100%;
}

.BinO-Capacity3 {
	background-color: rgba(195,197,204,0.5);
	bottom: 0px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	z-index: 1;
}

.BinO-Locks3 {
	/*position: absolute;
	width: 100%;
	bottom: 20%;
	z-index: 1;
	text-align: center*/
}

.BinO-PctFull3 {
	font-size: 1.5em;
	position: absolute;
	text-align: center;
	top: 25%;
	width: 100%;
	z-index: 1;
}

.BinO-Container-Fullness3 {
	bottom: 0px;
	opacity: 0.8;
	position: absolute;
	width: 100%;
	z-index: 0;
}
/*End Bin Overview Bin Components*/

/*Bin Top View Components*/
.BinT-Container {
	position: relative;
	overflow: auto;
	height: 700px;
}

.BinT-Component {
	cursor: pointer;
	position: absolute;
	display: inline-block;
	background-color: white;
	overflow: hidden;
	text-align: center;
	border: 2px solid rgb(165, 158, 158);
}

.BinT-Selected {
	border: 2px solid var(--ElevateDarkOrange);
}

.BinT-Info {
	position: absolute;
	text-overflow: clip;
	white-space: pre-line;
	overflow: hidden;
	width: 75%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #495057;
	font-size: .9em;
}

.BinT-Fullness {
	position: absolute;
	width: 100%;
	bottom: 0px;
	opacity: 0.8;
}

.BinT-Rectangle {
}

.BinT-Circle {
	border-radius: 50%;
}

.BinT-Triangle-Up {
	border: 0px !important;
	clip-path: polygon(nonzero, 50% 0%, 100% 100%, 0% 100%);
}

.BinT-Triangle-Up-Inner {
	position: relative;
	margin: 0 auto;
	background-color: white;
	clip-path: polygon(nonzero, 50% 3%, 97% 97%, 3% 97%);
}

.BinT-Triangle-Down {
	border: 0px !important;
	clip-path: polygon(nonzero, 0% 0%, 100% 0%, 50% 100%);
}

.BinT-Triangle-Down-Inner {
	position: relative;
	margin: 0 auto;
	background-color: white;
	clip-path: polygon(nonzero, 3% 3%, 97% 3%, 50% 97%);
}

.BinT-Triangle-Left {
	border: 0px !important;
	clip-path: polygon(nonzero, 0% 50%, 100% 0%, 100% 100%);
}

.BinT-Triangle-Left-Inner {
	position: relative;
	margin: 0 auto;
	background-color: white;
	clip-path: polygon(nonzero, 3% 50%, 97% 3%, 97% 97%);
}

.BinT-Triangle-Right {
	border: 0px !important;
	clip-path: polygon(nonzero, 0% 0%, 100% 50%, 0% 100%);
}

.BinT-Triangle-Right-Inner {
	position: relative;
	margin: 0 auto;
	background-color: white;
	clip-path: polygon(nonzero, 3% 3%, 97% 50%, 3% 97%);
}

.BinT-Hexagon {
	border: 0px !important;
	clip-path: polygon(0% 30%, 30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%);
}

.BinT-Hexagon-Inner {
	position: relative;
	margin: 0 auto;
	background-color: white;
	clip-path: polygon(3% 31%, 31% 3%, 69% 3%, 97% 31%, 97% 69%, 69% 97%, 31% 97%, 3% 69%);
}

/*Bin Top View Components*/

/*Button Statuses*/
.loading-loader {
	background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///0pISOTk5N3d3e/v705MTEpISGpoaKalpY6MjM3NzWJgYH59fauqqpCPj9DQ0GRjY0xKSoF/f+zs7OPi4vb29nFwcOXl5fX19crKyru6utnY2PLy8gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);
	height: 11px;
	width: 16px;
	left: 50%;
	top: 50%;
	position: absolute;
}

.loading-loader-visible {
	/*LOL background-image: url(data:image/gif;base64,R0lGODlhEAALAPQAAP///0pISOTk5N3d3e/v705MTEpISGpoaKalpY6MjM3NzWJgYH59fauqqpCPj9DQ0GRjY0xKSoF/f+zs7OPi4vb29nFwcOXl5fX19crKyru6utnY2PLy8gAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCwAAACwAAAAAEAALAAAFLSAgjmRpnqSgCuLKAq5AEIM4zDVw03ve27ifDgfkEYe04kDIDC5zrtYKRa2WQgAh+QQJCwAAACwAAAAAEAALAAAFJGBhGAVgnqhpHIeRvsDawqns0qeN5+y967tYLyicBYE7EYkYAgAh+QQJCwAAACwAAAAAEAALAAAFNiAgjothLOOIJAkiGgxjpGKiKMkbz7SN6zIawJcDwIK9W/HISxGBzdHTuBNOmcJVCyoUlk7CEAAh+QQJCwAAACwAAAAAEAALAAAFNSAgjqQIRRFUAo3jNGIkSdHqPI8Tz3V55zuaDacDyIQ+YrBH+hWPzJFzOQQaeavWi7oqnVIhACH5BAkLAAAALAAAAAAQAAsAAAUyICCOZGme1rJY5kRRk7hI0mJSVUXJtF3iOl7tltsBZsNfUegjAY3I5sgFY55KqdX1GgIAIfkECQsAAAAsAAAAABAACwAABTcgII5kaZ4kcV2EqLJipmnZhWGXaOOitm2aXQ4g7P2Ct2ER4AMul00kj5g0Al8tADY2y6C+4FIIACH5BAkLAAAALAAAAAAQAAsAAAUvICCOZGme5ERRk6iy7qpyHCVStA3gNa/7txxwlwv2isSacYUc+l4tADQGQ1mvpBAAIfkECQsAAAAsAAAAABAACwAABS8gII5kaZ7kRFGTqLLuqnIcJVK0DeA1r/u3HHCXC/aKxJpxhRz6Xi0ANAZDWa+kEAA7AAAAAAAAAAAA);*/
	background-color: rgba(104, 104, 104, 0.5);
	position: absolute;
	z-index: 1000;
}
/*End Button Statuses*/

/*Error Statuses*/
.validationMessage {
	color: red;
}

.Validation-Error {
	background-color: #E8525280 !important;
	border-color: #E8525280 !important
}
/*End Error Statuses*/

.form-control-table {
	display: block;
	width: 85%;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	font-size: 0.875rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

@media (min-width: 1300px) {
	.modal-xl {
		width: 95%;
		max-width: 100%;
		max-height: 95%;
	}

	.modal-l {
		width: 75%;
		max-width: 100%;
		max-height: 80%;
	}

	.modal-m {
		width: 50%;
		max-width: 100%;
		max-height: 65%;
	}

	.modal-s {
		width: 35%;
		max-width: 100%;
		max-height: 50%;
	}
}

/* Insight Component Styling */
#insight {
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 20px;
	display: flex;
	flex-direction: row-reverse;
	box-shadow: 3px 3px 7px rgba(88,52,8,.64);
	border-radius: 35px;
	background-color: var(--ElevateLightOrange);
	overflow: hidden;
}

#insightBackground {
	position: absolute;
	width: 35px;
	height: 35px;
	right: 0px;
	border-radius: 35px;
	background-color: var(--ElevateLightOrange);
}

#insightRadar {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 35px;
	height: 35px;
	margin: 20px;
	display: none;
	font-size: 25px;
	font-weight: bold;
	background: linear-gradient(90deg, rgba(238,163,73,1) 0%, rgba(234,140,28,1) 100%);
	border: none;
	border-radius: 50%;
	box-shadow: 3px 3px 7px rgba(88,52,8,.64);
	transition: all 0.3s ease-in-out 0s;
	cursor: pointer;
	outline: none;
}

	#insightRadar::before {
		content: '';
		border-radius: 1000px;
		min-width: calc(300px + 12px);
		min-height: calc(60px + 12px);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 0;
		transition: all .3s ease-in-out 0s;
	}

	#insightRadar:focus {
		color: #fff;
		transform: translateY(-6px);
		outline: 0px;
	}

		#insightRadar:focus::before {
			opacity: 1;
		}

	#insightRadar::after {
		content: '';
		border-radius: 100%;
		border: 6px solid var(--ElevateDarkOrange);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: ring 3s infinite;
	}
@keyframes ring {
	0% {
		width: 10px;
		height: 10px;
		opacity: 1;
	}

	100% {
		width: 100px;
		height: 100px;
		opacity: 0;
	}
}

#insightRadar:hover::after, #insightRadar:focus::after {
	animation: none;
	display: none;
}

#insightHover {
	width: 35px;
	height: 35px;
	border-radius: 35px;
	background-color: var(--ElevateLightOrange);
	color: #fff !important;
	bottom: 0;
	overflow: hidden !important;
	text-overflow: clip;
	z-index: 2;
}

#insightMove {
	display: inline-block;
	position: absolute;
	top: 25%;
}

@keyframes insightmoveAnim {
	0% {
		transform: translate(50vw, 0);
	}

	100% {
		transform: translate(-100%, 0);
	}
}

.insightItem {
	box-sizing: border-box;
	color: #fff;
	flex-shrink: 0;
	text-align: left;
	width: 100%;
	white-space: pre;
}
.insightMove .insightItem:hover {
	animation-play-state: paused;
}
/* Insight Component Styling End */

@media (max-width: 1299px) {
	.modal-xl {
		width: 95%;
		max-width: 100%;
		max-height: 95%;
	}

	.modal-l {
		width: 95%;
		max-width: 100%;
		max-height: 95%;
	}

	.modal-m {
		width: 95%;
		max-width: 100%;
		max-height: 95%;
	}

	.modal-s {
		width: 95%;
		max-width: 100%;
		max-height: 95%;
	}
}

@media (min-width: 992px) {
	.collapsed-menu .company-name {
		top: 0px;
		width: 0px;
	}

	.rtl .collapsed-menu .company-name {
		bottom: auto;
		top: 0px;
		width: 0px;
	}
}

.noBorder {
	border: none;
}

tbody tr.selected {
	background-color: var(--ElevateDarkOrange) !important;
	color: white;
}

table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
	background-color: #ffd9ab !important;
}

.btn-info:not(:disabled):not(.disabled).active, .btn-info:not(:disabled):not(.disabled):active, .show > .btn-info.dropdown-toggle {
	background-color: var(--ElevateDarkOrange);
	border-color: var(--ElevateDarkOrange);
}

.btn-info:disabled {
	background-color: #e9ecef;
	border-color: #e9ecef;
	color: black;
}



.btn-info:not(:disabled):not(.disabled).active:focus, .btn-info:not(:disabled):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
	box-shadow: none;
}

.form-control:focus {
	box-shadow: none;
}

.select2-container *:focus {
	/*outline-color: #7d3c8c;
    outline-width: 1px;*/
}

span div span .select2-selection {
	height: 38px !important;
	width: 130px;
}

.select2-container {
	transition: all .2s linear;
}

.select2-glow {
	box-shadow: 0 0 3px var(--ElevateLightOrange);
	border-radius: 3px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	width: 10px;
	height: 10px;
	margin-top: 14px;
	margin-right: 5px;
	background-color: white;
	line-height: calc(2.39375rem + 2px);
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-right: 0px;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: inline-block;
	max-width: 85%;
	line-height: 38px;
}

.select2-container--default .select2-selection--multiple {
	height: 100%;
}

.br-menu-sub-table {
	background-color: white;
}

.dataTables_top {
	position: relative;
	align-items: center;
	padding-top: 5px;
}

.dataTables_filter {
	padding-bottom: 0px;
	float: right;
}

.dataTables_length {
	float: right !important;
}

.dataTables_bottom {
	align-items: center;
	position: relative;
}

.dataTables_info {
	float: left;
}

/*Sizes the datatable wrapper down slightly so it doesn't overflow the parent and make sad tiny scrollbars.*/
.dataTables_wrapper {
	width: 99%;
}

	.dataTables_wrapper .dataTables_paginate .paginate_button {
		padding: 0.54rem;
	}

		.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.current:focus {
			background-color: var(--ElevateDarkOrange);
		}

.dataTables_length .select2-container {
	width: 60px;
	margin-left: 0;
	margin-right: 0px;
}

.table tfoot > tr > th {
	border-top: 1px solid #dee2e6;
}

table.dataTable thead th.sorting::after, table.dataTable thead th.sorting::before {
	color: var(--ElevateDarkOrange)
}

.sessionExpireWarning {
	height: 80px;
	line-height: 85px;
	text-align: center;
	background-color: #f7d1d5;
	font-size: 20px;
	margin-top: -10px;
	cursor: pointer;
	border-radius: 3px;
	overflow: hidden;
}

.passwordChangeWarning {
	height: 80px;
	line-height: 85px;
	text-align: center;
	background-color: #f7d1d5;
	font-size: 20px;
	margin-top: -10px;
	border-radius: 3px;
	overflow: hidden;
}

@media screen and (max-width: 767px) {
	.div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate {
		margin-bottom: 10px;
	}
}

.table.dataTable thead th {
	border-bottom: none;
}

.rdiobox input[type='radio']:checked + span:before {
	border-color: transparent;
	background-color: var(--ElevateDarkOrange);
}

.table-responsive {
	display: block;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar
}

.input-group .form-control:focus, .input-group .dataTables_filter input:focus, .dataTables_filter .input-group input:focus, .input-group .form-control:active, .input-group .dataTables_filter input:active, .dataTables_filter .input-group input:active, .input-group .form-control:hover, .input-group .dataTables_filter input:hover, .dataTables_filter .input-group input:hover {
	z-index: 1050;
}

.inputpicker-arrow {
	position: absolute;
	height: 100%;
	top: 0px;
	right: 3px;
	width: 20px;
	cursor: pointer;
}

div.dataTables_wrapper div.dataTables_length select {
	width: auto;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1.25;
	color: #495057;
	background-color: #fff;
	background-image: none;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 3px;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.fixedTable {
	max-height: 300px;
	overflow-y: auto;
}

.fixedTable-lg {
	max-height: 500px;
	overflow-y: auto;
}

.fixedHeader {
	position: fixed;
	top: 0px;
	z-index: 1000;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.collapsed-menu .copyright {
	display: none;
}

.collapsed-menu .siteVersion {
	display: none;
}

a.add, a.remove {
	color: var(--ElevateDarkGrey);
}

	a.add:hover, a.remove:hover {
		color: white;
	}

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle;
	left: -2px;
}

.sp-container {
	z-index: 1050;
}

tbody tr {
	cursor: pointer;
}

.table thead > tr > th, .table tfoot > tr > th {
	white-space: nowrap;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	cursor: pointer;
}

.leaflet-bar a, .leaflet-bar a:hover {
	cursor: pointer;
}

.infoTable tbody tr, .infoTable thead th {
	cursor: default;
}

.table-hover tbody tr:hover {
	background-color: var(--ElevateLightOrange);
	color: white;
}

/*Sub Table styling*/
.sub-table-container {
	margin-top: -100% !important;
	transition: all .2s;
}

.sub-table-container-shown {
	margin-top: 0% !important;
}

.sub-table {
	color: var(--ElevateLightGrey) !important;
	margin-bottom: 0px !important;
}

	.sub-table thead tr:hover {
		background-color: white;
		color: var(--ElevateDarkGrey);
	}
/*End Sub Table styling*/

.ui-datepicker .ui-datepicker-title {
	color: var(--ElevateDarkOrange);
}

.hideYear .ui-datepicker-year {
	display: none !important;
}

/*IonRangeSlider*/
.irs-bar {
	background-image: none;
	background-color: var(--ElevateDarkOrange);
}

.irs-bar-edge {
	background-image: none;
	background-color: var(--ElevateDarkOrange);
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}

.irs-from, .irs-to, .irs-single {
	font-family: "Roboto", "Helvetica Neue", Arial, sans-serif;
	background-color: var(--ElevateDarkOrange);
	border-radius: 1px;
}

	.irs-from::after, .irs-to::after, .irs-single::after {
		border-top-color: var(--ElevateDarkOrange);
	}

.irs-slider:before {
	content: '';
	width: 2px;
	height: 18px;
	position: absolute;
	background-color: var(--ElevateDarkOrange);
	left: 50%;
	margin-left: -1px;
}

.irs-slider:hover:before, .irs-slider:focus:before {
	background-color: var(--ElevateDarkOrange);
}

.accordion-primary .card-header a {
	background-color: var(--ElevateDarkOrange);
}

	.accordion-primary .card-header a.collapsed {
		color: white;
		background-color: var(--ElevateLightOrange)
	}

		.accordion-primary .card-header a.collapsed:focus {
			color: white;
			background-color: var(--ElevateLightOrange)
		}

.accordion .card-header a.collapsed:hover, .accordion .card-header {
	background-color: var(--ElevateDarkOrange);
	color: white;
}

@media (min-width: 576px) {
	.br-pagebody {
		padding: 0 20px;
	}
}

.select2-container {
	/*width: 100% !important;*/
	padding: 0;
}

.harvestDate {
	left: -15px;
}

.binRowHeader {
	height: inherit;
	width: inherit;
	border: 2px solid #7B7777;
}

.binRow {
	height: inherit;
	width: inherit;
	border-left: 2px solid #7B7777;
	border-right: 2px solid #7B7777;
	/*border-bottom: 2px solid #7B7777;*/
}

.binRowFooter {
	height: inherit;
	width: inherit;
	border-left: 2px solid #7B7777;
	border-right: 2px solid #7B7777;
	border-bottom: 2px solid #7B7777;
}

.center {
	position: relative;
}

	.center span {
		margin: 0;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

.inBinHeader {
	position: relative;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	z-index: 1;
}

.inBinBody0 {
	position: relative;
	height: 79%;
}

.inBinBody1 {
	position: relative;
	height: 83%;
}

.inBinBody2 {
	position: relative;
	height: 86%;
}

.inBinBody3 {
	position: relative;
	height: 88%;
}

.inBinRowTop0 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 20px;
	height: 25%;
	text-align: left;
	z-index: 1;
	position: relative;
	mix-blend-mode: difference;
}

.inBinRowTop1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25%;
	text-align: left;
	z-index: 1;
	position: relative;
	mix-blend-mode: difference;
}

.inBinRowTop2 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25%;
	text-align: left;
	z-index: 1;
	position: relative;
	mix-blend-mode: difference;
}

.inBinRowTop3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25%;
	text-align: left;
	z-index: 1;
	position: relative;
	mix-blend-mode: difference;
}

.inBinRow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/*height: auto;*/
	text-align: left;
	z-index: 1;
	/*position: relative;*/
	mix-blend-mode: difference;
}

.inBinRowFooter0 {
	display: none;
}

.inBinRowFooter1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25%;
	text-align: left;
	z-index: 1;
	position: relative;
	mix-blend-mode: difference;
}

.inBinRowFooter2 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25%;
	text-align: left;
	z-index: 1;
	position: relative;
	mix-blend-mode: difference;
}

.inBinRowFooter3 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 25%;
	text-align: left;
	z-index: 1;
	position: relative;
	mix-blend-mode: difference;
}