/*
Copyright (c) 2022 - Mipsology SAS
All rights reserved.
This software and firmware are the exclusive property of Mipsology SAS.
*/

/* LEFT PART OF THE WINDOW */
#logo_block{
	display: block;
}
#logo_0{
	float:left;
	padding-top:10px;
	margin-top:4px;
	margin-left:4px;
	left:0;
	top:0;
	background-color:#010101;
	cursor:default;
	width:75%;
}
#logo_0 ul{
	list-style-type:none;
	padding:0;
	margin:0;
	position: relative;
	overflow: hidden;
}
#logo_0 ul li{
	padding:2px;
	display:inline-block;
	color: #00B0F0;
}
.data_0{
	display:block;
	font-weight: bold;
	font-size: 96pt;
	color: #00B0F0;
	text-align: right;
	padding-right: 7px;
	padding-left: 30px;
}
.data_0h{
	display:none;
	font-weight: bold;
	font-size: 96pt;
	color: #00B0F0;
	text-align: right;
	padding-right: 7px;
	padding-left: 15px;
}
.units_0{
	display: block;
	font-weight:normal;
	font-size: 18pt;
	text-align: right;
	color: #00B0F0;
}
.units_0h{
	display: none;
	font-weight:normal;
	font-size: 18pt;
	text-align: right;
	color: #00B0F0;
}
.info_0{
	display:none;
	font-weight:normal;
	font-size: 18pt;
	border: 0px;
}
.info_0_big{
	display:block;
	font-weight:normal;
	font-size: 24pt;
	color: white;
	background: #010101;
    border: 0px;
}
.controls{
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: bottom;
}

#partner_a_0{
	margin-left: 30px;
	display: none;
}

/*SAMPLES*/
#samples_0 {
	float: left;
	width: 75%;
	padding-top: 5px;
	padding-left: 1px;
	padding-right: 1px;
}


/*IMAGE OUTPUTS*/
.imageOutput{
	position:relative;
	cursor:pointer;
/*	visibility:hidden;*/
}
.imageOutput:hover{
	opacity:0.5;
}
.statisticStyle{
	position:relative;
	max-width:0px;
	top:0px;
	left:0px;
}

/*DETAIL*/
#detail{
	position:absolute;
	display:block;
	bottom:0px;
	right:24.5%;
	width:200px;
	background-color: rgb(200,230,240);
	border: 3px rgb(112, 112, 167) solid;
}
#detail_img{
	width: 200px;
	height: 200px;
	display: block;
}
#detail_txt{
	font-size: 10pt;
}

/*TEASER*/
#teaser{
	position: fixed;
	left: 5%;
	top: 5%;
	width: 90%;
	height: 90%;
	display: none;
	z-index: 9999;
	opacity: 90;
}
#teaser_img{
	border: #00B0F0 solid 3px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-height: 100%;
	display: none;
}

#commands{
	position: fixed;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	background-color: #010101;
}
#commands:hover{
	opacity: 1;
}
#icon{
	display: block;
	background-color: #010101;
	padding-left: 0px;
	padding-right: 0px;
	margin-top:0px;
	margin-bottom: 0px;
}
#msg{
	background: white;
	color: black;
	font-size: 18pt;
}

/* Wait screen */
#wait_guard{
	background-color:#010101;
	overflow:hidden;
	position: fixed;
	left: 0%;
	top: 0%;
	width: 100%;
	height: 100%;
	display: block;
    z-index: 9001;
	opacity: 0.6;
}
#wait_body{
	background-color:#222222;
	overflow:hidden;
	position: fixed;
	left: 5%;
	top: 5%;
	width: 90%;
	height: 90%;
	display: block;
    z-index: 9002;
}
#wait_copyright{
	font-size:12pt;
	text-align:center;
	font-family:Arial;
	margin-top:5%;
	color:white;
}
#wait_h1{ 
	font-size:18pt;
	font-family:Arial;
	text-align:center;
	color:white;
}
#wait_f1{
	color:#00B0F0;
}
#wait_f2{
	font-size:28pt;
	font-weight:normal;
	color:#00B0F0;
}
#loading{
	margin-right:auto;
	margin-left:auto;
	margin-top:7%;
	border: 8px solid #333333;
	border-radius: 50%;
	border-top: 8px solid #00B0F0;
	width:80px;
	height:80px;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}
@-webkit-keyframes spin{
	0%{ -webkit-transform: rotate(0deg);}
	100%{ -webkit-transform: rotate(360deg);}
}
@keyframes spin{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

/*copyright*/
.copyright{
	position: fixed;
	right: 0%;
	top: 0%;
	font-size: 10pt;
	color: #00B0F0;
	display: block;
    z-index: 9999;
}

/*BODY*/
body{
	background-color: #010101;
	font-family: Arial;
	overflow: hidden;
	margin: 0px;
}
a{
	text-decoration:none;
	color:white;
	transition: all 0.3s ease 0s;
}
a:hover{
	color:rgb(80,167,232);
	text-decoration:underline;
}

/*The modal*/
.modal{
	display:none;
	position:fixed;
	z-index:9999;
	padding-top:100px;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:auto;
	background-color:black;
}
.modal-content{
	margin:auto;
	display:block;
	width:80%;
	max-width:700px;
}
.close{
	position:absolute;
	top:15px;
	right:35px;
	color:#F1F1F1;
	font-size:40px;
	font-weight:bold;
	transition:0.3s;
}
.close:hover,
.close:focus{
	color:#BBBBBB;
	text-decoration:none;
	cursor:pointer;
}