/* PAGE ELEMENTS */

:root {
	--primary-color: #49637a;
	--secondary-color: #1d70b7;
	--secondary-color-alt: #207dcd;
} 


body {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/*body.laserlog { RED
	--primary-color: #7A4949;
	--secondary-color: #B71D1D;
	--secondary-color-alt: #CD2020;
}*/

/*body.laserlog { GREEN
	--primary-color: #4a7a49;
	--secondary-color: #1db71d;
	--secondary-color-alt: #20cd20;
}*/

body.laserlog {
	--primary-color: #006C7B;       /* Darker teal */
    --secondary-color: #006C7B;     /* Adjusted to darker teal */
    --secondary-color-alt: #52B9BF; /* Adjusted to lighter teal */
}

a {
	color: var(--secondary-color);
}

@media only screen and (max-width: 992px) {
	header {
		background-color: #fff;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 9999999;
	}
}
main.home {
	min-height: 600px;
	background: url("../images/background-surgeon.jpg") center 0 no-repeat;
	background-size: cover;
}
body.laserlog main.home {
	min-height: 600px;
	background: url("../images/background-surgeon-laserlog.jpg") center 0 no-repeat;
	background-size: cover;
}
@media only screen and (max-width: 600px) {
	main.home,
	body.laserlog main.home {
		min-height: 400px;
	}

	body.laserlog main.home {
		background-position-x: -150px;
	}
}
main.default {
	background: url("../images/background.jpg") center 0 no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
body.laserlog main.default {
	background: url("../images/background-laserlog.jpg") center 0 no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
footer {
	background: url("../images/background-footer.jpg") center 0 no-repeat;
	background-size: cover;
}
body.laserlog footer {
	background: url("../images/background-footer-laserlog.jpg") center 0 no-repeat;
	background-size: cover;
}
footer .row {
	margin-top: 10px;
}
footer p.hoya-logo {
	display: block;
	height: 90px;
	padding-left: 14px;
	margin-left: -14px;
	background: url("../images/hoya-logo.svg") 0 30px no-repeat;
	background-size: 144px 58px;
}
footer a {
	color: rgba(255, 255, 255, 1);
	transition: color .3s;
}
footer a:hover {
	color: rgba(255, 255, 255, 0.7);
}
/* COOKIES */
.clearfix {
	clear: both;
}
.eupopup-container {
	background-color: rgba(255, 255, 255, 0.95);
	color: var(--primary-color);
	padding: 30px 40px 40px 40px;
	font-size: 1em;
	line-height: 1.4em;
	text-align: center;
	display: none;
	z-index: 9999999;
}
.eupopup-container-top, .eupopup-container-fixedtop {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.eupopup-container-fixedtop {
	position: fixed;
}
.eupopup-closebutton {
	font-weight: 100;
	line-height: 1;
	color: var(--secondary-color);
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 10px;
}
.eupopup-closebutton:hover, .eupopup-closebutton:active {
	color: var(--secondary-color);
	text-decoration: none;
}
.eupopup-buttons {
	padding: 7px 0 5px 0;
	color: var(--secondary-color);
	font-weight: normal;
}
.eupopup-button {
	margin: 0 10px;
	text-decoration: none;
	border-bottom: #fff 1px solid;
	transition-property: all;
	transition-duration: .35s;
}
.eupopup-button:hover, .eupopup-button:focus {
	border-bottom: var(--secondary-color) 1px solid;
	opacity: 0.8;
}
/* NAVIGATION */
nav, nav i.material-icons.left {
	height: 148px;
	line-height: 144px;
}
nav i.material-icons.left {
	margin-right: 0px;
}
.brand-logo {
	width: 240px;
	background: url("../images/clearlog-logo.svg") 0 0 no-repeat;
	background-size: 100%;
}

body.laserlog .brand-logo {
	width: 240px;
	background: url("../images/laserlog-logo.svg") 0 0 no-repeat;
	background-size: 100%;
}
.sidenav-trigger {
	position: absolute;
	top: 57px;
}
@media only screen and (max-width: 600px) {
	nav {
		height: 87px;
		line-height: 87px;
	}
	.brand-logo,
	body.laserlog .brand-logo {
		width: 140px;
	}

	.sidenav-trigger {
		position: absolute;
		top: 27px;
	}
}
/* MAIN BUTTONS */
.button-main {
	background: url("../images/button-main.svg") 0 0 no-repeat;
	line-height: 1.1em;
	text-align: center;
	font-style: italic;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
}
.laserlog .button-main {
	background: url("../images/button-main-laserlog.svg") 0 0 no-repeat;
	line-height: 1.1em;
	text-align: center;
	font-style: italic;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
}
.button-main-laserlog {
	background: url("../images/button-main-laserlog.svg") 0 0 no-repeat;
}
.laserlog .button-main-clearlog {
	background: url("../images/button-main.svg") 0 0 no-repeat;
}
.button-main a {
	width: 77.5%;
	height: 77.5%;
	color: var(--secondary-color);
	background-color: rgba(255, 255, 255, 0.3);
	font-weight: 400;
	letter-spacing: -0.6px;
	padding: 0 3px 3px 0;
	border-radius: 100px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	justify-content: center;
	transition: all .3s;
}
.button-main a:hover, .button-main a:focus {
	color: #3c3c3c;
	background-color: rgba(255, 255, 255, 0.7);
}
.button-main.active {
	border-radius: 100px;
	box-shadow: 0 0 10px 10px rgba(255, 255, 255, 0.8);
}
.button-main.active a {
	color: #3c3c3c;
	background-color: rgba(255, 255, 255, 0.9);
	cursor: default;
}
.button-main.disabled {
	opacity: 0.7;
	pointer-events: none;
}
.button-main.disabled a:hover, .button-main.disabled a:focus {
	color: var(--secondary-color);
	background-color: rgba(255, 255, 255, 0.3);
	cursor: default;
}
.button-main-home {
	width: 200px;
	height: 200px;
	font-size: 1.5em;
}

.button-main-home.smaller {
	width: 160px;
	height: 160px;
	font-size: 1.4em;
}
.button-main-home .title {
	font-weight: 600;
	font-size: 1.8em;
	padding: 0 6px 10px 0;
}
.button-main-records {
	width: 145px;
	height: 145px;
	font-size: 1.1em;
}
@media only screen and (max-width: 600px) {
	.button-main a {
		padding: 0 3px 7px 0;
	}
	.button-main-home {
		width: 90px;
		height: 90px;
		font-size: 1em;
	}
	.button-main-home .title {
		font-weight: 600;
		font-size: 1em;
		padding: 0 2px 0 0;
	}
	.button-main-records {
		width: 125px;
		height: 125px;
		font-size: 1em;
	}
}
@media only screen and (min-width: 601px) and (max-width: 992px) {
	.button-main-home {
		width: 150px;
		height: 150px;
		font-size: 1.3em;
	}
	.button-main a {
		padding: 0 6px 8px 0;
	}
	.button-main .small {
		font-size: 0.9em;
	}
}
.container.mobile {
	margin-bottom: 130px;
}
.actions {
	position: fixed;
	z-index: 999999;
	bottom: 0;
	width: 100%;
	padding: 20px 10px 20px 10px;
	background-color: var(--primary-color);
}
.actions .row.mt40 {
	margin-top: 0 !important;
}
.actions .row.mb50 {
	margin-bottom: 0 !important;
}
.btn:not(.btn-file) {
	width: 100%;
	height: auto;
	line-height: 1.2em;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.5) !important;
	background-color: var(--secondary-color);
}
.laserlog .btn-floating {
	background-color: var(--secondary-color);
}
.btn.active {
	font-weight: 600;
	color: #16558b !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.75) !important;
	cursor: default;
}
.btn.active:hover {
	font-weight: 600;
	color: #16558b !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 2px 2px rgba(255, 255, 255, 0.75) !important;
	cursor: default;
}
.btn.disabled {
	box-shadow: 0 0 2px 2px rgba(29, 112, 183, 0.75) !important;
}
.dropdown-content, .dropdown-content li, .dropdown-content li .disabled, .dropdown-content li .selected {
	box-shadow: none !important;
}
.card {
	box-shadow: 0 0 2px 2px rgba(29, 112, 183, 0.5) !important;
}
/* CONTENT */
strong {
	font-weight: 600;
}
.section-title-bar {
	background-color: var(--primary-color);
}
.section-title-bar.row {
	margin-bottom: 0;
}
.section-title-bar h3 {
	padding: 0 20px;
}
@media only screen and (min-width: 992px) {
	.sticky-h3 {
		position: -webkit-sticky;
		position: sticky;
		top: 10px;
		z-index: 9999999;
	}
}
.heading-h3, .result-h3 {
	margin: 0 0 20px 0 !important;
}
.heading-h3 .col {
	width: 100%;
	padding: 10px 20px !important;
	background-color: rgba(73, 99, 122, 0.9);
	border-radius: 10px;
	box-shadow: 0 0 2px 2px #fff;
}
.laserlog .heading-h3 .col {
	background-color: rgba(73, 122, 122, 0.9);
}
.result-h3 .col {
	width: 100%;
	padding: 10px 20px !important;
	background-color: #379db3;
	border-radius: 10px;
	box-shadow: 0 0 2px 2px #fff;
}
.heading-h3 p, .result-h3 p {
	color: #fff;
}
.content {
	background-color: rgba(255, 255, 255, 0.75);
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 2px 2px #fff;
}
.card-content strong {
	font-size: 2em;
	font-weight: 600;
	color: var(--secondary-color);
}
@media only screen and (max-width: 992px) {
	.second-column {
		margin-top: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.col-table {
		max-width: 95%;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
}
@media only screen and (max-width: 600px) {
	.col-table-narrow {
		max-width: 95%;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
}
.va-units {
	margin-top: 23px;
}
.dropdown-content {
	max-height: 200px;
	-webkit-overflow-scrolling: touch;
}
.select-dropdown.dropdown-trigger {
	color: #3c3c3c;
}
.risk-group-disabled {
	opacity: 0.5;
}
.risk-group span {
	font-size: 0.8em;
}
.risk-group span.points {
	font-size: 1em;
}
.h4-small {
	font-size: 0.8em;
}
.mandatory {
	color: #d40021;
	font-style: italic;
}
.modal-content h3 {
	color: var(--secondary-color);
}
/* MARGIN HELPERS */
.mt40 {
	margin-top: 40px;
}
.mt30 {
	margin-top: 30px;
}
.mt20 {
	margin-top: 20px;
}
.mt10 {
	margin-top: 10px;
}
.mt0 {
	margin-top: 0;
}
.mb50 {
	margin-bottom: 50px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb0 {
	margin-bottom: 0;
}
.ml10 {
	margin-left: 10px;
}
.ml14 {
	margin-left: 14px;
}
.mr14 {
	margin-right: 14px;
}
.mr10 {
	margin-right: 10px;
}
.input-field {
	margin-top: .5rem;
	margin-bottom: .5rem;
}
.input-field.mb0 {
	margin-bottom: 0px !important;
}
/* PADDING HELPERS */
.pt30 {
	padding-top: 30px;
}
.pt20 {
	padding-top: 20px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb30 {
	padding-bottom: 30px;
}
.pl20 {
	padding-left: 20px;
}
.pr20 {
	padding-right: 20px;
}
/* DATA TABLES */
div.material-table {
	padding: 0;
}
div.material-table .hiddensearch {
	padding: 0 14px 0 24px;
	border-bottom: solid 1px #DDDDDD;
	display: none;
}
div.material-table .hiddensearch input {
	margin: 0;
	border: transparent 0 !important;
	height: 48px;
	color: rgba(0, 0, 0, .84);
}
div.material-table .hiddensearch input:active {
	border: transparent 0 !important;
}
div.material-table table {
	table-layout: fixed;
}
div.material-table .table-header {
	height: 64px;
	padding-left: 24px;
	padding-right: 14px;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: flex;
	-webkit-display: flex;
	border-bottom: solid 1px #DDDDDD;
}
div.material-table .table-header .actions {
	display: -webkit-flex;
	margin-left: auto;
}
div.material-table .table-header .btn-flat {
	min-width: 36px;
	padding: 0 8px;
}
div.material-table .table-header input {
	margin: 0;
	height: auto;
}
div.material-table .table-header i {
	color: rgba(0, 0, 0, 0.54);
	font-size: 24px;
}
div.material-table .table-footer {
	height: 56px;
	padding-left: 24px;
	padding-right: 14px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
	font-size: 12px !important;
	color: rgba(0, 0, 0, 0.54);
}
div.material-table .table-footer .dataTables_length {
	display: -webkit-flex;
	display: flex;
}
div.material-table .table-footer label {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.54);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row /* works with row or column */
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
div.material-table .table-footer .select-wrapper {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row /* works with row or column */
	flex-direction: row;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
}
div.material-table .table-footer .dataTables_info, div.material-table .table-footer .dataTables_length {
	margin-right: 32px;
}
div.material-table .table-footer .material-pagination {
	display: flex;
	-webkit-display: flex;
	margin: 0;
}
div.material-table .table-footer .material-pagination li:first-child {
	margin-right: 24px;
}
div.material-table .table-footer .material-pagination li a {
	color: rgba(0, 0, 0, 0.54);
}
div.material-table .table-footer .select-wrapper input.select-dropdown {
	margin: 0;
	border-bottom: none;
	height: auto;
	line-height: normal;
	font-size: 12px;
	width: 40px;
	text-align: right;
}
div.material-table .table-footer select {
	background-color: transparent;
	width: auto;
	padding: 0;
	border: 0;
	border-radius: 0;
	height: auto;
	margin-left: 20px;
}
div.material-table .table-title {
	font-size: 20px;
	color: #000;
}
div.material-table table tr td {
	padding: 0 0 0 56px;
	height: 48px;
	font-size: 13px;
	color: rgba(0, 0, 0, 0.87);
	border-bottom: solid 1px #DDDDDD;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.material-table table tr td a {
	color: inherit;
}
div.material-table table tr td a i {
	font-size: 18px;
	color: rgba(0, 0, 0, 0.54);
}
div.material-table table tr {
	font-size: 12px;
}
div.material-table table th {
	font-size: 12px;
	font-weight: 500;
	color: #757575;
	cursor: pointer;
	white-space: nowrap;
	padding: 0;
	height: 56px;
	padding-left: 56px;
	vertical-align: middle;
	outline: none !important;
}
div.material-table table th.sorting_asc, div.material-table table th.sorting_desc {
	color: rgba(0, 0, 0, 0.87);
}
div.material-table table th.sorting:after, div.material-table table th.sorting_asc:after, div.material-table table th.sorting_desc:after {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	word-wrap: normal;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	content: "arrow_back";
	-webkit-transform: rotate(90deg);
	display: none;
	vertical-align: middle;
}
div.material-table table th.sorting:hover:after, div.material-table table th.sorting_asc:after, div.material-table table th.sorting_desc:after {
	display: inline-block;
}
div.material-table table th.sorting_desc:after {
	content: "arrow_forward";
}
div.material-table table tbody tr:hover {
	background-color: #EEE;
}
div.material-table table th:first-child, div.material-table table td:first-child {
	padding: 0 0 0 24px;
}
div.material-table table th:last-child, div.material-table table td:last-child {
	padding: 0 14px 0 0;
}

/* DATATABLES */
@media only screen and (min-width: 1024px) {
	.reports-hide-on-large-only {
		display: none !important;
	}
}
@media only screen and (max-width: 1023px) {
	.reports-hide-on-med-and-down {
		display: none !important;
	}
}
div.dataTables_wrapper {
	width: 1160px;
}
@media only screen and (max-width: 1450px) {
	div.dataTables_wrapper {
		width: 1000px;
	}
}
@media only screen and (max-width: 1280px) {
	div.dataTables_wrapper {
		width: 900px;
	}
}
@media only screen and (max-width: 1150px) {
	div.dataTables_wrapper {
		width: 805px;
	}
}
.results-row {
	margin: 20px 0 20px 0 !important;
}
.results-row .dataTables_filter input {
	margin-bottom: 20px;
	-webkit-appearance: none;
}
.results-row .dataTables_scroll {
	margin-bottom: 20px;
}
.results-row .col {
	width: 100%;
	padding: 30px 20px !important;
	background-color: rgba(255, 255, 255, 0.75);
	border-radius: 10px;
	box-shadow: 0 0 2px 2px #fff;
}
.results-row .odd {
	background-color: transparent !important;
}
.results-row .dataTables_wrapper .dataTables_paginate .paginate_button {
	color: #333 !important;
	border: none;
	background: none;
	border-radius: 5px;
}
.results-row .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: #fff !important;
	border: none;
	background: rgba(29, 112, 183, 0.5);
}
.results-row .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
	color: #333 !important;
	border: none;
	background: none;
}
.results-row .dataTables_wrapper .dataTables_paginate .paginate_button.current, .results-row .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	color: #fff !important;
	border: none;
	background: var(--secondary-color);
}
.results-row .dataTables_wrapper .dataTables_paginate .paginate_button:active {
	box-shadow: none;
}
.results-row table thead .sorting_asc {
	background: url("../images/sort-asc.png") center right no-repeat;
	background-size: 19px 19px;
}
.results-row table thead .sorting_desc {
	background: url("../images/sort-desc.png") center right no-repeat;
	background-size: 19px 19px;
}
.results-row table thead .sorting {
	background: url("../images/sort-both.png") center right no-repeat;
	background-size: 19px 19px;
}
.results-row table thead th {
	padding: 10px 25px 10px 10px;
}
/* DATATABLES */
svg rect {
	cursor: default !important;
}


/* Custom Changes */

.select2-container {
	box-sizing: border-box;
	display: inline-block;
	margin: 0;
	position: relative;
	vertical-align: middle
}
.select2 {
	/*width: calc(100% - 45px) !important;*/
	width: 100% !important;
	/*margin-left: 45px;*/
}

.select2-container .select2-selection--single {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 28px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
	display: block;
	padding-left: 8px;
	padding-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
	position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
	padding-right: 8px;
	padding-left: 20px
}

.select2-container .select2-selection--multiple {
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	min-height: 32px;
	user-select: none;
	-webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
	display: inline-block;
	overflow: hidden;
	padding-left: 8px;
	text-overflow: ellipsis;
	white-space: nowrap
}

.select2-container .select2-search--inline {
	float: left
}

.select2-container .select2-search--inline .select2-search__field {
	box-sizing: border-box;
	border: none;
	font-size: 100%;
	margin-top: 5px;
	padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-dropdown {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	box-sizing: border-box;
	display: block;
	position: absolute;
	left: -100000px;
	width: 100%;
	z-index: 1051
}

.select2-results {
	display: block
}

.select2-results__options {
	list-style: none;
	margin: 0;
	padding: 0
}

.select2-results__option {
	padding: 6px;
	user-select: none;
	-webkit-user-select: none
}

.select2-results__option[aria-selected] {
	cursor: pointer
}

.select2-container--open .select2-dropdown {
	left: 0
}

.select2-container--open .select2-dropdown--above {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-search--dropdown {
	display: block;
	padding: 4px
}

.select2-search--dropdown .select2-search__field {
	padding: 4px;
	width: 100%;
	box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
	-webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
	display: none
}

.select2-close-mask {
	border: 0;
	margin: 0;
	padding: 0;
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	opacity: 0;
	z-index: 99;
	background-color: #fff;
	filter: alpha(opacity=0)
}

.select2-hidden-accessible {
	border: 0 !important;
	clip: rect(0 0 0 0) !important;
	height: 1px !important;
	margin: -1px !important;
	overflow: hidden !important;
	padding: 0 !important;
	position: absolute !important;
	width: 1px !important
}

.select2-container--default .select2-selection--single {
	background-color: #fff;
	border: 1px solid #aaa;
	border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	left: 1px;
	right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
	display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
	box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding: 0 5px;
	width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
	color: #999;
	margin-top: 5px;
	float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	color: #999;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
	float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: solid #000 1px;
	outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
	background-color: #eee;
	cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
	display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
	background: transparent;
	border: none;
	outline: 0;
	box-shadow: none;
	-webkit-appearance: textfield
}

.select2-container--default .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
	padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
	color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
	padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
	padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -1em;
	padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -2em;
	padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -3em;
	padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -4em;
	padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
	margin-left: -5em;
	padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
	background-color: #5897fb;
	color: white
}

.select2-container--default .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic .select2-selection--single {
	background-color: #f7f7f7;
	border: 1px solid #aaa;
	border-radius: 4px;
	outline: 0;
	background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
	background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
	color: #444;
	line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
	cursor: pointer;
	float: right;
	font-weight: bold;
	margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
	color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
	background-color: #ddd;
	border: none;
	border-left: 1px solid #aaa;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 26px;
	position: absolute;
	top: 1px;
	right: 1px;
	width: 20px;
	background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
	border-color: #888 transparent transparent transparent;
	border-style: solid;
	border-width: 5px 4px 0 4px;
	height: 0;
	left: 50%;
	margin-left: -4px;
	margin-top: -2px;
	position: absolute;
	top: 50%;
	width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
	float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
	border: none;
	border-right: 1px solid #aaa;
	border-radius: 4px 0 0 4px;
	left: 1px;
	right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
	background: transparent;
	border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #888 transparent;
	border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
	background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
	background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
	background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
	background-color: white;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: text;
	outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
	border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
	list-style: none;
	margin: 0;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
	display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	cursor: default;
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
	color: #888;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
	margin-left: 5px;
	margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
	margin-left: 2px;
	margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
	border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
	border: 1px solid #aaa;
	outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
	outline: 0;
	box-shadow: none
}

.select2-container--classic .select2-dropdown {
	background-color: #fff;
	border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
	border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
	border-top: none
}

.select2-container--classic .select2-results > .select2-results__options {
	max-height: 200px;
	overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
	padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
	color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: #3875d7;
	color: #fff
}

.select2-container--classic .select2-results__group {
	cursor: default;
	display: block;
	padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
	border-color: #5897fb
}




.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple {
	height: 46px;
	border: none;
	border-bottom: 1px solid #9e9e9e;
	border-radius: 0;
	outline: 0
}

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
	height: auto
}

.select2-container--default .select2-search--inline .select2-search__field {
	height: 30px
}

.select2-container--default .select2-selection--multiple input {
	margin: 0
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	border: none;
	color: #fff;
	margin-top: 8px;
	padding: 3px 10px;
	background-color: #42A5F5
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
	color: #fff;
	margin-right: 5px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 45px;
	padding-left: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 40px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: rgb(0, 0, 0) transparent transparent;
	border-width: 9px 4px 0 4px;
	margin-left: 2px;
}

.select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below {
	border: none;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .26)
}

.select2-results__option {
	padding: 1rem
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border-top: none;
	border-right: none;
	border-left: none
}

.select2-container--default .select2-results__option--highlighted[aria-selected], div.tagsinput span.tag {
	background-color: #42A5F5
}

.select2  + label {
	position: absolute;
	top: -26px;
	font-size: 0.8rem;
}


.select2.select2-container .select2-selection {
	background-color: rgba(255, 255, 255, 0.6);
	border: none;
	border-bottom: 1px solid #3c3c3c;
	border-radius: 0;
	outline: none;
	height: 2.5rem;
	width: 100%;
	font-size: 16px;
	margin: 0 0 8px 0;
	padding: 0;
	box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.6);
	box-sizing: content-box;
	transition: box-shadow .3s, border .3s;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
	line-height: 45px;
}
.select2.select2-container .select2-selection .select2-selection__arrow {
	top: 8px;
}

.toast.error {
	background-color: #9c0000;
}

.input-field>label {
	pointer-events: none;
}

.btn.disabled.EnableEye {
	pointer-events: all;
}

.btn.SwitchEye,
.btn.EnableEye {
	cursor: pointer;
}
.SwitchEye.active {
	cursor: default;
}

.bold {
	font-weight: bold;
}

error,
error.mandatory {
	color: #F44336;
	position: relative;
	min-height: 18px;
	display: block;
	font-size: 12px;
	font-style: normal;
}


input:disabled,
select:disabled {
	background-color: #eee !important;
}

/* SWITCH ACCOUNT */
.switch-account-bar {
	padding: 15px 0 5px 0;
	background-color: #edf4fa;
	border-top: var(--primary-color) 1px solid;
}

.RemoveFollowUp {
	text-decoration: none;
	color: var(--secondary-color);
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	cursor: pointer;
}

.fue-disabled {
	opacity: 0.2;
	pointer-events: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
	border: none !important;
}


.strikethrough {
	display: inline-block;
	position: relative;
}
.strikethrough:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: 0;
	border-bottom: 3px solid #111;
	width: 100%;
}

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

.fs-50 {
	font-size: 50% !important;
}
.fs-60 {
	font-size: 60% !important;
}
.fs-70 {
	font-size: 70% !important;
}
.fs-80 {
	font-size: 80% !important;
}
.fs-90 {
	font-size: 90% !important;
}

.oldPrice {
	position: relative;
	font-size: 95%;
	color: #f00 !important;
	opacity: 0.5;
	display: inline-block;
}
.oldPrice * {
	color: #f00 !important;
}
.oldPrice:before {
	content: " ";
	position: absolute;
	top: 50%;
	left: -3px;
	border-bottom: 2px solid #f00;
	width: calc(100% + 6px);
}

.s-badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	margin-top: 15px;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
	.s-badge {
		transition: none;
	}
}
a.s-badge:hover, a.s-badge:focus {
	text-decoration: none;
}
.s-badge:empty {
	display: none;
}

.s-badge-primary {
	color: #fff !important;
	background-color: #007bff;
}
a.s-badge-primary:hover, a.s-badge-primary:focus {
	color: #fff;
	background-color: #0062cc;
}
a.s-badge-primary:focus, a.s-badge-primary.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

body .s-badge-primary {
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

body .s-badge-primary:hover,
.btn:hover, .btn-large:hover, .btn-small:hover,
.btn:focus, .btn-large:focus, .btn-small:focus {
	background-color: var(--secondary-color-alt);
	border-color: var(--secondary-color-alt);
}

nav ul a {
	color: var(--secondary-color);
}

[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:after {
	background-color: var(--secondary-color);
}
[type="radio"]:checked + span:after, [type="radio"].with-gap:checked + span:before, [type="radio"].with-gap:checked + span:after {
	border: 2px solid var(--secondary-color);
}

.laserlog h4 {
	color: var(--primary-color);
}

.laserlog h4.mandatory {
	color: #d40021;
}

.DEMO {
	background-color: #9c0000;
	color: #fff;
	text-align: center;
	padding: 5px;
}
