*{ -moz-box-sizing: border-box; box-sizing: border-box; }
html,body{
	padding:0; margin: 0; background: var(--site_background); overflow: hidden;
	font-size: 1vw; overflow-x: hidden; font-family: 'Open Sans', sans-serif; background: var(--primary_dark); color: var(--main-color);
}
pic{ display: inline-block; background: no-repeat center center; background-size: contain; }
input[type=text],input[type=password],select,textarea{
	width: 100%; padding: 0.5em 1em; font-size: 1em; border: 2px solid var(--primary_dark); border-radius: 0.5em;
	background: #000; color: #ddd;
}
input[type=color]{ width: 4em; height: 2em; padding: 3px;}
[readonly]{ border: 2px solid #baa2c7!important; background: rgba(255, 255, 255, 0.25)!important; cursor: not-allowed; }

dtpick{ border: 2px solid var(--primary_dark); border-radius: 0.75em; background: var(--primary_dark); }
dtpick button img, dtpick button svg{ opacity: 0.5; }
filter dtpick{ width: 100%; }

stabilo{ display: flex; flex: none; justify-content: center;  align-items: center; padding: 0.25em 0.75em; border-radius: 0.5em; font-size: 0.88em; }
stabilo:before{ display: inline-block; font-family: 'Material Icons'; }
stabilo div{ flex: 1; text-align: center; margin-left: 0.25em; }
stabilo.inprogress, stabilo.non{ background: var(--stabilo_red); color: #fff; }
stabilo.inprogress:before{ content: '\e88b'; }
stabilo.non:before{ content: '\e5cd'; }
stabilo.done, stabilo.oui{ background: var(--stabilo_green); color: #fff; }
stabilo.done:before, stabilo.oui{ content: '\e876'; }
.green{ color: var(--balance_green); }
.red{ color: var(--balance_red); }


check{ display: block; text-align: center; }
check:before{ font-family: 'Material Icons'; font-weight: bold; }
check.c0, .negatif{ color: var(--balance_red); }
check.c0:before{ content: '\e5ca'; }
check.c1, .positif{ color: var(--balance_green); }
check.c1:before{ content: '\e5cd'; }

.hide_1{ opacity: 0.25; }

.act_0{ color: #ffa700; }
.act_2{ opacity: 0.25; }

.trsZone{ text-decoration: none; color: var(--table_color); display: flex; align-items: center;  }
.trsZone span{ flex: 1; text-align: center; }

#ui-datepicker-div{ font-size: 0.75em!important; }
.ui-datepicker .ui-widget-header, .ui-datepicker .ui-datepicker-close{ background: var(--primary_dark)!important; border: 1px solid var(--primary_dark)!important; color: #fff!important; }
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active, .ui-datepicker a.ui-button:active, .ui-datepicker .ui-button:active, .ui-datepicker .ui-button.ui-state-active:hover{ 
	color: #fff!important; background: var(--primary_light)!important; 
}

body.loginp{ background: url() center bottom no-repeat; background-size: cover; }
site{ display: flex; flex-direction: column; align-items: center; width: 100vw; min-height: 100vh; }
body.loginp site full{ justify-content: center; flex: 1;  }

dt{ display: inline; }

header{ display: flex; flex: none; align-items: center; background: var(--secondary_dark); color: #fff; padding: 0 var(--desktop_margin); height: 4em; }
header a{ text-decoration: none; color: #fff; }
header logo{ display: inline-flex; font-size: 1.33em; align-items: center; }
header logo img{ height: 2.25em; margin-right: 0.75em;  }
.loginp header logo pic{ font-size: 1em; margin: 0.5em 1em; }
header .right{ display: inline-flex; flex: none; align-items: center; font-size: 1.5em; }
header div{ display: flex; flex: none; justify-content: space-between; align-items: center; width: 100%; }
header div font{ text-transform: capitalize; }
header div .cta{ font-size: 0.75em; }

footer nav{ display: flex; flex: none; align-items: stretch; font-size: 1.1em;}
footer nav a, #calcWidget .bt_calc{ display: flex; flex: 1; flex-direction: column; align-items: center; text-decoration: none; padding: 0.5em; color: #000; background: #fff; border-top: 2px solid #fff; }
footer nav a:hover, footer nav a.in{ color: var(--primary_dark); background: none; border-top: 2px solid var(--primary_dark); }
footer nav a lab{ font-size: 0.4em; text-transform: uppercase; }

fieldset{ border: 2px solid var(--primary_dark); border-radius: 0.75em; }

.cta{ 
	display: inline-flex; flex: none; align-items: center; text-decoration: none; border-radius: 0.75em; font-size: 1em;
	color: #fff; border: 1px solid var(--secondary_light); background: var(--secondary_light); padding: 0.5em 1em; }
.cta lab{ text-align: center; flex: 1;  margin-left: 1em; }
.cta icon{ width: 1em; height: 1em;  }
.cta:hover{ color: var(--primary_dark); background: var(--primary_light); }
.cta.bt_del{ background: #c33; }
.cta.bt_del + .confirm{ padding: 1em; width: auto; font-size: 1.25em; text-align: center; }
ctazone{ display: block; text-align: right; padding: 1em 0; }
.cta.light{ color: #fff; background: var(--primary_light); }
.cta.light:hover, .cta.light.in{ color: var(--primary_dark); background: #fff; }

.cta.yes{ color: #fff; background: var(--stabilo_green); }
.cta.yes:hover, .cta.no.in{ color: var(--stabilo_green); background: #fff;  }
.cta.no{ color: #fff; background: var(--stabilo_red); }
.cta.no:hover, .cta.no.in{ color: var(--stabilo_red); background: #fff;  }
.cta.choixalt1{ color: #fff; background: #0087ff; }
.cta.choixalt1:hover, .cta.choixalt1.in{ color: #0087ff; background: #fff;  }
.cta.choixalt2{ color: #fff; background: var(--primary_light); }
.cta.choixalt2:hover, .cta.choixalt2.in{ color: var(--primary_light); background: #fff;  }

.cta.balance{ flex-wrap: wrap; flex-direction: column; align-items: center; border: none; background: #fff; color: var(--primary_dark); }
.cta.balance lab{ margin: 0; }
.cta.balance dt{ font-weight: bold; }

.cta.logout{ cursor: pointer; }
.cta.logout lab{ margin: 0 0.5em 0 0; padding: 0; }
.cta.logout i{ color: #fff; }
.cta.logout:hover{ background: none; color: #fff; }

.cta.hist{ width: 100%; background: var(--secondary_light); font-size: 0.88em; border: none; }

.material-icons{ font-size: 1em; }

#log_in div{ margin: 1em 0; font-size: 1.5em; }

site{ display: flex; flex: none; flex-direction: column; align-items: stretch; height: 100vh; }
full{ display: flex; flex: none; justify-content: center; align-items: center; }
full span{ width: 33vw; }


fullmain{ display: flex; flex: none; align-items: stretch; height: 100%; }
fullmain menu{ 
	display: flex; flex: none; flex-direction: column; width: 12vw; margin: 0; padding: 0; background: var(--secondary_dark); 
	max-height: calc( 100vh - 4em );  max-height: -webkit-calc( 100vh - 4em );   
}
fullmain menu h1{ font-size: 1.5em; text-align: center; margin:0; padding: 0.75em 0.25em; font-weight: 600; background: #fff2; }
fullmain menu a{ display: flex; flex: none; align-items: center; text-decoration: none; color: var(--main-color); padding: 0.5em; }
fullmain menu a.in:before{ content: '\e409'; font-family: 'Material Icons'; }
fullmain menu a lab{ flex: 1; text-align: center; }
fullmain menu .cta{ border-radius: 0; }
fullmain menu .emlinks{ display: flex; flex: 1; flex-direction: column; overflow-y: auto; }
main{ 
	display: flex; flex: 1; flex-flow: column; align-items: stretch; overflow: auto;
	border-top: none; padding: 1em var(--desktop_margin) 4em;
}



multibutton{ display: inline-block; position: relative; }
multibutton a{ 
	display: flex; flex: none; align-items: center;
	text-decoration: none; color: #ccc;  padding: 1em 0.75em; background: #555; font-size: 0.75em; border: 1px solid #222; 
}
multibutton hr{ border: none; width: 100%; height: 0.25vh; background: #ccc; margin: 0; }
multibutton a lab{ flex:1; text-align: center; padding: 0 0.25em; white-space: nowrap; }
multibutton img, multibutton icon{ width: 1em; height: 1em; vertical-align: middle; }
multibutton .material-icons{ font-size: 1em; color: #ccc; }
multibutton bthead{ display: flex; flex: none; flex-direction: row; }
multibutton bthead a{ box-shadow: 0 0 1.5vh var(--primary_dark) inset; }
multibutton bthead a:first-child{ font-size: 1.1em; padding: 0.5em 0.75em; }
multibutton bthead a:last-child{ border-left: none; padding: 1em 0.5em; box-shadow: none; }
multibutton a:hover{  background: var(--secondary_light); border: 1px solid var(--primary_light); }
multibutton bthead a:last-child:hover{  background: #F2D525; border: 1px solid #F2D525; border-left: none; }
multibutton #btlist{ display: none; position: absolute; left: 0;  border: 1px solid #ccc; z-index: 4; }
multibutton #btlist in{ display: flex; flex: none; flex-direction: column; }
multibutton #btlist a{ /*display: block;*/ border-bottom: 1px solid #eee;  }
multibutton #btlist a lab{ padding-left: 0.5em; }
multibutton #btlist cell{ display: flex; align-items: center;  background: #eee; border-bottom: 1px solid #aaa; padding: 0.5em 1em; }
multibutton #btlist cell lab{ display: inline-block; white-space: nowrap; padding-right: 0.5em; font-size: 0.75em; }
multibutton #btlist cell dom{ display: inline-block; white-space: nowrap; min-width: 10em; }
/*
multibutton #btlist .confirm{ width: 100%; }
multibutton #btlist .confirm a{ display: inline-block; }
*/
.confirm{ position: fixed; top:0; left:0; border: none; background: none; width: auto; }
.confirm in{ display: flex; flex: none; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: rgba(0,0,0,0.2); font-size: 1.5em; }
.confirm in span{ background: #fff; border: 3px solid #c33; padding: 2em; }
.confirm in span h1{ padding:0; margin:0; }
.confirm in span small{ display: block; margin-bottom: 1em; }
.confirm in span a{ display: inline-block; padding: 1em; border: 1px solid #ccc!important; width: auto!important; }
.confirm in span a.del{ background: #c33; color: #fff; }

.action i{ font-size: 2em; color: var(--table_color); }

multirange{ width: 10em; }
multiple{ font-size: 0.75em; }
multiple disp{ font-size: 0.75em; }
multiple disp scroll{ padding: 0.5em; }
multiple img{ width: 1.5em; height: 2em; margin: -0.25em 0.5em -0.25em 0; }
filter multiple{ width: 10em; }

filter{ display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; padding: 0.5em 0;  }
filter cell{  padding: 0.5em 0; }
filter input[type=text],filter select{ width: auto; }
filter .pageNav{ display: flex; flex: none; justify-content: center; align-items: stretch; font-size: 0.75em; }
filter .pageNav select{ border-radius: 0; }
filter .pageNav a:first-child{ border-radius: 0.75em 0 0 0.75em; }
filter .pageNav a:last-child{ border-radius: 0 0.75em 0.75em 0; }

filter.wtab{ justify-content: flex-start; background: var(--table_result_back); padding: 0.25em; position: relative; }
filter.wtab .flex1{ flex: 1; margin: 0 1em; }


.nbResults{ display: flex; flex: none; justify-content: space-between; align-items: center; padding: 0.5em; background: var(--table_result_back); font-size: 0.75em; border-radius: 0.5em 0.5em 0 0; }
nbResults{ display: inline-block;  }

table{ width: 100%; font-size: 0.75em; }
table th{ padding: 0.66em; background: var(--table_th_background); color: var(--table_color); border-bottom: 2px solid var(--table_th_border); white-space: nowrap; text-align: left; }
/*table th.tri{ display: inline-flex; flex: none; justify-content: space-between; align-items: center; }*/
table td{ padding: 0.33em 0.66em; text-align: left; color: var(--table_color); border-top: 1px solid var(--table_td_border); }
table td img{ height: 1.5vh; }
table tbody tr:nth-child(even){ background: var(--table_even); }
table tbody tr.void td{ background: #888; opacity: 0.25; }
table tbody tr.void:nth-child(even) td{ background: #666; }
table tbody tr.l01 td{ border-top: 2px solid #000;  }
table thead tr.add td{ background: var(--secondary_light); }
table thead tr.tot td{ background: var(--secondary_dark); color: #fff; }
table td pic{ width: 20em; height: 5em; /*background-size: contain;*/ }
table td icon{ width: 1.5em; aspect-ratio: 1/1; /*background-size: contain;*/ }
table td .middle{ display: flex; flex: none; align-items: center; }
table .small{ width: 1%; }
table .num{ width: 4em; }
table .srticon{ cursor: move; }
/*table multibutton{ font-size: 1.33em; }*/
td.action{ white-space: nowrap; }
table td icon.right{ margin-right: 1em; }
table td icon.left{ margin-left: 1em; }

dragzone drag.noCl{ background: #CAB48D; }
dragzone drag.noAct{ background: #ccc; }

btalert{ display: flex; flex: none; justify-content: center; align-items: center; width: 1em; height: 1em; font-size: 0.5em; background: #c33; color: #fff; font-weight: bold;  border-radius: 100%; }

space_between{ display: flex; flex: none; flex-wrap: wrap; justify-content: space-between; align-items: center; }
space_between div{ width: 50%; min-width: auto!important; }

lc{ cursor: pointer; display: flex; flex: none; align-items: center; }

ul.plus li, ul.moins li{ display: flex; flex: none; align-items: center; list-style-type: none; }
ul.plus li:before{ display: inline-block; content: '\e5ca'; margin-right: 0.5em; color: var(--balance_green); font-family: 'Material Icons'; }
ul.moins li:before{ display: inline-block; content: '\e5cd'; margin-right: 0.5em; color: var(--balance_red); font-family: 'Material Icons'; }

.tri{ cursor: pointer; }
.tri:after{ content: '\2B0D'; display: inline-block; margin-left: 0.1em; opacity: 0.5; }
.tri.ASC:after{ content: '\25BE'; }
.tri.DESC:after{ content: '\25B4';  }

/*------------ DATE PICKER MODIF ----------*/
.ui-datepicker-trigger{ border:none; background: none; cursor: pointer; }
#ui-datepicker-div{ font-size: 75%; text-align: left; border: 1px solid #999!important; padding: 0.5%; }
.ui-slider-horizontal{ background: #ddd!important;  border: 2px solid #999!important; }
.ui-slider-handle{ background: #CE0909!important; border: 2px solid #811!important; }

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{  height: 26px; }

.ui_tpicker_time_label,   .ui_tpicker_hour_label,   .ui_tpicker_minute_label{ display: inline-block; width: 50px; padding: 4px 2px; }
.ui_tpicker_time,         .ui_tpicker_hour,         .ui_tpicker_minute{ display: inline-block; width: 140px; margin: 0; }
.ui-datepicker-close{ color: #CE0909!important; border: 1px solid #999!important; }
.ui-datepicker-buttonpane{ margin-top: -12px!important; } /* conteneur des boutons now et done */

/*----------------------------------------------*/

/*--------- COLOR PICKER MODIFS -----------------*/
.colorpicker_cont{ width: 7em; }
.colorpicker{ font-size: 0.66em; }
.colorpicker input[type=text]{ padding: 1em 1em; border-radius: 1em;  border: 1px solid var(--jsonAddBack)!important; }
.cp-cont.noAlpha .cp-alpha{ display: none; }
.cp-cont .cp-values, .cp-cont .cp-buttons{ display: flex; flex: none; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.cp-cont .cp-values div{ width: 45%; }
.cp-cont .cp-buttons div{ width: 45%; padding: 0.5em; text-align: center; }
.cp-cont .cp-buttons .btn-close{ color: #ddd; background: var(--jsonAddBack); }
/*----------------------------------------------*/

jsontab td{ padding: 0.25em!important; }
jsontab #add select{ border: 1px solid #b5b; }
jsontab .action{ display: flex; flex: none; justify-content: space-around; align-items: center; }
jsontab .action a{ margin: 0 0.25em; }
jsontab .action i{ font-size: 1em; }
jsontab .action .del{ width: auto; } 
jsontab .action .del i{ color: #c33; }


.listedit{ overflow-y: auto; position: relative;  border: 1px solid var(--primary_dark); }
.listedit legend{ font-weight: bold; color: var(--primary_dark); }
.listedit legend .cta{ justify-content: center; width: 1.5em; height: 1.5em; padding: 0; }
.listedit td .cta{ justify-content: center; width: 2em; height: 2em; padding: 0; }
.listedit td .cta .material-icons{ margin:0; }
.listedit tr#add, .listedit tr#edt{ 
	display: none; position: absolute; width: 96.5%; background: #fff; padding: 2em 0;/* border: 1px solid #00BAB3; box-shadow: 0 1vh 1vh rgba(16, 130, 214, 0.1);*/ 
}
.listedit tbody tr .action{ width: 2.5em; white-space: nowrap; }
.listedit tr#add td:first-child{ width: 20%; }
.listedit tr#add dummy{ display: inline-block; width: 13em; }
.listedit tbody tr td:first-child{ width: 12%; }

.signdef{ background: #fafafa; }
table tbody tr:nth-child(2n) .signdef{ background: #f1f1f1; }
.pos{ background: #d4edda; }
table tbody tr:nth-child(2n) .pos{ background: #b3e3bf; }
.neg{ background: #f8d7da; }
table tbody tr:nth-child(2n) .neg{ background: #eebdc1; }

.accountsSelect{ display: flex; flex: none; align-items: center; text-decoration: none; border: 1px solid #777; color: #000; border-radius: 0.33em;  width: 100%; height: 4em; }
a.accountsSelect:hover{ background: #fff; }
.accountsSelect pic{ width: 4em; height: 4em;  border-radius: 0.33em 0 0 0.33em;  border-right: 1px solid #ddd; background: no-repeat center center; background-size: 100% 100%;}
.accountsSelect cell{ flex: 1;  text-align: center;}
a.accountsSelect:after{ content: '\21A9'; display: inline-flex; flex: none; justify-content: center; align-items: center;  width: 3em; height: 3.9em; font-size: 1.5em; border-left: 1px solid #ddd; background: #fff; border-radius: 0 0.33em 0.33em 0; }

.sDetect{ padding: 0.2em 0.5em; border-radius: 1em; }

.editzone{ display: flex; flex: none; flex-direction: column; /*justify-content: space-between;*/ align-items: stretch; overflow: hidden; }
etitle{ display: flex; flex: none; align-items: center; margin: -1em 0 2em;  /*margin: 1em 0;*/  }
etitle a{ display: flex; flex: none; align-items: center; font-size: 1.75em; padding: 0.1em; margin-right: 0.2em; text-decoration: none; color: var(--table_color); }
etitle a lab{ font-size: 0.4em!important; margin-left: 0.33em; }
etitle span{ text-align: center; width: 100%; }
.editzone scroll{ display: flex; flex: none; justify-content: space-around; align-items: stretch; height: 73vh; max-height: 73vh; overflow-y: auto;  padding: 0 var(--desktop_margin); }
.editzone space-between{ display: flex; flex: none; justify-content: space-between; align-items: center; }
.editzone space-between div{ min-width: auto; }
.editzone fieldset{ width: 100%; }
.editzone scroll lab, .editzone label{ width: 100%; font-size: 1em; display: block; margin-bottom: 0.5em; }
.editzone dom{ display: flex; flex: none; align-items: center; width: 100%; }
.editzone .inline{ display: flex; flex: none; align-items: center; }
.editzone .inline lab{ width: auto; font-size: 1em; margin-right: 0.5em; margin-bottom: 0; }
.editzone .inline dom{ width: auto; flex: 1; }
.editzone .inline.spe{ display: flex; flex: none; }
.editzone div:not(.cp-cont):not(.cp-cont *){ width: 100%; margin-bottom: 1em; }
.editzone form cell{ display: flex; flex: none; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: 1em; }

.editzone .full{ width: 100%;  }
.editzone .triquarter{ width: 75%;  }
.editzone .quarter{ width: 25%;  }
.editzone .half{ width: 50%;  }
.editzone .third{ width: 33%;  }
.editzone .twothird{ width: 66%;  }
.editzone .halfthird{ width: 16.5%;  }
.editzone .auto{ width: auto; margin-right: 1em; }

.editzone article{ width: 100%; }
.editzone article in{ display: flex; flex: none; flex-wrap: wrap; width: 100%; margin-bottom: 1em; }
.editzone article h4:not([class]){ width: 100%; font-size: 0.75em; }
.editzone article h4{ font-size: 0.75em; margin: 0; }

.editzone small.indic{ font-size: 0.75em; font-weight: 400; color: #c33; }

#edit{ 
		display: none; position: fixed; top: 4em; left: 0; overflow-y: hidden; z-index: 100; width: 100%;
		background: var(--site_background);
}
#edit .editzone{ width: 100vw; height: calc(100vh - 4em); height: -webkit-calc(100vh - 4em); overflow-y: auto; padding-top: 1em; }
#edit .editzone etitle{ background: #000; }
#edit div lab{  color: var(--table_color); }
#edit div.num dom input{ width: 6em; }
#edit div.numdouble dom input{ width: 10em; }
#edit div.hide{ display: none; }
#edit nav{ display: flex; flex: none; justify-content: center; align-items: center; padding: 1em; /*background:var(--edit_nav_back);*/ }
#edit nav a{ margin: 0 1em; }
#edit chkb{ display: flex; flex: none; flex-wrap: wrap; justify-content: space-between; align-items: center; width: 33vw; }
#edit chkb div{ min-width: 33%; width: auto; justify-content: center; }
#edit chkb div lab{ width: auto!important; padding-right: 1em; }
#edit chkb div dom{ flex: none!important; }

.addComment{ font-size: 1em; max-width: 33vw;  }
.addComment scrollbox{ display: block; width: 100%; max-height: 25vh; overflow-y: auto; overflow-x: hidden; }
.addComment scrollbox div{ padding: 0.5em; border-bottom: 1px solid #ccc; color: var(--primary_dark); }
.addComment scrollbox div i{ display: block; opacity: 0.75; font-size: 0.75em; color: #000; }
.addComment h4{ color: var(--balance_red); font-size: 0.66em; text-align: center; max-width: 20vw; }
.addComment .green{ color: var(--balance_green); }
#edit .addComment .noBorder{ border: none; margin-bottom: 0.25em; }
#edit .addComment nav{ padding: 0 0.5em; justify-content: flex-end; }
#edit .addComment nav a{ margin: 0; }

.fdatezone{ width: 14em; }
.fdatezone cell{ width: 100%; padding: 0.25em 0; text-align: center; }
div.fdatezone{ display: none; width: 16em; position: absolute; top: 3.5em; left: 0; background: var(--table_result_back); padding: 1em; z-index: 20; }
div.fdatezone cell{ width: 100%; padding: 0.25em 0; text-align: center; }
.fsearchzone{ width: 19em; }
.fsearchzone cell{ width: 100%; padding: 0.25em 0; text-align: center; }
.fsearchzone cell select, .fsearchzone cell .select2{ width: 100%!important; }

form rd{ display: flex; flex: none; justify-content: space-between; align-items: center; width: 100%; }
form rd choice{ background: #eee; color: #bbb; padding: 0.5em; border-radius: 0.5rem; flex: 1; text-align: center; margin-right: 0.5em; }
form rd choice:not(.disable):hover, form rd choice.checked, form rd choice.default{ color: #fff; background: var(--primary_dark); }


.comment comment{ display: none; position: absolute; top: 0; left: -18em;  }
.comment comment commin{ display: block; background: var(--primary_dark); color: #fff; padding: 1em; width: 18em; text-align: left; }
.comment{ text-align: center; color: #000; cursor: help; position: relative; }
.comment icon{ display: flex; flex: none; width: 100%; height: 100%; justify-content: center; align-items: center; }

.usertypes{ display: flex; flex: none; justify-content: space-around; }
.usertypes cell{ width: 25%; color: var(--primary_dark); font-size: 0.75em; }
.usertypes a{ display: flex; flex: none; align-items: center; padding: 0.5em; color: #fff; background: var(--primary_dark); text-decoration: none; margin-top: 0.25em; border-radius: 0.2em; }
.usertypes a:before{ display: inline-block; content: '+'; margin-right: 0.5em; }
.usertypes a.in:before{ content: '-'; }
.usertypes ul.cont{ display: none; }


#adminsEdit cell{ width: 33%; }

#gaincontrol{ display: flex; flex: none; flex-wrap: wrap; align-items: flex-start; justify-content: space-around; }
#gaincontrol cell{ display: block; width: 46%; }

#wheelssegments .active_0{ opacity: 0.25; }

#wheelssegmentsEdit cell{ width: 33%; }

#wheelstemplatesEdit cell{ width: 33%; }
#wheelstemplatesEdit .middle{ margin: 0 1em; }
#wheelstemplatesEdit .sorted_placeholder{ border: 2px dashed #fff; background: #fbff0066; }


/*--------- PATCH SELECT2 ----------*/
.select2{ color: #000; border-radius: 0.5em!important; font-size: 0.66em!important; }
.select2-container:not(.select2){ z-index: 150; border-radius: 0.5em!important; font-size: 0.66em!important; }

#showPic{ display: none; position: fixed; top:0; left: 0; z-index: 80; }
#showPic in{ display: flex; flex: none; flex-direction: column; justify-content: center; align-items: center; width: 100vw; height: 100vh; background: rgba(0,0,0,0.66); }
#showPic close{ display: block; text-align: right; margin-top: -2em; }
#showPic close a{ 
    display: inline-flex; flex: none; justify-content: center; align-items: center; width: 1.5em; height: 1.5em; 
    text-decoration: none; color: #fff;
}
#showPic span { max-width: 96vw; max-height: 85vh;  }
#showPic img { max-width: 100%; max-height: 85vh;  }
#showPic iframe{ width: 75vw; height: 42.18vw; max-height: 85vh;  }
#showPic piccont{ display: block; text-align: center; }

/* roue des jeux dans rouedesjeux.css */

#load_full{ position: fixed; top: 0; left: 0; font-size: 1em; background: none; }
#load_full section{ display: flex; flex: none; justify-content: center; align-items: center; width: 100vw; height: 100vh; }
#load_full txin{ padding: 2em 4em; width: auto; height: auto; border-radius: 0.5em; box-shadow: 0 0 2em var(--primary_dark) inset; background:rgba(255, 255, 255, 0.88); }
#load_full h1{ font-size: 3em; margin:0;  }
#load_full icon{ width: 7em; height: 7em; }