.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;
}
.stat-boxes, .quick-actions, .quick-actions-horizontal, .stats-plain {
	display: block;
	list-style: none outside none;
	margin: 15px 0;
	text-align: center;
}
.stat-boxes2 {
	display: inline-block;
	list-style: none outside none;
	margin:0px; 
	text-align: center;
}
.stat-boxes2 li {
	display: inline-block;
	line-height: 18px;
	margin: 0 10px 10px;
	padding: 0 10px; background:#fff; border: 1px solid #DCDCDC
}
.stat-boxes2 li:hover{ background: #f6f6f6; }
.stat-boxes2 .left, .stat-boxes .right {
	text-shadow: 0 1px 0 #fff;
	float: left;
}
.stat-boxes2 .left {
	border-right: 1px solid #DCDCDC;
	box-shadow: 1px 0 0 0 #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	margin-right: 10px;
	padding: 10px 14px 6px 4px;
}
.stat-boxes2 .right {
	color: #666666;
	font-size: 12px;
	padding: 9px 10px 7px 0;
	text-align: center;
	min-width: 70px; float:left
}
.stat-boxes2 .left span, .stat-boxes2 .right strong {
	display: block;
}
.stat-boxes2 .right strong {
	font-size: 26px;
	margin-bottom: 3px;
	margin-top: 6px;
}