html,body {margin:0; padding:0; height:100%; -webkit-font-smoothing: antialiased !important;}
body{font-family:Lato,Arial; font-size:14px; color:#111; font-weight:400; background:#f5f5f5;}

/*admin*/
#admin {position:relative;width:100%; min-height:100%; font-size:14px;}
#fix {position:fixed; z-index:99; color:#ffffff; background:#a72920; display:block; padding:8px 10px; font-size:15px; width:100%; min-height:20px;}
thead th {  position: -webkit-sticky;
  position: -moz-sticky;
  position: -o-sticky;
  position: -ms-sticky;
  position: sticky; top: 40px; padding:5px; border-radius:4px;}
.item {border-radius:4px;border:1px solid #444444; font-weight:400; font-size:15px; padding:3px; display:inline-block; color:#444444; cursor:pointer; margin-right:5px; transition: 0.4s all ease;}
.item:hover, .on  {background:#444444; color:#ffffff;}
.item2 {border-radius:4px;border:1px solid #fc1919; font-weight:400; font-size:15px; padding:3px; display:inline-block; color:#fc1919; cursor:pointer; margin-right:5px; transition: 0.4s all ease;}
.item2:hover {background:#fc1919; color:#ffffff;}
#admlogo {display:inline-block; vertical-align:middle; margin-left:10px;}
.client {cursor:pointer;}

#admin td {color:#333;}
#admin .t {width:100%;}
#admin .t td {padding:5px;border:1px solid #ddd;border-radius:4px; overflow:hidden; background:#f9f9f9;}
#admin .t tr:hover td {background:#fff;}
#admin .t tr:hover .bande, #admin .t .bande {font-weight:400; background:#383e42; color:#fff;} 
#admin .t tr:hover .bande2, #admin .t .bande2 {font-weight:400; background:#ddd; color:#111;} 
.tdvert {background:#a2f260 !important;}
.tdjaune {background:#e4ef65 !important;}
.tdrouge {background:#edb895 !important;}

#paniersortie {width:900px;  display:inline-block; margin:20px 0; border-collapse:collapse;}
#paniersortie .bande {font-size:24px; color:#fff;border:2px solid #fff; font-weight:bold;}
#paniersortie td {font-size:20px; color:#fff;padding:8px;border:1px solid #fff;}

.text {border-radius:4px;font-family: Lato,Arial;font-size:14px; border:1px solid #aaa; padding:4px; width:300px;}
.textarea, .select {border-radius:4px; font-family: Lato,Arial;font-size:14px; border:1px solid #aaa; padding:4px;}
.mselect {border:0;border-radius:4px; font-family: Lato,Arial;font-size:14px; padding:2px;}

.bleu {border-radius:4px;font-family:Lato,Arial;font-size:15px; color:#ffffff; border:0; background:#247efe; font-weight:Bold; padding:2px 4px; cursor:pointer;}
.vert {border-radius:4px;font-family:Lato,Arial;font-size:15px; color:#ffffff; border:0; background:#48ca00; font-weight:Bold; padding:2px 4px; cursor:pointer;}
.orange {border-radius:4px;font-family:Lato,Arial;font-size:15px; color:#ffffff; border:0; background:#ff6600; font-weight:Bold; padding:2px 4px; cursor:pointer;}
.rouge {border-radius:4px;font-family:Lato,Arial;font-size:15px; color:#ffffff; border:0; background:#e40000; font-weight:Bold; padding:2px 4px; cursor:pointer;}
.brouge {border-radius:4px;font-family:Lato,Arial;font-size:17px; color:#ffffff; border:0; background:#e40000; font-weight:Bold; padding:5px; cursor:pointer;}
.bvert {border-radius:4px;display:inline-block; font-family:Lato,Arial;font-size:60px; color:#ffffff; border:0; background:#287000; font-weight:Bold; padding:5px 20px; cursor:pointer;}
.btext {border-radius:4px;width:300px; font-family: Lato,Arial;font-size:30px; border:1px solid #ddd; color:#222; padding:5px; text-align:center;}
.r {box-shadow:0px 0px 5px 2px #e40006;}

/* AUTOCOMPLETE */
.ac_results {position:relative; font-size:15px; color:#333; margin-top:5px; border:1px solid #dddddd; width:310px!important; background:#eee; z-index: 15000!important; min-height:100px;}
.ac_results ul {list-style:none; padding:0; margin:0;}
.ac_results li {margin:0px; padding: 5px; cursor:default; display:block; overflow:hidden;}
.ac_loading, .ac_odd {background:#ffffff}
.ac_over {background-color:#201b1b; color:#ffffff;}

a {outline:none; text-decoration:none;}

/*entree - sortie*/
form {margin:0; padding:0;}
#table {width:100%; height:100%; display:table; background:#000;position:absolute;}
#center {width:100%; display:table-cell; vertical-align:top; text-align:center; color:#fff; padding-top:20px;}

.itf {font-size:60px;}
#printcode {font-size:80px;}
.print, #attente {display:none;}
.itf2 {font-size:40px;}

.big {font-size:40px; font-weight:bold;}
.mid {font-size:25px; font-weight:bold;}
#keypad {font-size:0;}
.key, .btn, .nokey {display:inline-block;margin:5px;padding:5px;width:68px;height:50px;line-height:50px;background:#f5f5f5;text-align:center;font-size:30px;font-weight:bold;color:#222;cursor:pointer; border:1px solid #333;}
.key:hover {background:#fff;}
.btn {background:red; color:#fff;}
.nokey {background:#555;}
.maxtext {text-align:center;border-radius:4px;width:300px; font-family: Lato,Arial;font-size:60px; font-weight:bold; border:1px solid #ddd; color:#111; padding:5px; margin:10px 0;}
input[type=text]:disabled {background: #fff;}

@media screen and (max-width: 767px)
  {
  .story,  #main {margin:auto; width: calc(100% - 10px); padding-left:5px; padding-right:5px;}
  .table {width:100%; margin-bottom:10px;}
  .table2 td {display:block; width:calc(100% - 10px);}
  .tleft, .tright {float:none;}
  .pdfs {width:100px;}
  .pdf img {height:30px;}
  #logo {margin:0;}
  #logo img {height:70px;}
  #logo_structure {transform: scale(0.5); top:0;}
  .btext {width:calc(100% - 10px); font-size:13px;-webkit-appearance: none;}
  .bselect {font-size:13px;}
  .ariane {font-size:15px;}
  .text, .orange, .rouge, .vert, .ariane2 {font-size:13px;}
  .bvert, .brouge {font-size:15px;-webkit-appearance: none;}
  .block {width:calc(100% - 10px); display:block;}
  .arr {height:15px;}
  .no {display:inline-block;}
  }
@media screen and (min-width: 768px) and (max-width: 1139px)
  {
  .story,  #main {margin:auto; width: calc(100% - 10px); padding-left:5px; padding-right:5px;}
  .table {width:100%; margin-bottom:10px;}
  .tleft, .tright {float:none;}
  #logo_structure {transform: scale(0.8); top:0;}
  .btext {width:calc(100% - 10px);}
  }