/* 
    FIRST GREY = #242325;
    FIRST YELLOW = #FBC600;
    SECOND GREY = #B3B3B3
*/
#pickadate_index { z-index:1001; }
#admin_console { position:fixed; bottom:0; left:0;width:100%; background:#242325; color:#FFF; text-align:center; z-index:1001; display:none; }
body{
	margin:0;
	padding:0;
	width:100%;
	height:100%;	
	font-size:14px;
	font-family: 'Comfortaa', sans-serif;
    background: #FBC600;
	color:#000;
    overflow:hidden;
}
body.fancybox-active.tox-dialog__disable-scroll .fancybox-container {
    display: none;
}
.tox :not(svg):not(rect) { font-size:14px!important; }

#popUp{
    position:absolute;
    top:0;
    right:-350px;
    max-width:350px;
    padding:10px;
    border-radius:5px 0 0 5px;
    background:#242325;
    z-index:9999;
    transition:all 1s;
}
#popUp.visible{ right:0; }

#popUp_ico{
    padding:5px;
}

#MainContainer{
    position:absolute;
    width:100%;
    height:100%;
    background:transparent;
    overflow:hidden;
}
#MainFrame{
    width:100%;
    height:100%;
    background:#F3EFF5;
}

/* CORE */ 
.flexbox {
    display:flex; 
    flex-direction:row; 
    justify-content:center;
    align-items:center;
    align-content:center;
    flex-wrap: nowrap;
}
.flex-column { flex-direction:column; }
.flex-wrap { flex-wrap:wrap; }

.flex-start { justify-content:flex-start; }
.flex-center { justify-content:center; }
.flex-end { justify-content:flex-end; }
.space-evenly { justify-content:space-evenly; }
.space-between { justify-content:space-between; }

.align-start { align-items:flex-start; }
.align-center { align-items:center; }
.align-end { align-items:flex-end; }
.align-stretch { align-items:stretch; }


.cadre-100 { float:left; width:100%; box-sizing:border-box;}
.cadre-80 { float:left; width:80%; box-sizing:border-box;}
.cadre-70 { float:left; width:70%; box-sizing:border-box;}
.cadre-60 { float:left; width:60%; box-sizing:border-box;}
.cadre-50 { float:left; width:50%; box-sizing:border-box;}
.cadre-40 { float:left; width:40%; box-sizing:border-box;}
.cadre-33 { float:left; width:33%; box-sizing:border-box;}
.cadre-30 { float:left; width:30%; box-sizing:border-box;}
.cadre-25 { float:left; width:25%; box-sizing:border-box;}
.cadre-20 { float:left; width:20%; box-sizing:border-box;}
.cadre-10 { float:left; width:10%; box-sizing:border-box;}

.height-100 { height:100%; }
.height-75 { height:75%; }
.height-66 { height:66%; }
.height-50 { height:50%; }
.height-33 { height:33%; }
.height-25 { height:25%; }


.pad5 { padding: 5%; }
.pad4 { padding: 4%; }
.pad3 { padding: 3%; }
.pad2 { padding: 2%; }
.pad1 { padding: 1%; }

.marg5 { margin: 5%; }
.marg4 { margin: 4%; }
.marg3 { margin: 3%; }
.marg2 { margin: 2%; }
.marg1 { margin: 1%; }

.margpx10 { margin: 10px; }
.margpx9 { margin: 9px; }
.margpx8 { margin: 8px; }
.margpx7 { margin: 7px; }
.margpx6 { margin: 6px; }
.margpx5 { margin: 5px; }
.margpx4 { margin: 4px; }
.margpx3 { margin: 3px; }
.margpx2 { margin: 2px; }
.margpx1 { margin: 1px; }

.textleft { text-align:left; }
.textcenter { text-align:center; }
.textright { text-align:right; }

.invisible { display:none; }
.force-invisible { display:none!important; }
.center_auto { float:none; margin:0 auto; }

.red { color:#8D0801;}
.green { color:#3F7D20;}
.orange { color:orange;}

.puce_online {  width:5px; height:5px; margin:5px; background:#3F7D20; }
.puce_offline { width:5px; height:5px; margin:5px; background:#8D0801; }
.puce_prog { width:5px; height:5px; margin:5px; background:orange; }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage,
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous,
.fancybox-container { z-index:990!important; }

/* width */
::-webkit-scrollbar {
  width: 2px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #B3B3B3; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #FBC600; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #242325; 
}

table.listing_table { width:100%; border-collapse: collapse; }
table.listing_table tr.entete { background:#000; color:#FFF; }
table.listing_table tr:not(.entete):nth-child(odd) { background:rgba(0,0,0,0.05); }
table.listing_table tr:not(.entete):nth-child(even) { }
table.listing_table tr.green { background: green !important; color: #FFF !important; }
table.listing_table tr.orange { background: orange !important; color: #FFF !important; }
table.listing_table tr.red { background: red !important; color: #FFF !important; }
table.listing_table tr td,
table.listing_table tr th { padding:8px 5px; }

table.listing_table a, table.listing_table a:link, table.listing_table a:visited { color:#242325; }
table.listing_table a:hover { color:#FBC600; }


/* LOGIN */
#login{
	position:fixed;
	top: calc(50% - 200px);
	left: calc(50% - 400px);
	width : 800px;
	height : 400px;
    box-sizing:border-box;
    padding:2%;
	box-shadow: 0 0 10px #000;
    text-align:center;
    background:#FFF;
}

#AllModules { 
    position:relative;
    left:0;
    width:400px;
    height:100%;
    background:#242325;
    color:#B3B3B3;
    overflow:hidden;
    overflow-y:scroll;
    scrollbar-color: white yellow;
    scrollbar-width:thin;
    /*z-index:990;*/
    transition:all 0.5s;
}
#secondFrame {
    position:relative;
    left:0;
    width:300px;
    height:100%;
    padding:10px;
    box-sizing:border-box;
    background:#363636;
    color:#B3B3B3;
    overflow:hidden;
    overflow-y:scroll;
    /*z-index:989;*/
    transition:all 0.5s;
}

#AllModules + #MainFrame { width: calc(100% - 400px); }
#AllModules.hidden + #MainFrame { width: calc(100% - 50px); }

#secondFrame.hidden { width:50px; }
#secondFrame.hidden > *:not(#toggle_secondFrame) { display:none; }
#secondFrame.hidden + #formFrame { width: calc(100% - 115px); }

#secondFrame h1,
#secondFrame h2,
#secondFrame h3,
#secondFrame h4,
#secondFrame h5 {
    border-bottom:2px solid;
}

#formFrame{
    width:calc(100% - 300px);
    height:100%;
    padding:1%;
    box-sizing:border-box;
    background: #F3EFF5;
    overflow:hidden;
    overflow-y:scroll;
    scrollbar-color: white yellow;
    scrollbar-width:thin;
    z-index:987;
}

#toggle_AllModules { position:absolute; top:10px; right:10px; color:#B3B3B3; cursor:pointer; }
#toggle_AllModules:hover { color:#FBC600; }

#toggle_secondFrame { position:absolute; top:10px; right:10px; color:#B3B3B3; cursor:pointer; }
#toggle_secondFrame:hover { color:#FBC600; }


#AllModules.hidden { width:50px; }

#AllModules.hidden #logo_neg, 
#AllModules.hidden #logo_neg_mini,
#AllModules.hidden .listing_menu .label_module{ 
    display:none; 
}

#AllModules.hidden #logo_neg_favico, 
#AllModules.hidden #logo_neg_mini_favico{
    display:block;
}

#AllModules.hidden .listing_menu li .flexbox{
    justify-content:center;
}

#logo_neg { width:100%; padding:50px 0; text-align:center; }
#logo_neg_mini { position:absolute; bottom:0; width:100%; padding:10px 0; text-align:center; }

#logo_neg_favico { width:100%; padding:50px 0; text-align:center; display:none; }
#logo_neg_mini_favico { position:absolute; bottom:0; width:100%; padding:10px 0; text-align:center; display:none; }

.listing_menu{
    float:left;
    position:relative;
    width:100%;
    list-style-type:none;
    margin:0;
    padding:0;
    box-sizing:border-box;
}
.listing_menu a, .listing_menu a:link, .listing_menu a:visited  {
    color:#B3B3B3;
    text-decoration:none;
}
.listing_menu li {
    float:left;
    position:relative;
    width:100%;
    padding:2%;
    box-sizing:border-box;
    font-size:15px;
    color:#B3B3B3;
    transition:all 0.3s;
}
.listing_menu li.colorSecond {
    background:#FBC600;
    color:#000;
}
.listing_menu li.colorThird {
    background:#D72638;
    color:#FFF;
}
.listing_menu li:not(.disabled).on, .listing_menu li:not(.disabled):hover {
    background:rgba(255,255,255,0.1);
    color:#FBC600;
}
.listing_menu li:not(.disabled).colorSecond.on, .listing_menu li:not(.disabled).colorSecond:hover {
    background:rgba(255,255,255,0.1);
    color:#FBC600;
}

.listing_menu .listing_menu {
    padding:5px 0 5px 15px;
}

.listing_menu .label_listing { width: calc(100% - 25px); cursor:pointer; }
.listing_menu.toggler { display:none; }
.listing_menu li .listing_menu li:hover { background:none; }

.listing_menu .ico_module, .listing_menu .label_module {
    padding: 10px;
}

.listing_menu .ui-sortable-helper { background:white; }

.action_box { position:absolute; top:5px; right:5px; }
.action_box a:link { transition:all 0.5s; }
.action_box a:hover, .action_box a:link:hover { color: #FBC600; }

.right_box { position: absolute; right: 20px; }

/* FORM POST */
.form_post { float:left; width:100%; overflow:hidden; }

/* LANG */
.language-form { background:rgba(255,255,255,0.5); border-bottom: 3px solid rgba(0,0,0,0.05); margin:5px 0; }
.language-form .ico_lang, .language-form .label_lang { padding: 10px; }
.language_label { position:relative; cursor:pointer; }
.language_form { display:none; }

/* SUBLEVEL */
.subLevel { background: rgba(0,0,0,0.05); margin: 2px 0 0; padding: 5px; }
.subLevel-label { position:relative; cursor:pointer; }
.subLevel-label .ico_subLevel { width:20px; margin-left: 10px; text-align:center; }
.subLevel-label .label_subLevel { padding: 10px; }
.toggler-container { display:none; }

/* DASHBOARD */
.dash_block { width:calc(100% - 10px); background: rgba(0,0,0,0.05); padding: 10px; margin:5px; box-sizing:border-box; }
.dash_block.cadre-50 { width:calc(50% - 10px)!important; }
.dash_block.cadre-33 { width:calc(33.33% - 10px)!important; }
.dash_block .table_dash { width:100%; }
.dash_block .main_number { text-align:center; font-size:15px; color:#242325; }
.dash_block .main_number .number { font-size:300%; text-shadow: 1px 1px 2px #FBC600; }
#last_year .main_number .number { text-shadow: 1px 1px 2px #FF0000; }
.dash_block.colorSecond { background:#FBC600; color:#000; }
.dash_block.colorThird { background:#333; color:#FFF; }
.dash_block.colorThird a:link, 
.dash_block.colorThird a:hover,
.dash_block.colorThird a:visited { color:#FFF; text-decoration:none; }

/* TOGGLER */
.toggler_trigger { cursor:pointer; }


/* JSON FORM */
.indent-value { padding:0 0 0 20px; }

.json-label:hover, .json-label.on { color:red; cursor:pointer; }

.json-form { transition:all 0.3s; display:none; }
.json-label.on + .json-form { display:block; }

/* JQUERY UI */
.ui-menu { z-index:1000!important; }