body{font-size: 11px;}

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

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

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

#navke{position:fixed;z-index: 1;top: 0;left: 0;overflow-x: hidden;display: flex;display: -ms-flexbox;width: 230px;min-height: 100%;height:calc(100% - 60px);}

.tot-number-email{background:#8D9FB0;font-weight: bold;padding:5px;color:#fff;}

.btn-admin-logout{border:0;background:transparent;padding:12px 20px;color:#5A738E;width:100%;text-align: right;}
.btn-admin-logout:hover{color:#262626;}
.logout-fleche{margin-right:.3em;}
.lien-adm-logout{margin:0;}
.lien-adm-logout:hover{color:#262626;background-color:#f5f5f5;}
.navbar-nav .open .dropdown-menu{width:161px;text-align:right;}
.table-user input[type="submit"]{width:20px;height:20px;margin:0% 3%;}
.validate-icon{background:url('../interface/validate.svg') center no-repeat;cursor: pointer;border:0;padding:0;background-size: contain;vertical-align:top;}
.input-group-btn{display:inherit;}
.bouton-rechercher{border-radius:0 25px 25px 0;border:1px solid rgba(221,226,232,.49);border-left:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#93A2B2;margin-bottom:0!important;background:#e6e6e6;}
.bouton-rechercher:hover{color:#93A2B2;background:#e6e6e6;border:1px solid rgba(221,226,232,.49);}
.bouton-rechercher:focus{color:#93A2B2;background:#e6e6e6;border:1px solid rgba(221,226,232,.49);}
.bouton-rechercher:active{color:#93A2B2;background:#e6e6e6;border:1px solid rgba(221,226,232,.49);}
.input-group{width:86%;}

.textareaadmin{width:66%;}
.barre-tab{margin:5px auto;}
.archives{color:#5ec6a1;font-size:.7em;}
.archives a{color:#5ec6a1;text-decoration:none;}
.archives a:visited{color:#5ec6a1;}
.archives a:hover{text-decoration:underline;}

.taille-tel{font-size: 1.2em;}

.searchBarre{padding: 15px;}


ul.bar_tabs>li{text-transform:uppercase;font-weight:bold;}

.select-form-statut{padding:5px 8px;}
.option-attente{text-transform:uppercase;text-align:center;background:orange;color:#fff;font-weight:bold;padding:5px 8px;display: inline-block;font-size: .8em;}
.option-paiement{text-transform:uppercase;text-align:center;background:#fcd877;color:#000;font-weight:bold;padding:5px 8px;display: inline-block;font-size: .8em;}
.option-valide{text-transform:uppercase;text-align:center;background:blue;color:#fff;font-weight:bold;padding:5px 8px;display: inline-block;font-size: .8em;}
.option-acompte{text-transform:uppercase;text-align:center;background:#8A2BE2;color:#fff;font-weight:bold;padding:5px 8px;display: inline-block;font-size: .8em;}
.option-inscrit{text-transform:uppercase;text-align:center;background:green;color:#fff;font-weight:bold;padding:5px 8px;display: inline-block;font-size: .8em;}
.option-list-attente{text-transform:uppercase;text-align:center;background:gray;color:#fff;font-weight:bold;padding:5px 8px;display:inline-block;font-size: .8em;}
.option-non-paiement{text-transform:uppercase;text-align:center;background:red;color:#fff;font-weight:bold;padding:5px 8px;display:inline-block;font-size: .8em;}
.option-inscription-supprimer{text-transform:uppercase;text-align:center;background:black;color:#fff;font-weight:bold;padding:5px 8px;display:inline-block;font-size: .8em;}

.modal-wrap label{width:16%;text-transform:uppercase;}
.input-modall{width:10%;padding:5px;}
.textarea-modall{width:83%;padding:5px;}



.listing-historique{padding:0;}
.listing-historique li{margin:15px 0px;padding:8px;background:rgba(115,135,156,.08);list-style-type:none;}
.listing-historique li:last-child{border-bottom:0px;}

.titre-form-new-modal{font-weight:bold!important;border-bottom:1.5px solid;padding-bottom:10px;margin-bottom:20px;}

.perso-button{font-weight:bold;}
.tr-table-style td span{line-height:normal;}

.titre-activite-index small{text-transform:uppercase;font-weight:bold;}
.titre-activite-index a{color:#fff;display:inline-block;background:#1ABB9C;padding:8px;}

.title_stats_count h2{text-transform:uppercase;font-weight:bold;background:;}

.bg-gris{background:#F7F7F7;}

.stages-archives-enf{border-bottom:1px solid;padding-bottom:10px;}
.stages-archives-enf:last-child{border-bottom:0px;padding-bottom:0px;}

.menu-drop{display: inline-block;vertical-align: top;}
#dl-menu button{padding:10px;border:1px solid #5078A0;font-family:Quicksand;text-transform: uppercase;font-weight: bold;background: #5078A0;color: #fff;}



/**connexion**/
.page-co{background:#2A3F54;font-family:Quicksand;}
#page-connexion{margin:30vh auto;width:25%;text-align:center;}
#page-connexion fieldset{border:2px solid #ededed;padding:20px;}
#page-connexion input{display:block;margin:5px;padding:10px;width:95%;}
#page-connexion input[type="submit"]{width:95%;font-weight:bold;text-transform:uppercase;font-family:Quicksand;background:#ededed;color:#000;border:2px solid #ededed;}
#page-connexion legend{color:#fff;font-weight:bold;padding:5px 14px;font-size:1.5em;margin:0;border:0;}

/*garderie*/
.table-garderie th{text-align: center;}
.gaderie-ok{color:#469378;font-weight:bold;}
.gaderie-nonok{color:#e62739;font-weight:bold;}
.gaderie-nochoix{color:#ddd;font-weight:bold;}
.garderiecss ul{display: block;border-bottom: 1px solid;padding:10px;margin:0px;color: #666;}
.garderiecss .ul-stop{border-bottom: 0px;}
.garderiecss ul li{display: inline-block;vertical-align: top;width: 45%;padding:3px 0px;}
.checkboxcss{width:30px!important;}

.seancecss ul{display: block;padding:10px;margin:0px;color: #666;}
.seancecss .ul-stop{border-bottom: 0px;}
.seancecss ul li{display: inline-block;vertical-align: top;width: 45%;padding:3px 0px;}


.statut-groupe-stage{display:inline-block;padding:0px 5px;color:#fff;text-transform: uppercase;font-weight:bold;font-size: 0.7em;}
.statut-actuel{padding:5px;}

.btn-com{background-color:#A31B75;border-color: #A31B75;color:#fff;}
.btn-com:hover{background-color:#891763;border-color:#631047;color:#fff;}
.btn-com:active{background-color:#891763;border-color:#631047;color:#fff;}
.btn-com:focus{background-color:#891763;border-color:#631047;color:#fff;}

.btn{font-size:1em;font-weight:bold;}


.btn-mail-attente{background-color:#45C4B0;border-color: #45C4B0;color:#fff;}
.btn-mail-attente:hover{background-color:#339183;border-color:#18453E;color:#fff;}
.btn-mail-attente:active{background-color:#339183;border-color:#18453E;color:#fff;}
.btn-mail-attente:focus{background-color:#339183;border-color:#18453E;color:#fff;}

.nav.child_menu>li>a, .nav.side-menu>li>a{font-size: 1em;}
.nav.side-menu>li>a{text-transform: uppercase;}
.nav>li>a{padding:5px 15px 4px;}
.nav.side-menu>li>a{margin-bottom:3px;}
.menu_section{margin-bottom: 5px;}
.menu_section h3{background: #fff;padding:3px 10px;color:#2A3F54;text-shadow: 0.2px 0.2px #2A3F54;}
.profile_info{float:none;width: 100%;padding:0px 10px;}

.txt-cat-stage{font-size:1.8em;}

.dataTables_length{width:15%;}
#user-inexistant, #user-existant, #verif-enfant, #enfant-inexistant, #enfant-existant, #pers-charge-verif, #pers-charge-existant, #pers-charge-inexistant, #stage-insc, #garderie-verif{display: none;}


.cheat-table{overflow-x:auto;clear:both;}
/*.nav-md .container.body .col-md-3.left_col{position:fixed!important;}*/

.toggle{position: fixed;background:#2A3F54;z-index:1;padding-bottom: 16px;width: 50px;}
.toggle a{color:#fff;}

/*.sous-menu .child_menu{display:block;}*/

.atelierinscrit-tab{border-bottom: 1px solid;padding: 5px 0px;margin:0px;}
.atelierinscrit-tab:last-child{border-bottom:0px;}

.bouton-hist-index{margin:8px 0px;font-size:0.7em;}

.x_title{text-transform: uppercase;font-weight: bold;padding:6px 15px;color:#fff;background:#5078A0;border:none;}
.x_title span{color:#fff;}
.panel_toolbox>li>a:hover{background:#5078A0;}
.panel_toolbox>li>a{padding:5px;}
#index-stat .x_title{margin:0px;}
#index-stat .x_panel{padding:0px;}
#index-stat .x_content{padding:0px 10px;}
#index-stat ul.timeline li:last-child{border:none;}
.tile_count{margin-top:2px;margin-bottom: 2px;}
.link-green{color:#1ABB9C;}
.link-green:hover{color:#138871;}

.title_left h3{text-transform: uppercase;}


/*MENU RESPONSIVE*/
/* The side navigation menu */
.sidenav {
   height:calc(100% - 60px);
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #fff; /* blanc*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    padding-bottom: 20px;
}

/* The navigation menu links */
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 1em;
    color: #818181;
    display: block;
    transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover{
    /*color: #f1f1f1;*/
    color: #5ec6a1;
}
.sidenav a:visited{color:#818181;}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
    position: relative;
    /*z-index: 77;*/
    /*padding: 20px;*/
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}  
@keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

#wrap-color{display:none;position: absolute;top:-400px;left:0;z-index:98;width: 100%;height:calc(100% + 400px);transition: 0.5s;-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;}

.nav-menu-resp li{list-style-type: none;font-size: .8em;text-transform: uppercase;}
.btn-ins{background:#5ec6a1;border:0;text-transform: uppercase;font-weight: bold;color:#fff;padding:5px 10px;margin-left: 32px;border-radius: 3px;font-family: inherit;cursor: pointer;}
.title-nav-resp{padding-bottom: 3px;border-bottom:1px solid;}
.section-menu-resp li a{font-size: .8em;}
.btn-menu-res{margin-top:5px;}
#wrap-logo-circo-menu{text-align: center;position: absolute;top:12px;left: 25px;}
#wrap-logo-circo-menu img{height: 50px;}
.croix-menu-resp{float:right;}
.link-btn-insc{padding:0!important;display: inline-block!important;}

.icon-linke{text-decoration:none;color:#000;}
.icon-linke:visited{color:#000;}
.icon-linke:active{color:#000;}

.no-scroll{
    overflow: hidden;
}
/*FIN MENU RESPONSIVE*/


/*RESPONSIVE*/
@media screen and (max-width: 990px){
	#navke{display:none;}
	.toggle{display: none;}
	.row{width: 100%;margin:0;}
	.tile_count .tile_stats_count{margin:5px 0px;border-bottom:0px;margin-bottom:10px;}
}