.modal-header {
  background-color: #263238;
  color: #ECEFF1;
}

.max-height{
       /*margin-top:30px;*/
    margin-top: 0px;
    overflow:auto; 
    max-height:370px;
    background-color: transparent;
  }

.dataTables_filter{
  display: none;
  }

  .min-content{
       /*margin-top:30px;*/
    margin-top: 0px;
    overflow:auto; 
    max-height:410px;
    background-color: transparent;
  }

.lola-content{
    /*margin-top:30px;*/
    margin-top: 0px;
    overflow:auto; 
    max-height:520px;
    background-color: transparent;
}

.tatim-mini-content{
    /*margin-top:30px;*/
    margin-top: 0px;
    overflow:auto; 
    max-height:250px;
    background-color: transparent;
}

.recette a:hover{
    color: #30a5ff;
}

.lola-color{
    color: #30a5ff;
}
.lola-background{
    background: #30a5ff;
}

#main{
margin: 15px auto;
background:white;
overflow: auto;
width: 100%;
}

#mainbody{
background: white;
width:100%;
display:none;
}

#v{
width:320px;
height:240px;
}
#qr-canvas{
display:none;
}
#qrfile{
width:320px;
height:240px;
}
#mp1{
text-align:center;
font-size:35px;
}
#imghelp{
position:relative;
left:0px;
top:-160px;
z-index:100;
font:18px arial,sans-serif;
background:#f0f0f0;
margin-left:35px;
margin-right:35px;
padding-top:10px;
padding-bottom:10px;
border-radius:20px;
}
.selector{
margin:0;
padding:0;
cursor:pointer;
margin-bottom:-5px;
}
#outdiv
{
width:320px;
height:240px;
border: solid;
border-width: 3px 3px 3px 3px;
}
#result{
border: solid;
border-width: 1px 1px 1px 1px;
padding:20px;
width:70%;
}
.login-logo {
font-size: 35px;
text-align: center;
margin-bottom:0px;
font-weight: 300;
}

.tatim-warning{
background: #FFFDE7;
}

.tatim-info{
background: #BBDEFB;
}

.tatim-danger{
background: #FBE9E7;
}

form .form-group label{
text-align: left;
}