@charset "UTF-8";


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	font-family: Verdana;
/*	background-color:#5f469f;*/
}

#wrapper {
	max-width:800px;
	margin: 0 auto;
	background-color:#ffffff;
/*	height:100vh;*/
}

/*#mainbox {
	background-color:#a0b0c0;
	height:100%;
}*/

#header {
	z-index:1;
	background-color:#f0f0f0;
	border-bottom:2px solid #dfc000;
	max-height:80px;
	position:fixed;
	top:0;
	overflow:hide;
	width:100%;
	max-width:800px;
}

#footer {
	z-index:1;
	position:fixed;
	bottom:0;
	height:90px;
	width:100%;
	max-width:800px;
	border-top:2px solid #dfc000;
	background-color:#f0f0f0;
	overflow:hide;
}

#main {
/*	background-color:#a0a0a0;*/
/*	min-height:100%;*/
/*	margin:0;*/
	margin-bottom:100px;
	max-width:800px;
	margin-top:80px;
	overflow:auto;
}

.mainwindow {
	display:none;
	background-color:#ffffff;
	margin:10px;
}


.card {
	height:300px;
	display:none;
}

.cardheader {
	height:20px;
	text-align:center;
	font-size:80%;
}

.cardtext {
	height:100px;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2em;
}

.cardsliders {
	height:180px;
}

.labelfield {
	padding-top:0.5em;
	height:2em;
	font-size:100%;
	margin-bottom:0.5em;
}

.a_slider, .s_slider {
	margin-top:5px;
}

.sliderlabel {
	text-align:center;
	padding:0 1em 0 1em ;
}

.floatleft {
	float:left;
}

.floatright {
	float:right;
}

button {
	cursor:pointer;
}

.btn_nav {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
/*	margin: 4px 2px;*/
}

.btn_small {
	background-color: #4CAF50;
	border: none;
	color: white;
	padding: 0.25em 0.5em 0.25em 0.5em;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 1em;
	margin: 2px 1px;
	border-style:outset;
	border-radius:0.5em;
}

.btn_down {
	background-color:#285b2a;
	border-style:inset;
}

#card_navigation {
	vertical-align:baseline;
}

#btn_prev {
}

#btn_next {
}

#btn_overview {
	border-radius:0.75em;
}

table {
	border-collapse:collapse;
	width:95%;
	font-size:80%;
}

table, th, td {
	padding:0.2em;
	margin:0;
}

th, td {
	border-bottom:1px solid #aaa;
	vertical-align:middle;
	text-align:left;
}

table a {
	text-decoration:none;
	color:#000040;
}


.color_m {
	background-color:#1b49dd;
}
.color_c {
	background-color:#009933;
}
.color_l {
	background-color:#6bb7ec;
}
.color_kd {
	background-color:#231977;
}
.color_mp {
	background-color:#83cf39;
}
.color_s {
	background-color:#ee2020;
}
.color_v {
	background-color:#af0000;
}
.color_sd {
	background-color:#dddd00;
}
.color_fi {
	background-color:#cd1b68;
}

.barcontainer {
	font-size:90%;
	margin-bottom:0.5em;
	cursor:pointer;
}

.barholder {
	width:100%;
	background-color:#eee;
	border:1px solid #404040;
	height:0.8em;
	border-radius:0.25em;
}

.barinner {
	height:0.8em;
	border-radius:0.25em;
	float:left;
}

#resultcontainer {
	padding:0.5em;
	margin:0.5em;
	max-width:600px;
	border:1px solid #808080;
	border-radius:0.25em;
}

.resultdetails {
	display:none;
	padding-left:1em;
	border-left:1px dotted #808080;
	margin-left:1em;
	margin-bottom:2em;
	font-size:80%;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100vh; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 3em auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #000000;
    width: 80%; /* Could be more or less, depending on screen size */
	max-width:700px;
	min-height:3em;
	font-size:80%;
}

label {
	font-size:80%;
}

/*.fa {
	border-radius:0.5em;
    padding: 0.2em 0.5em 0.2em 0.5em ;
    font-size: 1.5em;
    width: 1em;
    text-align: center;
    text-decoration: none;
	margin:0.1em;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
    background: #3B5998;
    color: white;
}

.fa-twitter {
    background: #55ACEE;
    color: white;
}

.fa-share-alt {
	color:#404040;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-whatsapp {
  background: #25d366;
  color: white;	
}

.mobile-share {
}
*/


textarea, input {
	border: 1px solid #888;
	resize:none;
}


dt {
	font-weight:bold;
}

dd {
	margin-left:2em;
	margin-bottom:1em;
}