/* Page */

@font-face {
	font-family: 'Custom Font';
	font-weight: 400;
	src: url('../../external/fonts/font-regular.woff?v=') format('woff'),
		url('../../external/fonts/font-regular.ttf?v=') format('truetype');
}
@font-face {
	font-family: 'Custom Font';
	font-weight: 700;
	src: url('../../external/fonts/font-bold.woff?v=') format('woff'),
		url('../../external/fonts/font-bold.ttf?v=') format('truetype');
}
body {
	height: 100%;
	width: 100%;
	margin: 0em;
	padding: 0em;
	background-color: rgb(242, 242, 242);
	font-family: 'Custom Font', Open Sans, Serif;
	font-size: 12.5px !important;
	color: rgb(0, 0, 0);
	opacity: 0;

	text-size-adjust: none;
	position: relative;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}

@media only screen and (max-width: 1450px) {
	body {
		font-size: 12.5px;
	}
}
@media only screen and (min-width: 1450px) and (max-width: 1520px) {
	body {
		font-size: 13px;
	}
}
@media only screen and (min-width: 1520px) and (max-width: 1590px) {
	body {
		font-size: 13.5px;
	}
}
@media only screen and (min-width: 1590px) and (max-width: 1690px) {
	body {
		font-size: 14px;
	}
}
@media only screen and (min-width: 1690px) and (max-width: 1790px) {
	body {
		font-size: 15px;
	}
}
@media only screen and (min-width: 1790px) and (max-width: 1890px) {
	body {
		font-size: 15px;
	}
}
@media only screen and (min-width: 1890px) and (max-width: 1966px) {
	body {
		font-size: 15px;
	}
}
@media only screen and (min-width: 1966px) {
	body {
		font-size: 16px;
	}
}

a {
	background: none;
	color: rgb(17, 110, 166);
	text-decoration: none;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
a img {
	background-color: transparent;
	text-decoration: none;
}
a img:hover {
	text-decoration: none;
}
a:hover {
	color: rgb(0, 0, 0);
	text-shadow: none;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
p {
	margin-top: 0.24em;
	margin-bottom: 0.24em;
}
ul {
	margin-top: 0.24em;
	margin-bottom: 0.24em;
}
ol {
	margin-top: 0.24em;
	margin-bottom: 0.24em;
}

img {
	border-width: 0em;
	border-style: none;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
	border-spacing: 0em;
	font-size: inherit;
}
table td {
	padding: 0em;
	overflow-wrap: break-word;
}

/* General */

.cls_header {
	position: relative;
	top: 0em;
	left: 0em;
}
.cls_header_menu {
	background-color: rgb(85, 105, 140);
	width: 100%;
	min-height: 3.6em;
	position: relative;
	border-right-style: solid;
	border-right-color: rgb(208, 208, 208);
	border-right-width: 0.08em;
	margin-left: -0.08em;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
	display: none;	/* print */
}
.cls_header_menu_container {
	text-align: center;
	padding-bottom: 0.4em;
	padding-left: 0.64em;
	padding-right: 0.64em;
	padding-top: 0.4em;
	margin-left: 10.4em;
}
.cls_header_menu_button {
	background-color: transparent;
	text-align: center;
	display: inline-block;
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_header_menu_button a {
	text-decoration: none;
	color: rgb(255, 255, 255);

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_header_menu_button:hover {
	background-color: rgb(37, 159, 206);

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_header_menu_button:hover a {
	background: none;
	color: rgb(255, 255, 255);
}

.cls_header_display {
	background-color: rgb(255, 255, 255);
	width: 100%;
	position: relative;
	border-top-style: solid;
	border-top-color: rgb(208, 208, 208);
	border-top-width: 0.08em;
	border-bottom-style: solid;
	border-bottom-color: rgb(208, 208, 208);
	border-bottom-width: 0.08em;
	border-right-style: solid;
	border-right-color: rgb(208, 208, 208);
	border-right-width: 0.08em;
	margin-left: -0.08em;
	padding-top: 0.16em;
	padding-bottom: 0.07em;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
	border: none;	/* print */
	border-bottom: 0.08em solid rgb(208, 208, 208);	/* print */
}
.cls_header_display_container {
	padding-top: 0.16em;
	padding-bottom: 0.16em;
	padding-left: 0em;
	color: rgb(58, 57, 57);
	text-align: center;
	margin: 0em;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_header_display_title {
	float: left;
	position: absolute;
	padding-top: 0.10em;
	padding-left: 0.8em;
	color: rgb(103, 103, 103);
	font-weight: bold;
	font-size: 120%;

	display: none;	/* print */
}
.cls_header_display_left {
	display: inline-block;
	width: 30%;
	text-align: left;
	word-break: break-word;
	vertical-align: top;
	padding-right: 0.8em;
	color: rgb(70, 70, 70);

	display: none;	/* print */
}
.cls_header_display_center {
	display: inline-block;
	width: 36%;
	font-weight: normal;
	color: rgb(185, 10, 10);
	font-size: 125%;
	vertical-align: middle;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_header_display_center a {
	color: rgb(185, 10, 10);

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_header_display_right {
	display: inline-block;
	width: 30%;
	text-align: right;
	word-break: break-word;
	padding-left: 0.8em;
	vertical-align: top;

	display: none;	/* print */
}
.cls_header_display_user {
	font-weight: normal;
	font-size: 90%;
	display: inline-block;

}

.cls_header_display_user a {
	color: rgb(70, 70, 70);
}
.cls_header_display_user .cls_user_icon {
	width: 0.88em;
	margin-bottom: 0.24em;
	margin-right: 0.64em;
	vertical-align: middle;
}
.cls_header_display_user .cls_logout_icon {
	width: 1.04em;
	margin-bottom: 0.16em;
	margin-left: 0.64em;
	vertical-align: middle;
}

.cls_header_logo {
	position: absolute;
	float: left;
	background-color: transparent;

	display: none;	/* print */
}
.cls_header_logo_container {
	text-align: center;
	color: rgb(116, 116, 116);

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_logo {
	max-height: 4.16em;
	max-width: 10.4em;
	padding: 0.16em;
}
.cls_logo_borders {
	max-height: 4.16em;
	max-width: 10.32em;
	border-bottom-style: solid;
	border-bottom-color: rgb(208, 208, 208);
	border-bottom-width: 0.08em;
	border-right-style: solid;
	border-right-color: rgb(208, 208, 208);
	border-right-width: 0.08em;
}

.cls_left {
	position: absolute;
	height: 100%;
}

.cls_left_menu_adjust .cls_interface {
	margin-left: 10.72em !important;

	margin-left: unset !important;	/* print */
}
.cls_left_menu_adjust .cls_header_display_container {
	margin-left: 10.72em !important;

	margin-left: unset !important;	/* print */
}
@media (hover: hover) {
	.cls_left_menu_adjust .cls_popup_message {
		margin-left: -5.84em !important;
	}
	.cls_left_menu_adjust .cls_loading_animation {
		margin-left: 2.24em !important;
	}
}

.cls_left_menu {
	background-color: rgb(236, 236, 236);
	width: 10.4em;
	height: 100%;
	position: relative;
	border-right-style: solid;
	border-right-color: rgb(208, 208, 208);
	border-right-width: 0.08em;
	border-bottom-style: solid;
	border-bottom-color: rgb(208, 208, 208);
	border-bottom-width: 0.08em;
	margin-top: 0em;
	min-height: 100vh;
	display: table;

	display: none;	/* print */
}
.cls_left_menu_container {
	padding-left: 0.56em;
	padding-right: 0.8em;
	text-align: center;
	padding-bottom: 2.4em;
	padding-top: 0.56em;
}
.cls_left_menu_button {
	background-color: transparent;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 0.08em;
	border-bottom-color: rgb(221, 221, 221);
	display: inline-block;
	margin-top: 0.1em;
	width: 100%;

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_left_menu_button a {
	text-decoration: none;
	color: rgb(31, 31, 31);

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_left_menu_button:hover {
	background-color: rgb(37, 159, 206);

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}
.cls_left_menu_button:hover a {
	background: none;
	color: rgb(255, 255, 255);

	background: none !important;	/* print */
	box-shadow: none !important;	/* print */
	text-shadow: none !important;	/* print */
	outline-style: none !important;	/* print */
}

.cls_button_link {
	display: block;
	padding: 0.4em;
}

.cls_interface {
	margin-left: 0.4em;
	margin-right: 0.4em;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}

.cls_popup_message {
	background-color: rgb(255, 255, 255);
	z-index: 99;
	border-style: solid;
	border-width: 0.08em;
	border-color: rgb(208, 208, 208);
	color: rgb(0, 0, 0);
	padding: 1.28em;
	width: auto;
	height: auto;
	position: fixed;
	top: 40%;
	left: 50%;
	margin-left: -10.88em;
	margin-top: -2.24em;
	word-break: break-word;
	box-shadow: 0.24em 0.32em 0.64em 0em rgba(150, 150, 150, 0.20), -0.24em 0.32em 0.64em 0em rgba(150, 150, 150, 0.20);
	max-height: 50%;
	overflow: auto;

	display: none;	/* print */
}
.cls_popup_message_table {
	margin-left: auto;
	margin-right: auto;
}
.cls_popup_message_text {
	padding-left: 7%;
	width: 17.2em;
}
.cls_popup_message_icon {
	vertical-align: top;
}
.cls_popup_message_table td {
	word-break: break-word;
}
.cls_loading_animation {
	text-align: center;
	position: fixed;
	top: 40%;
	left: 50%;
	opacity: 0.7;
	margin-left: -2.96em;
	margin-top: -2.96em;
	width: 6em;
	display: none;

	display: none;	/* print */
}
.cls_loading_animation img {
	width: 4.8em;
}

.cls_log_table {
	margin-left: auto;
	margin-right: auto;
	width: 0.08em;
	page-break-inside: avoid;
	width: 100%;

	display: none;	/* print */
}

.cke_editable {
	background-color: rgb(255, 255, 255) !important;
}