body {max-width:500px; margin:auto;}
h3 {text-align:center;}
.icz {height:6vh; margin-right:20px;}
.collapsible-body {background:#e9ead9; padding:5px 15px; }
thead {font-size:8pt; padding:0;}

#modif, #menu, #edit_grp {position:fixed; top:0; left:-150%; width:100%; height:100vh; color:#FFF; transition:left .4s; padding:15% 5%; background:rgba(50,50,50,.95); z-index:10;}
#modif input, #menu input, #edit_grp input {color:#FFF; text-align:center;}
#modif i {text-align:center;}

.close {position:fixed; top:3%; left:20px; font-size:1em; cursor:pointer; z-index:15; display:none;}
.suppr {position:fixed; top:3%; left:30%; cursor:pointer; z-index:15; display:none;}
.check {position:fixed; top:3%; right:3%; cursor:pointer; z-index:15; display:none;}
.duplq {position:fixed; top:3%; right:30%; cursor:pointer; z-index:15; display:none;}

ul thead th {padding:1px !important; text-align:center;}
ul tbody tr {padding:10px !important;}
ul tbody td {text-align:center; min-width:30px;}
ul td img {width:20px;}

.seltr {
	background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
}

#cache {position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(50,50,50,.95); display:none;}

.nb,.nom {text-align:center; font-size:16pt;}
.btn-block {width:100%;}
.collapsible-body .material-icons {cursor:pointer;}

.pers {margin:3px 0;}
.pers img {width:20px;}

.type_alim {width:30%; margin:10px 35%;}

#malert {position:fixed; bottom:2%; right:-100%; text-align:center; width:auto; background:rgba(50,50,50,.95); color:yellow; font-size:11pt; padding:5px 30px; max-width:80%; transition:right .4s; z-index:15;}
#calert {padding:3px 5px; color:#BBB;}

#Bmenu {position:absolute; top:15px; left:15px;}

#les_grp td img {height:50px;}
#svg {height:80vh; overflow:auto; display:none;}
#svg img {width:14%; margin:1.3%;}

.sz08 {font-size: 8pt;}
.sz10 {font-size:10pt;}
.sz11 {font-size:11pt;}
.sz12 {font-size:12pt;}
.sz14 {font-size:14pt;}
.sz16 {font-size:16pt;}
.sz18 {font-size:18pt;}



.btn-mini {
	height: 22px;
	line-height: 22px;
	font-size:10px;
	padding: 0 0.5rem;
}

.msg {
	width:90%;
	padding:1% 20px ; margin:5%;
	font-weight:bold;
	border-radius:5px;
	border: solid 2px #DDD;
	border-right: solid 40px #DDD;
	position:relative;
}
.msg i {position:absolute; top:5px; right:-32px; }


.msg-ok {
	background: #299934;
	border-color: #1b6322;
  color: white;
}

.msg-error {
  background: tomato;
	border-color: #943b18;
  color: white;
}