html
{
	background: #262626;
}
body {
    font-family: ibm plex sans,sans-serif;
    margin: 0 auto;
	color:#FFFFFF;
	background: #f2f9fe;
    font-size: 10pt;
    width: 100%;
	height: 100%;
}
.body2 {
	font-size: 14px;
	line-height: 20px;
	text-align: center;
	color: #8f8f8f;
	font-weight: 400;
	margin-bottom: 25px;
}
.header {
  background-color: #111;
  height: 5em;
  width: 100%;
  margin: auto;
}

.header img{
	height: 60%;
  margin-top: 1em;
  margin-left: 2em;
  float: left;
}

.subheader{
  font-size: 17px;
  line-height: 26px;
  text-align: center;
  color: #505050;
  font-weight: 400;
  margin-top: 36px;
  margin-bottom: 45px;
}

#button {
  height: 5em;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 26px;
  color: #fff;
  background-color: #2980b9;
  border-radius: 3em;
  width: 31em;
  border: 0px;
  cursor: pointer;
}

#button:hover{
  background-color: #4e89b1;
}

#buttonDemo {
  height: 3em;
  font-weight: 700;
  font-size: 1.2em;
  line-height: 26px;
  color: #fff;
  background-color: #03d090;
  border-radius: 2em;
  width: 8em;
  border: 0px;
  cursor: pointer;
  margin-top: 3em;
}

#buttonDemo:hover{
  background-color: #59ceaa;
}

#left{vertical-align:bottom;width: 172px;padding-left:5px;background-image: url("../images/logoAmix.png");}
#middleRight{color:#FFFFFF;vertical-align:bottom;}
.right{vertical-align:bottom;text-align:right;}

#accordion-size{
    overflow-y: auto;
    position: absolute;
	margin-left: 760px;
	height: 690px;
    width: 330px;
}
#tabs {
    margin-left: 0px;
    padding: 0px;
	height: 690px;
    width: 730px;
}

#footer {
	margin: 20px 0px 0px 0px;
	background: url("../images/titlebk.png");
	padding: 10px;
	height: 35px;
	color:#FFFFFF;
	border: 1px solid #000000;
	border-radius:4px;
	box-shadow: 0 3px 3px -1px #000000;
}

#footer a{
	font-size: 11px;
	text-align:center;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}
#footer a:hover{
	color:#26b3f7;
}

form div label {
	width: 80px;
}
form div select {
	width: 60px;
}
.config_can
{
	text-align: center;
	font-weight: bold;
	background:#d1d6dc;
	margin:10px 10px 10px 10px;
	padding: 8px;
	border: 1px dotted #333;
	height:306px; 
	overflow: auto;
}
.config_can table input
{
	width:25px;
}
.titre{
font-weight:bold;
font-size:15px;
}
#soustitre{
	font-weight:bold;
	color:#26b3f7;
}
#err{
	border-bottom:#7b7c8d 1px solid;
	border-left:#7b7c8d 1px solid;
	border-right:#7b7c8d 1px solid;
	border-top:#7b7c8d 1px solid;
	width: 385px;
	height:20px;
	position:absolute;
	margin-left:15px;
	margin-top:-2px;
	overflow: auto;
	color:red;
}

.bt{
width:30px;
}
.bt_save
{
	position:absolute;
	margin-left:0px;
	margin-top:0px;
}

span input.Choix{
	width: 120px;
	height:25px;
	text-align: center;
}

.form_widget_amount_slider{
	border-top:1px solid #9d9c99;
	border-left:1px solid #9d9c99;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
	background-color:#f0ede0;
	height:3px;
	position:absolute;
	bottom:0px;
}


.case1
{
	width:30%;
}
.cadre
{
	border: 1px solid #26b3f7;
    border-radius: 10px;
}
form .td_width
{
	text-align:left;
	width:200px;
	padding: 8px 0 8px 0;
}
form td
{
	font-weight:normal;
}

form legend
{
	text-align: left;
	font-weight:bold;
}

form input
{
	padding:2px;
	color:#FFFFFF;
	background-color:#2C2C2C;
	border: 1px solid #000000;
    border-radius: 5px;
}
form .sm,#Reboot .sm
{
	text-align: center;
	color:#FFFFFF;
	background-color:#2C2C2C;
	border: 1px solid #26b3f7;
    border-radius: 5px;
}
form
{
	text-align: left;
}
#checkbox td {
    padding: 5px;
}
#Reboot
{
	text-align: center;
}

form .Input_IP
{
	text-align:right;
}

form input[type="text"]:disabled
{
	color:#393939;
}
form input[type="password"]:disabled
{
	background-color:#222222;
}
form #Historic table td
{
	text-align:center;
}
#DATE_DEBUT,#DATE_FIN {
	font-size: 1em;
	padding: 0.4em 1em;
}
.td1
{
	width:30%;
	text-align:left;
}
.td10
{
	width:120px;
	text-align:left;
}
.td2
{
	width:20px;
}
.td3
{

}
.td4
{
	width:55px;
	text-align:right;
}
.td5
{
	width:20px;
	text-align:right;
}

.range0
{
	background-color:#01E6ED; 
}
.range1
{
	background-color:#167800; 
}
.range2
{
	background-color:#D74F25; 
}
.range3
{
	background-color:#01E6ED; 
}

.result
{
	margin: 10px 40px 10px 40px;
	padding: 8px;
	border: 1px solid #333;
	text-align: center;
	font-weight: bold;
	background: #eee;
}
	.ok {
		border-color: #0e0;
		background: #084;
	}
	
	.fail {
		border-color: #f00;
		background: #a33;
	}

#sliderValue1,#sliderValue2,#sliderValue3 {
    border: none;
    bottom: -25px;
    left: -14px;
    position: absolute;
    width: 40px;
	cursor:Default;
}

select{
	padding:2px;
	margin: 3px;
	border:1px solid #000;
	background-color: #262626;
	overflow: hidden;
	color: #FFF;
	border-radius: 4px;
}

.gpi {
    border-radius: 50%;
    padding: 7px;
	margin-left: 10px;
}

.layout-main .work-area .work-area-container .upload-area .brand-btn-container {
  display:table;
  min-width:600px;
  max-width:100%;
  font-size:24px
}
.layout-main .work-area .work-area-container .brand-btn-container {
  width:450px;
  max-width:100%;
  transition:all 150ms;
  position:relative;
  margin:auto;
  height:75px;
  border-radius:100px;
  cursor:pointer
}
.layout-main .work-area .work-area-container .brand-btn-container:hover {
  opacity:.9
}
.layout-main .work-area .work-area-container .brand-btn-container .btn-wrapper {
  display:block;
  font-weight:700;
  font-size:20px;
  line-height:26px;
  color:#fff;
  padding-bottom:22px;
  padding-top:25px
}

#overlay{	
  position: fixed;
  top: 5em;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}
.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

.subtitle_in_table{
	color: #fe0;
	text-align: -webkit-center;
}

.overAll {
	display: grid;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000000b5;
    align-content: center;
}

.DragError {
    background: #f96d7f;
    border-radius: 5px;
    border: solid red 3px;
    padding: 10px;
}

.table_container{
	display: flex;
    flex-direction: row;
    align-content: stretch;
    align-items: flex-start;
    justify-content: space-between;
}