/*
	https://lineicons.com/icons/

	red					: #99bf11

*/

body {
	margin				: 0;
	font-family			: "Open Sans", sans-serif;
	font-size			: 1rem;
	font-weight			: 300;
	line-height			: 1.5;
	color				: black;
	text-align			: left;
	background-color	: white;
}

.loadingbox {
	position		: fixed;
	top				: 0;
	left			: 0;
	bottom			: 0;
	right			: 0;
	width			: 100%;
 	height			: calc(100vh + 100px);
 	background-color: rgba(0,0,0,0.3);
	z-index			: 999;
	cursor			: wait;
}

.loadingbox .las, .loadingbox .lni {
	height			: 80px;
	width			: 75px;
	font-size		: 75px;
	color			: white;
	position		: absolute;
	top				: 46%;
	left			: 50%;
}

.la-spinner, .lni-spinner-arrow {
	animation-name	: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@keyframes spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}

.las {
	height				: 22px;
	width				: 22px;
	font-size			: 20px;
}

.btn .las {
	font-size			: 22px;
}

.las-stopwatch {
	color				: white;
}

.las-stopwatch.yellow {
	color				: yellow;
}

.btn-xs {
	padding-left		: 3px;	
}

.btn-secondary {
	background-color	: #0a2433;
	border-color		: #0a2433;
}

.btn-secondary:hover, .btn-secondary:focus {
	background-color	: rgb(200, 200, 200);
	border-color		: rgb(200, 200, 200);
}

.btn-secondary:focus {
	box-shadow			: 0 0 0 0.25rem rgba(132, 188, 34, 0.25);
}

.logo {
	font-size			: 40px;
	font-weight			: bold;
}

.logo small {
	font-size			: 14px;
}

.logo img {
	float				: right;
	height				: 60px;
}

.card-title {
	margin-bottom		: 0;
}

header {
	height				: 50px;
	padding				: 15px 0 15px 0;
}

header .toplogo {
	font-size			: 20px;
	font-weight			: bold;
	margin-top			: -5px;
	display				: none;
}

header .topmenu {
	margin-top			: -3px;
}

header .topmenu a {
	margin				: 0;
	padding				: 16px 15px 17px 15px;
}

header .nav-mobile-top, header .navbar-toggle, header .btn-timer {
	display				: none;
}

/* header .nav-mobile-top {
	position		: absolute;
	top				: 50px;
	right			: 20px;
	padding			: 10px 25px;
	z-index			: 99;
}

header .nav-mobile-top ul {
	list-style-type	: none;
	padding-left	: 0;
}

header .nav-mobile-top ul li {
	list-style-type	: none;
	padding			: 5px 0px;
} */

.nav-mobile-top {
	float		: right;
	display		: none;
	position	: fixed;
	left		: 0;
	width		: 100%;
	z-index		: 99;
}

.nav-mobile-top ul {
	float			: none;
	list-style-type : none;
	padding-top		: 15px;
	padding-left	: 0;
}

.nav-mobile-top ul li {
	display			: block;
	margin			: 0 0;
}

.nav-mobile-top ul li a {
	display			: inline-block;
	text-align		: left;
	padding			: 19px 15px;
	color			: white;
	width			: 100%;
	text-decoration : none;
}

.nav-mobile-top ul li ul li:hover, .nav-mobile-top ul li.active a, .nav-mobile-top ul li a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

.nav-mobile-top ul li ul {
	float			: none;
	list-style-type : none;
	padding-top		: 0px;
	padding-left	: 0px;
	margin-left		: 10px !important;
}

.nav-mobile-top ul li ul li {
	display			: block;
	background-color: #0091fa;
	margin-left		: 50px;
}

header .navbar-toggle {
	position		: absolute;
	top				: 7px;
	right			: 10px;
}

header .btn-timer {
	position		: absolute;
	top				: 7px;
	right			: 60px;
}

header .btn.navbar-toggle, header .btn.navbar-toggle:focus {
	box-shadow		: none;
}


.dropdown {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-position: right 0.75rem center;
	background-repeat: no-repeat;
	background-size	: 16px 12px;
}

.dateicon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'><g><path d='M859.4,75.3h-98.1v-33c0-17.6-14.6-32.4-32.7-32.4C710.5,10,696,24.5,696,42.4v33H304v-33c0-17.6-14.6-32.4-32.7-32.4c-18.2,0-32.7,14.5-32.7,32.4v33h-98.1c-53.8,0-97.9,43.8-97.9,97.9v718.9c0,53.8,43.8,97.9,97.9,97.9h718.9c53.8,0,97.9-43.8,97.9-97.9V173.2C957.3,119.4,913.5,75.3,859.4,75.3z M892,859.2c0,36.2-29.3,65.5-65.5,65.5h-653c-36.2,0-65.5-29.3-65.5-65.5V369.3h784V859.2z M892,304H108v-97.8c0-36.2,29.3-65.5,65.5-65.5h65.2v33c0,17.6,14.6,32.4,32.7,32.4c18.2,0,32.7-14.5,32.7-32.4v-33h392h0v33c0,17.6,14.6,32.4,32.7,32.4c18.2,0,32.7-14.5,32.7-32.4v-33h65.2c36.2,0,65.5,29.3,65.5,65.5V304z' style='fill:rgb(100,100,100);fill-rule:nonzero;' /><path d='M663.3,467.3H794V598H663.3V467.3L663.3,467.3z' style='fill:rgb(100,100,100);fill-rule:nonzero;' /><path d='M663.3,696H794v130.7H663.3V696z' style='fill:rgb(100,100,100);fill-rule:nonzero;' /><path d='M434.7,696h130.7v130.7H434.7V696L434.7,696z' style='fill:rgb(100,100,100);fill-rule:nonzero;' /><path d='M434.7,467.3h130.7V598H434.7V467.3L434.7,467.3z' style='fill:rgb(100,100,100);fill-rule:nonzero;' /><path d='M206,696h130.7v130.7H206V696z' style='fill:rgb(100,100,100);fill-rule:nonzero;' /><path d='M206,467.3h130.7V598H206V467.3L206,467.3z' style='fill:rgb(100,100,100);fill-rule:nonzero;' /></g></svg>");
	background-position: right 0.75rem center;
	background-repeat: no-repeat;
	background-size	: 16px 16px;
	transition		: ease color 0.2s;
}

.dateicon:focus {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'><g><path d='M859.4,75.3h-98.1v-33c0-17.6-14.6-32.4-32.7-32.4C710.5,10,696,24.5,696,42.4v33H304v-33c0-17.6-14.6-32.4-32.7-32.4c-18.2,0-32.7,14.5-32.7,32.4v33h-98.1c-53.8,0-97.9,43.8-97.9,97.9v718.9c0,53.8,43.8,97.9,97.9,97.9h718.9c53.8,0,97.9-43.8,97.9-97.9V173.2C957.3,119.4,913.5,75.3,859.4,75.3z M892,859.2c0,36.2-29.3,65.5-65.5,65.5h-653c-36.2,0-65.5-29.3-65.5-65.5V369.3h784V859.2z M892,304H108v-97.8c0-36.2,29.3-65.5,65.5-65.5h65.2v33c0,17.6,14.6,32.4,32.7,32.4c18.2,0,32.7-14.5,32.7-32.4v-33h392h0v33c0,17.6,14.6,32.4,32.7,32.4c18.2,0,32.7-14.5,32.7-32.4v-33h65.2c36.2,0,65.5,29.3,65.5,65.5V304z' style='fill:rgba(100,100,100,0.3);fill-rule:nonzero;' /><path d='M663.3,467.3H794V598H663.3V467.3L663.3,467.3z' style='fill:rgba(100,100,100,0.3);fill-rule:nonzero;' /><path d='M663.3,696H794v130.7H663.3V696z' style='fill:rgba(100,100,100,0.3);fill-rule:nonzero;' /><path d='M434.7,696h130.7v130.7H434.7V696L434.7,696z' style='fill:rgba(100,100,100,0.3);fill-rule:nonzero;' /><path d='M434.7,467.3h130.7V598H434.7V467.3L434.7,467.3z' style='fill:rgba(100,100,100,0.3);fill-rule:nonzero;' /><path d='M206,696h130.7v130.7H206V696z' style='fill:rgba(100,100,100,0.3);fill-rule:nonzero;' /><path d='M206,467.3h130.7V598H206V467.3L206,467.3z' style='fill:rgba(100,100,100,0.3);fill-rule:nonzero;' /></g></svg>");
}

table { margin-bottom: 0 !important; }
.table-responsive { overflow: auto; }
.table-responsive thead tr { position: sticky; top: 0; }

.tab-content {
	border-right	: 1px solid #dee2e6;
	border-bottom	: 1px solid #dee2e6;
	border-left		: 1px solid #dee2e6;
	border-radius	: 0 0 5px 5px;
	padding			: 15px;
}

.table400 {
	height			: 400px;
	overflow-y		: scroll;
	border			: 1px solid #dee2e6;
	border-radius	: 4px;
}

.table600 {
	height			: 600px;
	overflow-y		: scroll;
	border			: 1px solid #dee2e6;
	border-radius	: 4px;
}

.table800 {
	height			: 800px;
	overflow-y		: scroll;
	border			: 1px solid #dee2e6;
	border-radius	: 4px;
}

td.strikethrough, tr.strikethrough td {
	text-decoration	: line-through;
	color			: silver;
}

td.red, td.red a, tr.red td, tr.red td a {
	color			: red;
}

.tdwidth50 {
	width			: 50px;
	max-width		: 50px;
}

.tdwidth100 {
	width			: 100px;
	max-width		: 100px;
}

.tdwidth200 {
	width			: 200px;
	max-width		: 200px;
}

.tdwidth300 {
	width			: 300px;
	max-width		: 300px;
}

.tdwidth400 {
	width			: 400px;
	max-width		: 400px;
}

.textarea-mid {
	height			: 200px;
}

.textarea100 textarea, textarea.textarea100 { height : 100px; }
.textarea200 textarea, textarea.textarea200 { height : 200px; }
.textarea300 textarea, textarea.textarea300 { height : 300px; }
.textarea400 textarea, textarea.textarea400 { height : 400px; }

.height200 {
	height			: 200px;
}

.form-check-input[type="radio"] {
	height			: 25px;
	margin-top		: 6px;
}

#tooltip {
	position		: absolute;
	background		: rgb(0, 0, 0, 0.5);
	color			: #ffffff;
	border-radius	: 5px;
	padding			: 8px;
	z-index			: 999;
}

.nothing {
	z-index			: 999;
	position		: absolute;
	height			: 0;
	width			: 0;
	border			: none;
	background		: none;
	margin			: 0;
	top				: 0;
	left			: 0;
	clear			: both;
	font-size		: 0px;
	line-height		: 0px;
	display			: none;
}

.disabled, .disabled label, .disabled select, .disabled .btn, .disabled .panel-heading {
	pointer-events		: none;
	opacity				: 0.5;
}

.enabled, .enabled label, .enabled select, .enabled .btn, .enabled .panel-heading {
	pointer-events		: auto !important;
	opacity				: 1.0 !important;
}

footer {
	position			: fixed;
	width				: 100%;
	bottom				: 0px;
	height				: 50px;
	padding				: 10px 0 15px 0;
}

footer img {
	height				: 25px !important;
}

.dark a {
	color				: white;
	transition			: ease all 0.3s;
	text-decoration		: none;
}

.dark a:hover {
	color				: black;
}

.ml-1 {	margin-left: 5px !important; }
.ml-2 {	margin-left: 10px !important; }
.ml-3 {	margin-left: 15px !important; }
.ml-4 {	margin-left: 20px !important; }
.mr-5 {	margin-right: 25px !important; }
.mr-1 {	margin-right: 5px !important; }
.mr-2 {	margin-right: 10px !important; }
.mr-3 {	margin-right: 15px !important; }
.mr-4 {	margin-right: 20px !important; }
.mr-5 {	margin-right: 25px !important; }

topmenu a {
	margin				: 0;
	padding				: 16px 15px 18px 15px;
}

@media only screen and (max-width: 1200px) {
	header .topmenu { display : none; }
	header .navbar-toggle, header .btn-timer { display : block;	}
	header .toplogo { display: block; }
}

@media only screen and (min-width: 1199px) {
	.nav-mobile-top { display : none !important; }
}