html{
 width:100%;
 height:100%;
}

body{
 width:100%;
 height:100%;
 border:0px;
 margin:0px;
 padding:0px;
 font-family: 'Ubuntu-regular';
 font-size:14px;
 #line-height:25px;
 color:#fff;
 background:#222222;
 -webkit-font-smoothing: antialiased;
 z-index:1;
 -webkit-touch-callout: none; /* iOS Safari */
 -webkit-user-select: none; /* Safari */
 -khtml-user-select: none; /* Konqueror HTML */
 -moz-user-select: none; /* Old versions of Firefox */
 -ms-user-select: none; /* Internet Explorer/Edge */
 user-select: none; 
}
td{
 font-family: 'Ubuntu-regular';
 font-size:15px;	
}

img{
 border:0;
}




#userbox{
 position:fixed;
 display:block;
 margin:auto;
 top:0;
 bottom:0;
 right:0;
 width:0px;
 height:100%;
 background:#333;
 z-index:4;
 transition:width 1s;
 padding:20px 0;
 box-sizing:border-box;
 text-align:center;
 overflow:hidden;
}







input[type="text"],input[type="password"]{
 background:transparent;
 border:solid 2px #8c8c8c;
 border-radius:8px;
 height:40px;
 line-height:40px; 
 min-width:220px;
 -webkit-appearance: none;
 color:#fff;
 padding:0 5px;
 margin:0 10px;
 outline: none;
 font-family: 'Ubuntu-regular';
 font-size:14px;
}


a.button, a.button:visited{
 display:inline-block;
 width:auto;  
 line-height:40px;
 height:40px;
 padding:0px 10px;
 text-decoration:none;
 font-size:16px;
 color:#fff;
 background:#df2a50;
 transition: background 0.5s;
 border-radius:5px;
 text-align:center;
}
a.button:hover{
 text-decoration:none;
 background:#e77181; 
 transition: background 0.5s;
}
a.button:active{
 text-decoration:none;
 background:#fff;
 color:#df2a50;
 transition: background 0.5s; 
}


a.smallbutton, a.smallbutton:visited{
 display:inline-block;
 width:auto;  
 line-height:25px;
 height:25px;
 padding:0px 8px;
 text-decoration:none;
 font-size:14px;
 color:#fff;
 background:#df2a50;
 transition: background 0.5s;
 border-radius:5px;
 text-align:center;
}
a.smallbutton:hover{
 text-decoration:none;
 background:#e77181; 
 transition: background 0.5s;
}
a.smallbutton:active{
 text-decoration:none;
 background:#fff;
 color:#df2a50;
 transition: background 0.5s; 
}



a, a:visited{
 display:inline-block;
 text-decoration:none;
 font-size:15px;
 color:#ccc;
}
a:hover{
 text-decoration:none;
 color:#fff;
}


a.toolbarbutton, a.toolbarbutton:visited{
 display:inline-block;
 position: relative;
 width:35px;  
 line-height:50px;
 height:50px;
 padding:0px 10px;
 text-decoration:none;
 font-size:16px;
 color:#fff;
 background:transparent;
 transition: background 0.5s;
 border-radius:0px;
 text-align:center;
}
a.toolbarbutton:hover{
 text-decoration:none;
 background:#444; 
 transition: background 0.5s;
}
a.toolbarbutton:active{
 text-decoration:none;
 background:#ccc;
 color:#df2a50;
 transition: background 0.5s; 
}
a.toolbarbutton img{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}



a.vehicule, a.vehicule:visited{
 display:block;
 position: relative;
 padding:15px;
 line-height:50px;
 font-size:18px;
 box-sizing:border-box;
 border-bottom:solid 1px #333;
}
a.vehicule:hover{
 text-decoration:none;
 background:#444; 
 transition: background 0.5s;
}
a.vehicule:active{
 text-decoration:none;
 background:#ccc;
 color:#df2a50;
 transition: background 0.5s; 
}
a.vehicule img{
  width:10px;
  position: absolute;
  top:50%;
  right:15px;
  transform: translate(0,-50%);
}











div.selectbox{
 display:inline-block;
 width:195px;
 height:42px;
 background:#444;
 border-radius:5px;
 margin:0 8px;
 line-height:42px;
 padding:0 5px;
 position:relative;
 box-sizing:border-box;
 z-index:3;
}
div.selectbox:hover{
 background:#555;
}
div.selectbox span::after{
 background-image: url('icon-chevron.png');
 background-size: 17px 9px;
 display: inline-block;
 width: 17px; 
 height: 9px;
 content:"";
 position:absolute;
 top:17px;
 right:9px;
}

input.calendar{
 background:#444;
 border:0;
 border-radius:5px;
 height:42px;
 line-height:42px; 
 min-width:auto;
 -webkit-appearance: none;
 color:#fff;
 padding:0 8px;
 margin:0 5px;
 outline: none;
 font-family: 'Ubuntu-regular';
 font-size:14px;
 box-sizing:border-box;
 cursor:default;
}
input.calendar:hover{
 background:#555;
}



div.popupselect{
 display:none;
 position:fixed;
 width:200px;
 height:auto;
 z-index:5;
}
div.popupselectitem{
 display:block;
 width:100%;
 line-height:42px;
 background:#444;
 color:white;
 padding:0 8px;
 box-sizing:border-box; 
}
div.popupselectitem:hover{
 background:#555;
}




div.dateselect{
 display:none;
 position:fixed;
 width:590px;
 height:auto;
 background:#444;
 z-index:5;
}

a.dateselectbutton, a.dateselectbutton:visited{
 display:inline-block;
 position: relative;
 width:auto;
 min-width:35px;  
 line-height:50px;
 height:50px;
 padding:0px 10px;
 text-decoration:none;
 font-size:16px;
 color:#fff;
 background:transparent;
 transition: background 0.5s;
 border-radius:0px;
 text-align:center;
 cursor:default;
}
a.dateselectbutton:hover{
 text-decoration:none;
 background:#555; 
 transition: background 0.5s;
}
a.dateselectbutton:active{
 text-decoration:none;
 background:#777;
 color:#fff;
 transition: background 0.5s; 
}
a.dateselectbutton img{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%,-50%);
}

div.selectdateday{
 display:inline-block;
 border:0;
 padding:10px 0;
 width:38px;
 height:37px;
 border-radius:0px;
 box-sizing:border-box;
 margin:0;
 text-align:center;
 transition: background 0.5s;
}
div.selectdateday:hover{
 background:#555;
}
div.selectdateday:active{
 background:#777;
}






table.datatable{
 background:#444;
 width:100%;
}
table.datatable tr{
 height:30px;
 background:#444;
}
table.datatable tr:nth-child(even) {
 background-color:#555;
}
table.datatable td.ellipsed{
 max-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

table.datatable tr.tabselected{
	background-color:#df2a50;
	color:white;
}




input[type="checkbox"]
{
    border: none;
	width:16px;
	height:16px;
	vertical-align:-3px;
}
input:checked[type="checkbox"]
{
	background:#fff;
}




span.circle{ 
 display:inline-box;
 font-size:14px;
 padding:2px 8px;
 border:solid 2px #ccc;
 color:#ccc;
 margin-right:5px;
 border-radius:100%;
}


td.m15p{
   width:150px;
 }
 
 
 



div.bottombar{
 display:none;
 z-index:2; 
 position:fixed;
 left:0; 
 bottom:0;
 height:75px;
 width:100%;
 margin:auto;
 background:rgb(56,56,56);;
 text-align:center;
 vertical-align:middle;
}

div.bottombarlabel{
 position:absolute;
 left:100px;
 margin-top:30px;
 font-size:12px;
 color:white;
}

a.bottombarbutton{
 margin-right:8px;
 display:inline-block;
 padding:7px;
 line-height:25px;
 font-size:13px;
 color:#abaeb4;
 background:#444;
 text-decoration:none;
 cursor:default;
 border-radius:3px;
}
a.bottombarbutton:hover, a.bottombarbutton:visited:hover{
 background:#555;
 color:#ffffff;
 text-decoration:none;
 cursor:default;
}
a.bottombarbutton:active{
 background:#6a6f7d;
 color:#ffffff;
 text-decoration:none;
 cursor:default;
}
a.bottombarbutton:visited{
 color:#abaeb4;
 background:#444;
 text-decoration:none;
 cursor:default;
}
a.bottombarbutton img{
 border:none;
 align:center;
 vertical-align: -26%;
}
a.bottombarbutton span.octicon{
 vertical-align:-3px;
 padding-right:1px;
 font-size:19px;
} 
 
 
 
 
 
 


@media (max-width: 600px) {

 .mblock {
  display:block;
  clear:both;
  width:100%!important;
  text-align:left!important;
  box-sizing:border-box;
 }

 .m100{
  width:100%!important;
 }

 .mhide{
  display:none;
 }
 .mvisible{
  display:inline;
 }
 .msmall{
  font-size:8.5px;
 }
 .mmax {
  width:100%!important;
  max-width:100%!important;
  height:auto;
  padding:0!important;
 }

 img{
  max-width:100%;
 }

 iframe {
  width:100%;
 }
 
 table.datatable, table.datatable td{
	 font-size:13px;
 }
 
 td.m15p{
   width:15%;
 }
 

}