#datatable{
	width:1136px;
}

#datatable td{
	padding:10px;
}

.statistic{
	float:left;
	width:250px;
	height:150px;
	margin-right:25px;
	text-align:center;
	background-color:#eee;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	border:1px solid #ccc;
}

.title {
	width:250px;
	margin-top:-2px;
	margin-left:-2px;
	padding:10px 0;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color: #ffffff;

	text-transform:uppercase;
	font-weight:500;
	background-color:#102c58;

	font-family: 'Titillium Web', sans-serif;	
}

.numbers{
	width:250px;
	padding:20px 0px 0px 0px;
	color: #102c58;
	font-size:80px;
	font-family: 'Titillium Web', sans-serif;
}

.statistic:hover .title{
	background-color:#183e7a;
	transition: 0.2s;
}

.statistic:hover .numbers{
	color:#183e7a;
	transition: 0.2s;
}

.blur {
    color: transparent;
    text-shadow: 0 0 8px #000;
    filter: blur(3px);
   -webkit-filter: blur(3px);
}

#close_cookie {display:none;}
#close_cookie:checked + #cookie_consent_popup {display:none;}	
#cookie_consent_popup {
    position:fixed;
    bottom:0px;
    right:0px;
    width:50%;
    height:200px;
    background-color:#ffffff;
    padding:20px;
    z-index:99999999999;
}
#cookie_consent_popup h1 {
    font-size:24px;
    font-weight:600;
}
#cookie_consent_popup h1:before {
    content:"";
    padding:0;
}
#cookie_consent_popup p {
    font-size:16px;
}
#cookie_consent_popup a {
    text-decoration: underline;
}
#cookie_consent_popup #close_cookie_box {
    position:absolute;
    top:20px;right:20px;
    cursor:pointer;
    font-size:1.3em;
}
#cookie_consent_popup #ok_cookie_box {
    position:absolute;
    bottom:20px;right:20px;
    cursor:pointer;
    font-size:1.6em;
    padding:10px 20px;
    font-weight:700;
    color:green;
}
.icon-red18 {
    color: red;
    font-size: 18px;    
}
.icon-green18 {
    color: green;
    font-size: 18px;    
}
.icon-size18 {
    font-size: 18px;    
}
.icon-opacity33 {
    opacity: 0.33;
}
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.answer {
 display: none;    
}
.answer-empty:before {
  content: '\20';
  color: white;
  padding: 0 20px 0 0;
}

.answer-correct:before {
  content: '\2713';
  color: green;
  padding: 0 6px 0 0;
}

.answer-wrong:before {
  content: 'X';
  color: red;
  padding: 0 10px 0 0;
}