*, *:before, *:after {
	box-sizing: border-box;
}

*, html {
	line-height: 150%;
}

*::selection {
	background: none repeat scroll 0 0 #FFDD33;
	color: #000000;
	text-shadow: none;
}


a, a:link {
	text-decoration: none;
	color: #0033AA;
}

a:hover {
	color: #3366FF;
}

.admin body {
	background-color: #FFFFFF;
}

.admin footer {
	position: absolute;
	height: 104px;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	padding: 8px 16px;
	overflow: hidden;
	background-color: #EEEEEE;
	transition: all 0.2s ease 0s;
}

.admin #main_content {
	width: 100%;
	padding: 24px;
	float: left;
}

.admin #page {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.admin h1, .admin h2, .admin h3, .admin h4, .admin h5, .admin h6 {
	color: inherit;
	margin: 0;
	padding: 8px 0;
}

#admin_content {
	position: absolute;
	top: 40px;
	bottom: 104px;
	left: 140px;
	right: 0;
	padding: 16px;
	overflow: auto;
	transition: all 0.2s ease 0s;
}

#admin_hdr {
	height: 40px;
	padding: 8px;
	overflow: hidden;
	background-color: #000000;
}

#admin_hdr h1, #admin_hdr p, #admin_hdr span {
	display: inline-block;
	margin: 0;
	padding: 4px 0;
	line-height: 16px;
	color: #AAAAAA;
}

#admin_hdr a {
	padding: 0 4px;
	color: #777777;
}

#admin_hdr a:hover {
	color: #EEEEEE;
}

#admin_hdr .blok {
	display: inline-block;
	margin-left: 24px;
}

#admin_hdr h1, #admin_hdr h2, #admin_hdr h3, #admin_hdr h4, #admin_hdr h5, #admin_hdr h6 {
	margin: 0;
	padding: 0;
	color: #666666;
}

.admin .nav_min #admin_content {
	bottom: 0;
	left: 48px;
	transition: all 0.2s ease 0s;
}

.admin .nav_min #nav {
	width: 48px;
	bottom: 0;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
	transition: all 0.2s ease 0s;
}

.admin .nav_min footer {
	height: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.admin body {
	overflow: hidden;
}

#nav_min_toggle {
	cursor: pointer;
}

.admin #nav h1, .admin #nav h2, .admin #nav h3, .admin #nav h4, .admin #nav h5, .admin #nav h6 {
	color: #DDDDDD;
}

.admin #nav {
	position: absolute;
	top: 40px;
	bottom: 104px;
	left: 0;
	width: 140px;
	overflow-x: hidden;
	overflow-y: auto;
	white-space: nowrap;
	background-color: #666666;
	color: #CCCCCC;
	transition: all 0.2s ease 0s;
}

.admin #nav div {
	padding: 8px;
}

.admin #nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.admin #nav li {
	height: 36px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: left;
}

.admin #nav a i {
	text-shadow: 1px 1px 1px #000000;
}

.admin #nav a:hover i, .admin #nav a:focus i {
	text-shadow: 1px 1px 1px #FFFFFF;
}

.admin #nav .admin_selected a:hover i, .admin #nav .admin_selected a:focus i {
	text-shadow: 1px 1px 1px #FFFFFF;
}

.admin #nav .admin_selected a i {
	text-shadow: none;
}

.admin #exec-nav a i {
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
}

.admin #exec-nav a:hover i, .admin #exec-nav a:focus i {
	text-shadow: 1px 1px 1px #FFFFFF;
}

.admin #exec-nav a.selected:hover i, .admin #exec-nav a.selected:focus i {
	text-shadow: 1px 1px 1px #FFFFFF;
}

.admin #exec-nav a.selected i {
	text-shadow: none;
}

.admin #nav li a {
	color: #FFFFFF;
	display: block;
	height: 36px;
	padding: 4px 14px 2px 14px;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.admin #nav li.admin_selected a {
	background-color: #FFFFFF;
	color: #000000;
}

.admin #nav li a span {
	margin-left: 16px;
}

.admin #nav li a:hover, .admin #nav li a:focus {
	background-color: #DDDDDD;
	color: #333333;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.admin #nav li.admin_selected a:hover, .admin #nav li.admin_selected a:focus {
	background-color: #CCCCCC;
	color: #333333;
	-moz-transition: all 0.2s ease 0s;
	-webkit-transition: all 0.2s ease 0s;
	transition: all 0.2s ease 0s;
}

.blok {
	display: inline-block;
	margin-left: 48px;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 16px;
	overflow: -moz-scrollbars-vertical;
}

.main body {
	background:
		linear-gradient(0deg, rgba(17,153,255,0.4) 1px, rgba(0,0,0,0) 1px),
		linear-gradient(90deg, rgba(17,153,255,0.4) 1px, rgba(0,0,0,0) 1px),
		linear-gradient(0deg, rgba(17,153,255,0.2) 1px, rgba(0,0,0,0) 1px),
		linear-gradient(90deg, rgba(17,153,255,0.2) 1px, rgba(0,0,0,0) 1px),
		#223366;
	background-position:
		-1px -1px,
		-1px -1px,
		-1px -1px,
		-1px -1px;
	background-size:
		100px 100px,
		100px 100px,
		20px 20px,
		20px 20px;
}

body#body_main {
	margin: 0;
}

#body_container {
	margin: 0;
	padding: 0;
	text-align: center;
}

.bold {
	font-weight: bold;
}

button {
	padding: 4px 8px;
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 15px;
	border: 1px solid #AAAAAA;
	background-color: #EEEEEE;
}

select {
	padding: 4px 8px;
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 15px;
	border: 1px solid #AAAAAA;
	background-color: #FFFFFF;
}

.cal_m.cal_1st {
	margin: 12px 0 14px 0;
}

.cal_m {
	width: 183px;
	float: left;
	margin: 12px 0 14px 20px;
	background-color: #CCCCCC;
}

.cal_h {
	color: #FFFFFF;
	background-color: #003366;
	text-align: center;
	padding: 4px 0;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.cal_w {
	padding: 3px 0;
	background-color: #3366CC;
}

.cal_wd {
	float: left;
	width: 26px;
	height: 14px;
	padding: 2px 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 9px;
}

.cal_d {
	float: left;
	width: 25px;
	height: 18px;
	margin: 1px 0 0 1px;
	padding: 1px;
	overflow: hidden;
	text-align: center;
	background-color: #EEEEEE;
}

.cal_d a {
	color: inherit;
	display: block;
	white-space: nowrap;
}

.cal_de {
	color: #FFFFFF;
	background-color: #3366CC;
	text-align: center;
	font-size: 12px;
}

.cal_de a {
	display: block;
	color: #FFFFFF;
}

.cal_de a:hover {
	background-color: #222222;
}

.cal_dn {
	color: #FFFFFF;
	background-color: #3366CC;
	text-align: center;
	font-size: 12px;
}

.cal_do {
	background-color: #CCCCCC;
	color: #888888;
	font-size: 10px;
	line-height: 18px;
}

.cal_dp {
	background-color: #AAAAAA;
}

.cal_dp .cal_i {
	background-color: #888888;
}

.cal_dt {
	box-shadow: 0 0 3px 2px var(--ees-red) inset;
}

.cal_i {
	background-color: #003366;
}

.cal_med.cal_m {
	width: 588px;
	margin: 12px 1px 14px 0;
}

.cal_med .cal_wd {
	width: 84px;
	padding: 2px 0;
}

.cal_med .cal_d {
	width: 84px;
	height: 84px;
	margin: 0;
	overflow: hidden;
	text-align: left;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.cal_med .cal_dt {
	width: 84px;
	height: 84px;
	border: 1px solid var(--ees-red);
}

.cal_med .cal_i {
	margin: 1px 0 0 4px;
	padding: 1px 4px;
}

.cal_med .cal_n {
}

.cal_n {
	line-height: 16px;
}

.cal_lrg.cal_m {
	width: 791px;
	margin: 12px 0;
}

.cal_lrg .cal_wd {
	width: 113px;
	padding: 2px 0;
}

.cal_lrg .cal_d {
	text-align: left;
	overflow: hidden;
	width: 113px;
	height: 113px;
	margin: 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

.cal_lrg .cal_dt {
	width: 113px;
	height: 113px;
	border: 1px solid var(--ees-red);
}

.cal_lrg .cal_i {
	margin: 1px 0 0 4px;
	padding: 1px 4px;
}

.clickable {
	cursor: pointer;
}

code {
	white-space: nowrap;
	tab-size: 4;
}

code, pre {
	font-family: 'Tex Gyre Cursor', 'Courier Prime', 'Courier New', courier, monospace, mono, fixed;
	font-weight: bold;
	white-space: pre;
	font-variant-ligatures: none;
	tab-size: 4;
}

.cols2 {
	margin: 4px 0;
	-moz-column-count: 2;
	-moz-column-gap: 32px;
	-moz-column-rule: 1px dotted #AAAAAA;

	-webkit-column-count: 2;
	-webkit-column-gap: 32px;
	-webkit-column-rule: 1px dotted #AAAAAA;

	column-count: 2;
	column-gap: 32px;
	column-rule: 1px dotted #AAAAAA;
}

.cols3 {
	margin: 4px 0;
	-moz-column-count: 3;
	-moz-column-gap: 32px;
	-moz-column-rule: 1px dotted #AAAAAA;

	-webkit-column-count: 3;
	-webkit-column-gap: 32px;
	-webkit-column-rule: 1px dotted #AAAAAA;

	column-count: 3;
	column-gap: 32px;
	column-rule: 1px dotted #AAAAAA;
}

.cols5 {
	margin: 4px 0;
	-moz-column-count: 5;
	-moz-column-gap: 32px;
	-moz-column-rule: 1px dotted #AAAAAA;

	-webkit-column-count: 5;
	-webkit-column-gap: 32px;
	-webkit-column-rule: 1px dotted #AAAAAA;

	column-count: 5;
	column-gap: 32px;
	column-rule: 1px dotted #AAAAAA;
}

.dataTables_filter {
	float: right;
	margin: 0;
}

.dataTables_info {
	margin: 16px 0;
}

.dataTables_length {
	display: inline-block;
	margin-right: 32px;
}

.dataTables_navbot {
}

.dataTables_navtop {
}

.dataTables_paginate {
	display: inline-block;
	margin: 4px 32px 4px 0;
}

.dataTables_paginate .paginate_active {
	color: #FFFFFF;
	background-color: #003366;
}

.dataTables_paginate .paginate_button {
	background-color: #EEEEEE;
	cursor: pointer;
}

.dataTables_paginate .paginate_button.current {
	color: #FFFFFF;
	background-color: #336699;
}

.dataTables_paginate .paginate_active, .dataTables_paginate .paginate_button {
	margin: 0 4px;
	padding: 2px 8px;
}

.dataTables_paginate span span {
	display: inline-block;
	text-align: center;
	margin: 2px 8px;
}

.display_none {
	display: none;
}

.exec-body {
	padding: 8px;
	overflow: auto;
}

.exec-shell {
	background-color: #000000;
	color: #DDDDDD;
}

.exec-php {
}

.external {
	padding-right: 17px;
	background: transparent url('/images/ext0.png') no-repeat right 60%;
}

.external:hover {
	background: transparent url('/images/ext1.png') no-repeat right 60%;
	text-decoration: underline;
}

.floatl {
	float: left;
}

.floatr {
	float: right;
}

footer {
	position: relative;
	clear: both;
	margin: 64px 0;
	padding: 36px 24px;
	background-color: #EEEEEE;
}

	footer p {
		font-size: 13px;
		color: #999999;
		text-decoration: none;
	}

	footer .address-section {
		margin: 0 8px;
	}

	footer .footer-tools {
		position: absolute;
		bottom: 16px;
		right: 24px;
	}

	footer .footer-tools a {
		margin: 0 0 0 8px;
		color: #000000;
		opacity: 0.2;
		transition: all 0.2s;
	}

	footer .footer-tools a:hover {
		opacity: 1;
	}

	#ees {
		float: right;
		margin: 0;
		padding: 0;
		font-size: 14px;
	}

form {
	margin: 0;
	padding: 0;
}

.gray {
	color: #AAAAAA;
}

h1, h2, h3, h4, h5, h6 {
	color: #666666;
	margin: 0;
	padding: 8px 0;
}

h4, h5, h6 {
	text-transform: uppercase;
}

h1 {
	font-size: 24px;
}

h2 {
	font-size: 22px;
}

h3 {
	font-size: 20px;
}

h4 {
	font-size: 18px;
}

h5 {
	font-size: 16px;
}

h6 {
	font-size: 14px;
}

header {
	position: relative;
	height: 240px;
	overflow: hidden;
	padding: 24px;
	background-color: rgba(240, 240, 240, 0.5);
	background-image: url('/images/header.jpg');
}

header h1 {
	margin-top: 36px;
	font-size: 36px;
	line-height: 1;
	opacity: 0.01;
}

header h2 {
	font-size: 28px;
	line-height: 1;
	opacity: 0.01;
}

header #search-box {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 24px;
	background-color: #CCCCCCAA;
	transition: all 0.4s;
}

header #search-box:hover {
	background-color: #CCCCCCFF;
}

header #search-box input[type="text"] {
	margin: 0 8px;
	padding: 8px 12px;
	border: none;
	opacity: 0.6;
	transition: all 0.4s;
}

header #search-box input[type="text"]:hover, header #search-box input[type="text"]:focus {
	opacity: 1;
}

header #search-box label {
	font-style: italic;
}

header #search-box button {
	border: none;
	background-color: transparent;
}

.hidden {
	visibility: hidden;
}

.hilite {
	padding: 1px 1px;
	background-color: rgba(255, 255, 102, 0.7);
}

.hilite.c01 {
	background-color: rgba(255, 140, 140, 0.7);
}

.hilite.c02 {
	background-color: rgba(255, 191, 128, 0.7);
}

.hilite.c03 {
	background-color: rgba(255, 255, 102, 0.7);
}

.hilite.c04 {
	background-color: rgba(178, 255, 102, 0.7);
}

.hilite.c05 {
	background-color: rgba(115, 255, 115, 0.7);
}

.hilite.c06 {
	background-color: rgba(115, 255, 185, 0.7);
}

.hilite.c07 {
	background-color: rgba(102, 255, 255, 0.7);
}

.hilite.c08 {
	background-color: rgba(140, 198, 255, 0.7);
}

.hilite.c09 {
	background-color: rgba(153, 153, 255, 0.7);
}

.hilite.c10 {
	background-color: rgba(198, 140, 255, 0.7);
}

.hilite.c11 {
	background-color: rgba(255, 128, 255, 0.7);
}

.hilite.c12 {
	background-color: rgba(255, 128, 191, 0.7);
}

hr {
	height: 1px;
	margin: 16px 0;
	color: #2DA85D;
	background-color: #2DA85D;
	border: 1px solid #2DA85D;
}

html {
	height: 100%;
}

.inactive {
	color: #AAAAAA;
}

.inactive a {
	color: #99AADD;
}

.inactive td, .inactive td a {
	color: #AAAAAA;
}

input, button {
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 15px;
}

input[type="text"] + #password-toggle, input[type="password"] + #password-toggle:hover {
	color: #000000;
}

input[type="password"] + #password-toggle {
	color: #CCCCCC;
	transition: color 0.4s;
}

.italic {
	font-style: italic;
}

#main-content {
	position: relative;
	margin: 24px;
}

#message {
	position: relative;
	margin: 16px 0;
	padding: 2px 18px;
	overflow: auto;
	border: 1px solid #AAAAAA;
	color: #000000;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.2);
}

#message p {
	margin: 0;
	padding: 6px 0;
}

#message_close {
	position: absolute;
	top: 4px;
	right: 4px;
}

.mgt {
	float: left;
	margin: 0 16px 16px 0;
}

.mgt form, .mgt input {
	margin: 0;
}

nav.main {
	margin: 0 0 24px 0;
}

nav.main ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #2DA85D;
}

nav.main li {
	position: relative;
	margin: 0;
	padding: 0;
	white-space: nowrap;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #999999;
}

nav.main a {
	display: inline-block;
	padding: 8px 24px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: transparent;
	transition: all 0.4s;
}

nav.main a:hover {
	color: #000000;
	background-color: #CCCCCC;
}

nav.main .select a:hover {
	color: #000000;
}

nav.main .select a {
	color: #000000;
	background-color: #EEEEEE;
}

.modal {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 0.4);
}

.normal {
	font-size: 16px;
	font-weight: normal;
}

div.noscript {
	display: block;
	margin: 0;
	padding: 8px 12px;
	font-size: 24px;
	background-color: #FFAA33;
}

div.noscript p {
	font-size: 18px;
}

#notifications {
	position: fixed;
	right: 32px;
	top: 64px;
	z-index: 20;
}

#notifications .notification {
	position: relative;
	width: 400px;
	margin: 16px 0;
	padding: 2px 18px;
	overflow: auto;
	border: 1px solid #AAAAAA;
	color: #000000;
	background-color: #FFFFFF;
	box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.2);
}

#notifications .notification .notification_badge {
	position: absolute;
	width: 64px;
	height: 100%;
	padding: 16px;
	overflow: auto;
	background-color: #FFCC33;
	color: #000000;
}

#notifications .notification .notification_message {
	position: absolute;
	width: 64px;
	height: 100%;
	padding: 16px;
	overflow: auto;
	background-color: #FFCC33;
	color: #000000;
}

.nrw {
	width: 1%;
}

ol {
	list-style-type: decimal;
	margin: 0 0 12px 20px;
	padding: 12px 0 12px 20px;
	text-align: justify;
}

p {
	margin: 0;
	padding: 6px 0;
	text-align: justify;
}

.main #page {
	width: 980px;
	margin: 32px auto;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	box-shadow: 0 24px 128px rgba(0, 0, 0, 0.6);
}

#page_edit {
	position: absolute;
	top: 0;
	right: 0;
}

.page_edit {
	display: inline-block;
	position: absolute;
	width: 44px;
	height: 44px;
	top: -4px;
	right: -4px;
	text-align: center;
	opacity: 0.0;
	color: #666666;
	background-color: #FFFFFF;
	border: 8px solid #FFFFFF;
	border-radius: 50%;
	box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.4);
}

:hover > .page_edit {
	opacity: 1.0;
}

#page_review {
	width: 100%;
	height: 400px;
	border: 1px dotted #CCCCCC;
}

#pgs {
	margin: 8px 0;
	padding: 4px 18px;
	color: #666666;
	background-color: #EEEEEE;
	border-left-color: #00AA00;
	border-bottom-color: #CCCCCC;
	border-width: 0 0 1px 18px;
	border-style: solid;
	font-size: 11px;
}

#pgs .blok {
	float: left;
	margin: 0 24px 0 0;
}

#pgs .blok div {
	float: left;
	padding: 2px 2px;
}

#pgs div.lnk {
	width: auto;
	padding: 2px 4px;
	border-right: #AAAAAA solid 1px;
	text-align: center;
}

#pgs div.pg {
	width: 18px;
	border-right: #AAAAAA solid 1px;
	text-align: center;
}

#pgs div.select {
	width: 18px;
	border-right: #AAAAAA solid 1px;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
}

#pgs .pg a {
	display: block;
	width: 100%;
}

#pgs .pg a:hover {
	background: #FFFFFF;
}

#pgs .pg .select a {
	color: #FFFFFF !important;
	background-color: #FF4000;
}

#pgs .pg .select a:hover {
	color: #FFFFFF !important;
	background-color: #FF4000;
}

.photo {
	width: 80px;
	height: 80px;
	float: left;
	margin: 0 24px 24px 0;
	text-align: center;
}

.photo_nav {
	float: right;
	width: 120px;
}

.picl {
	margin: 0 16px 16px 0;
	float: left;
	color: #666666;
	font-size: 13px;
	font-style: italic;
}

.picr {
	margin: 0 0 16px 16px;
	float: right;
	color: #666666;
	font-size: 13px;
	font-style: italic;
}

.recordform {
	width: 100%;
	border: #000000 solid 0;
	border-spacing: 0;
	white-space: nowrap;
}

.recordform td, .recordform th {
	margin: 0;
	padding: 8px;
}

.recordform button, .recordform input, .recordform option, .recordform optgroup, .recordform select, .recordform textarea {
	margin: 1px 4px 4px 4px;
	padding: 2px 4px;
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 16px;
	color: #333333;
	background-color: #FFFFFF;
}

.recordform button, .recordform input, .recordform select, .recordform textarea {
	border: 1px solid #CCCCCC;
}

.recordform button.error, .recordform input.error, .recordform select.error, .recordform textarea.error {
	border: 1px solid #CC0033;
}

.recordform input[type=radio], .recordform input[type=checkbox] {
	border: none;
}

.recordform button, .recordform input[type="button"], .recordform input[type="submit"] {
	padding: 2px 8px;
	color: #333333;
	background-color: #EEEEEE;
}

.recordform input[disabled], .recordform textarea[disabled], .recordform button[disabled], .recordform select[disabled], .recordform option[disabled] {
	color: #999999;
	background-color: #DDDDDD;
}

.recordform input[readonly], .recordform textarea[readonly], .recordform button[readonly], .recordform select[readonly], .recordform option[readonly] {
	color: #666666;
	background-color: #F0F0F0;
}

.recordform input[type=text]:hover, .recordform input[type=password]:hover, .recordform input[type=submit]:hover, .recordform input[type=button]:hover, .recordform input[type=checkbox]:hover, .recordform input[type=radio]:hover, .recordform textarea:hover, .recordform button:hover, .recordform select:hover {
	border: 1px solid #0066FF;
	box-shadow: 0 0 2px #3366FF;
}

.recordform input[type=text]:focus, .recordform input[type=password]:focus, .recordform input[type=submit]:focus, .recordform input[type=button]:focus, .recordform input[type=checkbox]:focus, .recordform input[type=radio]:focus, .recordform textarea:focus, .recordform button:focus, .recordform select:focus {
	border: 1px solid #0066FF;
	box-shadow: 0 0 12px #0066FF;
}

.recordform input[type=checkbox] {
	margin: 4px 4px 2px 4px;
	border: 0 solid #000000;
}

.recordform option {
	padding: 1px 4px;
	border: 0 solid #000000;
}

.recordform optgroup option {
	padding-left: 16px;
	border: 0 solid #000000;
}

.recordform select {
	padding: 1px 4px;
}

.recordform .sectionlabel {
	font-size: 18px;
	font-weight: bold;
}

.recordform th {
	width: 1%;
	padding: 12px 8px 2px;
	white-space: nowrap;
	font-weight: normal;
	color: #666666;
	background-color: transparent;
}

.recordlist {
	width: 100%;
	margin: 8px 0;
	white-space: nowrap;
	border-spacing: 0;
}

.recordlist a {
	display: block;
	width: 100%;
}

.recordlist a.inline {
	display: inline;
}

.recordlist input {
	width: 11px;
	height: 11px;
	margin: 2px;
}

.recordlist .rowclick {
	cursor: pointer;
}

.recordlist .sort_col {
	background-color: #E6EDFA;
}

.recordlist th.sorting, .recordlist th.sorting_asc, .recordlist th.sorting_desc {
	cursor: pointer;
}

.recordlist th.sorting:after, .recordlist th.sorting_asc:after, .recordlist th.sorting_desc:after {
	padding-left: 8px;
	font-size: 14px;
}

.recordlist th.sorting_asc, .recordlist th.sorting_desc {
	background-color: #336699;
}

.recordlist th.sorting_asc:after {
	content: "\25B2";
}

.recordlist th.sorting_desc:after {
	content: "\25BC";
}

.recordlist td.sorting_1, .recordlist td.sorting_2 {
	background-color: #E6EDFA;
}

.recordlist td, .recordlist th {
	border: none;
	border-bottom: 1px solid #DDDDDD;
	padding: 2px 8px;
}

.recordlist td.border-r {
	border-right: 1px solid #EEEEEE;
}

.recordlist th {
	color: #FFFFFF;
	background-color: #003366;
	font-weight: bold;
}

.recordlist th a {
	color: #FFFFFF;
}

.recordlist th a:hover {
	color: #CCCCCC;
}

.recordlist th.sort_col {
	background-color: #336699;
}

.recordlist th.sort_asc {
	background: #336699 url('/images/sort_asc.png') no-repeat right center;
}

.recordlist th.sort_asc.tdc, .recordlist th.sort_asc.tdl {
	background: #336699 url('/images/sort_asc.png') no-repeat right center;
}

.recordlist th.sort_asc.tdr {
	background: #336699 url('/images/sort_asc.png') no-repeat left center;
}

.recordlist th.sort_desc {
	background: #336699 url('/images/sort_desc.png') no-repeat right center;
}

.recordlist th.sort_desc.tdc, .recordlist th.sort_desc.tdl {
	background: #336699 url('/images/sort_desc.png') no-repeat right center;
}

.recordlist th.sort_desc.tdr {
	background: #336699 url('/images/sort_desc.png') no-repeat left center;
}

.recordlist tr:hover {
	color: #FFFFFF;
	background-color: #EEF4FF;
}

.recordlist tr:hover td.sorting_1 {
	background-color: #EEF4FF;
}

.recordlist .actions {
	display: none;
	float: right;
	width: 100px;
	text-align: right;
	font-size: 13px;
}

.recordlist .actions a {
	display: inline;
}

.recordlist tr:hover .actions {
	display: block;
}

select {
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 15px;
}

.slider-wrapper {
	float: right;
	width: 320px;
	height: 206px;
	margin: 0 0 16px 24px;
	overflow: hidden;
	box-shadow: 4px 8px 16px rgba(0, 0, 0, 0.6);
}

.smalltext {
	font-size: 13px;
	color: #666666;
}

.spacer {
	clear: both;
	display: block;
	overflow: hidden;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: " ";
}

.status {
	float: right;
	margin: 8px 0;
	font-size: 13px;
	color: #666666;
}

#status_messages {
	position: relative;
	margin: 16px 0;
	padding: 2px 18px;
	overflow: auto;
	border-left-color: #FFCC33;
	border-bottom-color: #CCCCCC;
	border-width: 0 0 1px 18px;
	border-style: solid;
	color: #000000;
	background-color: #EEEEEE;
}

.status_info, .status_ok, .status_caution, .status_warning, .status_error {
	max-height: 256px;
	margin: 16px 0;
	padding: 8px 18px;
	overflow: auto;
	background-color: #EEEEEE;
	border-bottom: 1px solid #CCCCCC;
	transform: translateZ(0);
}

.status_info [data-action="close"], .status_ok [data-action="close"], .status_caution [data-action="close"], .status_warning [data-action="close"], .status_error [data-action="close"] {
	position: fixed;
	top: 16px;
	right: 16px;
	cursor: pointer;
	opacity: 0.2;
	transition: all 0.2s;
}

.status_info:hover [data-action="close"], .status_ok:hover [data-action="close"], .status_caution:hover [data-action="close"], .status_warning:hover [data-action="close"], .status_error:hover [data-action="close"] {
	opacity: 0.4;
}

.status_info [data-action="close"]:hover, .status_ok [data-action="close"]:hover, .status_caution [data-action="close"]:hover, .status_warning [data-action="close"]:hover, .status_error [data-action="close"]:hover {
	opacity: 1;
}

.status_info {
	border-left: 18px solid #3366CC;
}

.status_ok {
	border-left: 18px solid #11AA33;
}

.status_caution {
	border-left: 18px solid #FFCC33;
}

.status_warning {
	border-left: 18px solid #FFAA33;
}

.status_error {
	border-left: 18px solid var(--ees-red);
}

table {
	color: #333333;
}

.tabletext td, .tabletext td {
	padding: 8px;
}

td {
	margin: 0;
	text-align: left;
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 15px;
	color: #333333;
}

textarea {
	font-family: "Fira Sans", Tahoma, Verdana, Arial, Helvetica, sans-serif, sans;
	font-size: 15px;
}

.tdc, .tdl, .tdr, .tdcw, .tdlw, .tdrw {
	vertical-align: top;
}

.tdc, .tdl, .tdr {
	white-space: nowrap;
}

.tdc, .tdcw {
	text-align: center;
}

.tdl, .tdlw {
	text-align: left;
}

.tdr, .tdrw {
	text-align: right;
}

.tdcw, .tdlw, .tdrw {
	white-space: normal;
}

th {
	color: #FFFFFF;
	background-color: #000000;
	font-weight: bold;
}

th a {
	color: #FFFFFF;
}

th a:hover {
	color: #CCCCCC;
}

.thumb {
	float: left;
	width: 128px;
	height: 160px;
	margin: 4px;
	padding: 4px;
	text-align: center;
	font-size: 13px;
}

.thumb p {
	text-align: center;
}

.thumb_sel {
	float: left;
	width: 128px;
	height: 160px;
	margin: 4px;
	padding: 4px;
	text-align: center;
	font-size: 13px;
	background-color: #AECCEA;
}

.thumbpic {
	width: 128px;
	height: 136px;
}

ul {
	margin: 0 0 12px 20px;
	padding: 12px 0 12px 20px;
	list-style-type: square;
}

.warning {
	color: var(--ees-red) !important;
}

.warning.inactive {
	color: #EE5577 !important;
}

.warning a {
	color: #EE5577 !important;
}

.warning.inactive a {
	color: #FF6688 !important;
}

#www {
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 4px;
}

.caution, a.caution {
	color: #FF9900 !important;
}

.notice, a.notice {
	color: #FFCC00 !important;
}

.mceVisualAid {
	border: 1px dotted #BBBBBB !important;
}

@media print {

	#admin_hdr, nav, footer {
		display: none;
	}

	#admin_content {
		display: block;
		margin: 0;
		overflow: visible;
	}

	@page {
		size: auto;
		margin: 20px;
	}

	body {
		margin: 0;
	}

}

/* ungrid */

@media (min-width: 30em) {

	.row {
		width: 100%;
		display: table;
		table-layout: fixed;
	}

	.col {
		display: table-cell;
	}

}

.col1 { width: 8.33%; }
.col2 { width: 16.67%; }
.col3 { width: 25%; }
.col4 { width: 33.33%; }
.col5 { width: 41.67%; }
.col6 { width: 50%; }
.col7 { width: 58.33%; }
.col8 { width: 66.67%; }
.col9 { width: 75%; }
.col10 { width: 83.33%; }
.col11 { width: 91.67%; }

.col1pr { width: 1%; }
.col2pr { width: 2%; }
.col3pr { width: 3%; }
.col4pr { width: 4%; }
.col5pr { width: 5%; }
.col6pr { width: 6%; }
.col7pr { width: 7%; }
.col8pr { width: 8%; }
.col9pr { width: 9%; }
.col10pr { width: 10%; }
.col11pr { width: 11%; }
.col12pr { width: 12%; }
.col13pr { width: 13%; }
.col14pr { width: 14%; }
.col15pr { width: 15%; }
.col16pr { width: 16%; }
.col17pr { width: 17%; }
.col18pr { width: 18%; }
.col19pr { width: 19%; }
.col20pr { width: 20%; }
.col21pr { width: 21%; }
.col22pr { width: 22%; }
.col23pr { width: 23%; }
.col24pr { width: 24%; }
.col25pr { width: 25%; }
.col26pr { width: 26%; }
.col27pr { width: 27%; }
.col28pr { width: 28%; }
.col29pr { width: 29%; }
.col30pr { width: 30%; }
.col31pr { width: 31%; }
.col32pr { width: 32%; }
.col33pr { width: 33%; }
.col34pr { width: 34%; }
.col35pr { width: 35%; }
.col36pr { width: 36%; }
.col37pr { width: 37%; }
.col38pr { width: 38%; }
.col39pr { width: 39%; }
.col40pr { width: 40%; }
.col41pr { width: 41%; }
.col42pr { width: 42%; }
.col43pr { width: 43%; }
.col44pr { width: 44%; }
.col45pr { width: 45%; }
.col46pr { width: 46%; }
.col47pr { width: 47%; }
.col48pr { width: 48%; }
.col49pr { width: 49%; }
.col50pr { width: 50%; }
.col51pr { width: 51%; }
.col52pr { width: 52%; }
.col53pr { width: 53%; }
.col54pr { width: 54%; }
.col55pr { width: 55%; }
.col56pr { width: 56%; }
.col57pr { width: 57%; }
.col58pr { width: 58%; }
.col59pr { width: 59%; }
.col60pr { width: 60%; }
.col61pr { width: 61%; }
.col62pr { width: 62%; }
.col63pr { width: 63%; }
.col64pr { width: 64%; }
.col65pr { width: 65%; }
.col66pr { width: 66%; }
.col67pr { width: 67%; }
.col68pr { width: 68%; }
.col69pr { width: 69%; }
.col70pr { width: 70%; }
.col71pr { width: 71%; }
.col72pr { width: 72%; }
.col73pr { width: 73%; }
.col74pr { width: 74%; }
.col75pr { width: 75%; }
.col76pr { width: 76%; }
.col77pr { width: 77%; }
.col78pr { width: 78%; }
.col79pr { width: 79%; }
.col80pr { width: 80%; }
.col81pr { width: 81%; }
.col82pr { width: 82%; }
.col83pr { width: 83%; }
.col84pr { width: 84%; }
.col85pr { width: 85%; }
.col86pr { width: 86%; }
.col87pr { width: 87%; }
.col88pr { width: 88%; }
.col89pr { width: 89%; }
.col90pr { width: 90%; }
.col91pr { width: 91%; }
.col92pr { width: 92%; }
.col93pr { width: 93%; }
.col94pr { width: 94%; }
.col95pr { width: 95%; }
.col96pr { width: 96%; }
.col97pr { width: 97%; }
.col98pr { width: 98%; }
.col99pr { width: 99%; }

.col4px { width: 4px; }
.col8px { width: 8px; }
.col12px { width: 12px; }
.col16px { width: 16px; }
.col20px { width: 20px; }
.col24px { width: 24px; }
.col28px { width: 28px; }
.col32px { width: 32px; }
.col36px { width: 36px; }
.col40px { width: 40px; }
.col44px { width: 44px; }
.col48px { width: 48px; }
.col52px { width: 52px; }
.col56px { width: 56px; }
.col60px { width: 60px; }
.col64px { width: 64px; }
.col68px { width: 68px; }
.col72px { width: 72px; }
.col76px { width: 76px; }
.col80px { width: 80px; }
.col84px { width: 84px; }
.col88px { width: 88px; }
.col92px { width: 92px; }
.col96px { width: 96px; }
.col100px { width: 100px; }
.col104px { width: 104px; }
.col108px { width: 108px; }
.col112px { width: 112px; }
.col116px { width: 116px; }
.col120px { width: 120px; }
.col124px { width: 124px; }
.col128px { width: 128px; }
.col132px { width: 132px; }
.col136px { width: 136px; }
.col140px { width: 140px; }
.col144px { width: 144px; }
.col148px { width: 148px; }
.col152px { width: 152px; }
.col156px { width: 156px; }
.col160px { width: 160px; }
.col164px { width: 164px; }
.col168px { width: 168px; }
.col172px { width: 172px; }
.col176px { width: 176px; }
.col180px { width: 180px; }
.col184px { width: 184px; }
.col188px { width: 188px; }
.col192px { width: 192px; }
.col196px { width: 196px; }
.col200px { width: 200px; }
.col204px { width: 204px; }
.col208px { width: 208px; }
.col212px { width: 212px; }
.col216px { width: 216px; }
.col220px { width: 220px; }
.col224px { width: 224px; }
.col228px { width: 228px; }
.col232px { width: 232px; }
.col236px { width: 236px; }
.col240px { width: 240px; }
.col244px { width: 244px; }
.col248px { width: 248px; }
.col252px { width: 252px; }
.col256px { width: 256px; }
.col260px { width: 260px; }
.col264px { width: 264px; }
.col268px { width: 268px; }
.col272px { width: 272px; }
.col276px { width: 276px; }
.col280px { width: 280px; }
.col284px { width: 284px; }
.col288px { width: 288px; }
.col292px { width: 292px; }
.col296px { width: 296px; }
.col300px { width: 300px; }
.col304px { width: 304px; }
.col308px { width: 308px; }
.col312px { width: 312px; }
.col316px { width: 316px; }
.col320px { width: 320px; }
.col324px { width: 324px; }
.col328px { width: 328px; }
.col332px { width: 332px; }
.col336px { width: 336px; }
.col340px { width: 340px; }
.col344px { width: 344px; }
.col348px { width: 348px; }
.col352px { width: 352px; }
.col356px { width: 356px; }
.col360px { width: 360px; }
.col364px { width: 364px; }
.col368px { width: 368px; }
.col372px { width: 372px; }
.col376px { width: 376px; }
.col380px { width: 380px; }
.col384px { width: 384px; }
.col388px { width: 388px; }
.col392px { width: 392px; }
.col396px { width: 396px; }
.col400px { width: 400px; }