html {
	min-height: 100%;
}

body {
	margin: 0;
	padding: 0;

	background: rgba(67,82,110,1);
	background: linear-gradient(to bottom, rgba(104, 176, 248, 1) 0%, rgba(14, 70, 150, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68b0f8', endColorstr='#0e4696', GradientType=0 );
	background-attachment: fixed;
}

body, td, th {
	font-family: "Roboto", Tahoma, sans-serif;
	font-size: 13px;
}

table td, table th {
	padding: 5px 5px;
}

header {
	width: 980px;
	margin: 20px auto;
}
header img {
	width: 220px;
	margin-left: 15px;
}

header.login {
	text-align: center;
}
header.login img {
	margin-left: 0;
}

header section {
	float: right;
	width: 720px;
	text-align: right;
}
header section a {
	margin-left: 3px;
	color: #003e7e;
	text-decoration: none;
}
header section a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px 0 15px 0;
}
h2 {
	display: inline-block;
	width: auto;
	margin: 0;
	padding: 6px 25px 0 25px;
	background-color: #FFF;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
}
h2 span {
	font-size: 1.1rem;
	font-weight: normal;
}
h3 {
	margin: 25px 0 5px -6px;
	padding: 12px 10px;
	background-color: #E6E8F0;
	border-right: 3px solid #1BF;
	border-top: 3px solid #1BF;
	font-size: 1.1em;
	font-weight: bold;
	color: #1B3450;
}
h6 {
	display: inline-block;
	width: auto;
	padding: 5px 30px 5px 14px;
	margin-left: -6px;
	background-color: #E6E8F0;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	font-size: 1.1em;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.clr:after{
	clear: both;
	content: "";
	display: block;
}
.group1 {
	color: #E50;
}
.group2 {
	color: #06C;
}
.group3 {
	color: #093;
}
.no-border {
	border: 0 !important;
}
.no-padding td, .no-padding th {
	padding: 0 !important;
}
.no-margin {
	margin: 0 !important;
}
.center {
	text-align: center;
}
select.browser-default {
	height: auto;
	padding: 1px 5px 2px 5px;
	border: 1px solid #AAA;
	border-radius: 2px;
	font-size: 12px;
}
input[type=text].browser-default, input[type=date].browser-default, input[type=number].browser-default {
	height: auto;
	padding: 1px 0 1px 5px;
	border: 1px solid #AAA;
	border-radius: 2px;
	font-size: 12px;
}
input[type=text].browser-default.rightValue {
	text-align: right;
	padding: 1px 5px 1px 0;
}
input[type=checkbox].browser-default {
	position: relative;
	opacity: 1;
	pointer-events: auto;
}
textarea {
	border-left: 1px solid #DDD !important;
	border-right: 1px solid #DDD !important;
	border-top: 1px solid #DDD !important;
	padding-left: 7px !important;
	padding-right: 7px !important;
	margin-top: 20px !important;
}
.textarea-input label {
	padding: 12px 0 0 7px;
}
span.badge.new {
	min-width: auto !important;
}
span.badge.new:after {
	content: '' !important;
}

section#login {
	width: 300px;
	margin: 0 auto;
	background-color: #E6E8F0;
	border-radius: 12px;
	padding: 20px 25px 5px 20px;
}

p#under-login {
	text-align: center;
}
p#under-login a {
	color: #EEE;
	text-decoration: none;
}
p#under-login a:hover {
	color: #FFF;
	text-decoration: underline;
}

div#mainContainer {
	margin: 0 auto 15px auto;
	width: 980px;
	background-color: #1B3450;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	overflow: auto;
}

aside {
	float: left;
	width: 160px;
}

aside a {
	display: block;
	position: relative;
	padding: 12px 0 12px 32px;
	border-bottom: 2px solid #122B46;
	color: #89A;
	text-decoration: none;
}
aside a.active {
	background-color: #1BF !important;
	color: #FFF;
	cursor: default;
}
aside a:hover {
	background-color: #069;
	color: #FFF;
}
aside a.active u:after {
	content: '◂';
	position: absolute;
	right: -9px;
	top: -4px;
	font-size: 34px;
	text-decoration: none;
	color: #E6E8F0;
}
aside a i {
	position: absolute;
	margin: 3px 0 0 -20px;
	font-size: 1em !important;
}

section#mainContent {
	float: left;
	width: 820px;
	padding: 10px 10px 20px 10px;
	background-color: #E6E8F0;
}

ul {
	margin: 0;
	padding: 0;
}
#mainContent>ul li {
	display: inline-block;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	border-top: 1px solid #BBB;
	border-left: 1px solid #BBB;
	border-right: 1px solid #BBB;
	padding: 4px 8px;
	margin: 0 2px 0 0;
}
#mainContent>ul li.active {
	background-color: #FFF;
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 4px 12px;
	font-weight: bold;
}
#mainContent>ul li:not(.active) a {
	color: #666A74;
}
#mainContent>ul li:not(.active) a:hover {
	color: #039be5;
}

#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.35;
	z-index: 90;
}
#overlayClose {
	display: none;
	position: fixed;
	top: 30%;
	left: 50%;
	margin: -10px 0 0 200px;
	padding: 0 8px 0 7px;
	background-color: #FFF199;
	font-size: 1.5em;
	font-weight: bold;
	color: #111;
	cursor: pointer;
	z-index: 92;
}
#overlayClose:hover {
	background-color: #D00;
	color: #FFF;
}
#overlayContent {
	display: none;
	position: fixed;
	top: 30%;
	left: 50%;
	transform: translate(-50%, 0);
	width: 480px;
	border-radius: 6px;
	padding: 12px 15px;
	background-color: #FFF099;
	color: #111;
	z-index: 91;
}
#overlayContent h4 {
	display: inline-block;
	width: auto;
	margin: 0 0 2px -15px;
	padding: 5px 15px 5px 15px;
	background-color: #EEE055;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #000;
	font-size: 1.1em;
	font-weight: bold;
}
#overlayContent p {
	margin: 0 0 7px 0;
}

article {
	padding: 10px 6px 35px 6px;
	background-color: #FFF;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	min-height: 440px;
}
article p {
	margin: 0 0 5px 0;
}

article#user tr {
	border: 0;
}
article#user table td, article#user table th {
	padding: 0 0 0 5px;
}
table#userList a:hover, table#outboundPaymentList a:hover {
	color: #D00;
}
table#userList i.material-icons {
	position: absolute;
	margin-top: -10px;
	font-size: 1.4rem;
}
table#outboundPaymentList i.material-icons {
	font-size: 1.4rem;
}

table.rounded tr {
	border: 0;
}
table.rounded tr:nth-child(odd) {
	background-color: #E6E8F0;
}
table.rounded td:first-of-type {
	text-align: right;
}
table.rounded tr:last-child {
	background-color: transparent;
}
table.rounded td {
	vertical-align: top;
	padding: 7px 5px;
}
table.rounded td:first-of-type {
	width: 32%;
	border-top-left-radius: 15px;
	border-bottom-left-radius: 15px;
}
table.rounded td:last-of-type {
	width: 68%;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
}
table.rounded input.browser-default {
	font-size: 13px;
}
table.rounded textarea {
	display: block;
	height: 58px;
	width: 99%;
	margin-top: 0 !important;
	border: 1px solid #AAA !important;
	background-color: #FFF;
	font-size: 12px;
}

table.normal tr {
	border: 0;
}
table.normal tr:nth-child(odd) {
	background-color: #E6E8F0;
}
table.normal td {
	vertical-align: top;
	padding: 7px 5px;
}
table.normal input.browser-default {
	font-size: 13px;
}

table.incoming-messages a {
	color: #000;
}
table.incoming-messages th {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 0.9em;
}
table.incoming-messages tr.unread td {
	font-weight: bold;
}
table.incoming-messages tr.messageTr:hover {
	background-color: #F2F8FF;
	cursor: pointer;
}

table.message {
	width: 720px;
	margin: 20px auto 0 auto;
}
table.message tr th {
	background-color: #DEF;
	padding: 10px 15px;
	font-size: 1.1em;
}
table.message tr th:first-of-type {
	border-top-left-radius: 9px;
}
table.message tr th:last-of-type {
	border-top-right-radius: 9px;
}
table.message tr.own th {
	background-color: #FEC;
}
table.message td {
	padding: 10px 15px;
	font-size: 1.1em;
}

#form-new-message select {
	height: 36px;
	font-size: 1.1em;
	font-family: "Roboto", Tahoma, sans-serif;
}

#filter {
	position: relative;
	width: 720px;
	background-color: #aed581;
	margin: 0 0 15px 0;
	padding: 10px 15px 15px 15px;
	border-radius: 10px;
	overflow: hidden;
	color: #1b5e20;
}
#filter div {
	float: left;
	padding: 5px 20px 5px 0;
	height: 52px;
}
#filter div.smallFilter {
	height: 24px;
}
#filter span {
	text-transform: uppercase;
	font-size: 0.9em;
	font-weight: bold;
}
.filter-button {
	position: absolute;
	right: 0;
	top: 20px;
}

.centerBox {
	display: block;
	width: 60%;
	background-color: #FFF5C9;
	border-radius: 10px;
	box-shadow: 2px 2px #CCC599;
	padding: 15px 15px;
	margin: 25px auto;
}

#approvements th {
	background-color: #0d47a1;
	border-radius: 0;
	font-weight: normal;
	color: #FFF;
}
#approvements td {
	font-size: 12px;
	height: 60px;
	vertical-align: top;
}

.profile-training-buttons {
	position: absolute;
	top: 31px;
	right: 10px;
}
.profile-training-buttons button {
	background-color: #1BF;
}
.profile-training-buttons button:hover {
	background-color: red;
}

.profile-sports {
	float: left;
	width: 25%;
	margin: 0;
	font-size: 0.85em;
}
.profile-sports i {
	font-style: normal;
	color: #1565c0;
}


td#multiple-recipients p {
	margin: 0 0 10px 0;
}
td#multiple-recipients a.active {
	text-decoration: underline;
}
td#multiple-recipients a:hover {
	text-decoration: underline;
}
td#multiple-recipients span {
	display: inline-block;
	position: relative;
	width: 136px;
	font-size: 0.8em;
}

table.schedule td {
	vertical-align: top;
}
table.schedule input[type=date] {
	font-size: 11px;
	width: 120px;
}
table.schedule input[type=text] {
	padding: 2px 0 3px 2px;
	line-height: normal;
}
table.schedule textarea {
	width: 320px;
	margin: 0 !important;
	height: 39px;
	padding: 0 0 0 2px !important;
	line-height: 12px;
	font-size: 11px;
}
table.schedule a.download {
	color: #999;
}
table.schedule a.download:hover {
	color: #039be5;
}

ul.downloadLectureInfo {
	display: none;
	position: absolute;
	background-color: #D9F;
	padding: 2px 0;
	border-top-right-radius: 9px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	z-index: 10;
}
ul.downloadLectureInfo li {
	line-height: normal;
	margin: 8px;
}

table#applicantsTable th, table#applicantsTable td {
	vertical-align: top;
	font-size: 0.9em;
}
table#applicantsTable th {
	background-color: #EEE;
}
table#applicantsTable span {
	color: #06C;
}

/* Jodit/Materialize */
.jodit_container input[type=text] {
	height: 2rem;
	width: 250px;
	margin: 0;
}
.jodit_container input[type=checkbox] {

}
.jodit_toolbar_popup-inline-container {
	display: none;
}