/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */


/* Général ************************************************************************************************************** */

.fixe-haut { position: fixed; top: 0; }
.fixe-bas { position: fixed; bottom: 0; }
.fixe-gauche-1 { position: fixed; left: 10px; }
.fixe-gauche-2 { position: fixed; left: 60px; }
.fixe-gauche-3 { position: fixed; left: 110px; }
.fixe-droite-1 { position: fixed; right: 10px; }
.fixe-droite-2 { position: fixed; right: 60px; }
.fixe-droite-3 { position: fixed; right: 110px; }

/* Menu ***************************************************************************************************************** */

#menu,#menu-planning,#menu-planning-outils{
	position: fixed !important;
	top: 65px !important;
	left: 0px !important;
	/*height: 100% !important;*/
	bottom: 0px !important;
	width:250px !important;
	z-index: 5000 !important;
	background-color: #333333;
	border-top: solid 1px #3B3B3B;
	overflow-x : hidden;
	overflow-y: auto;
}

/* Bouton du menu */
#btn-menu{
	position: fixed;
	top: 8px;
	right: 25px;
	height: 50px;
	width: 50px;
	z-index: 5000;
	background-color: #333333;
	background-image: url('/NOVATEMPO_WEB/res/Images/menu.svg');
	background-repeat: no-repeat;
	background-position: center;
	border: none;	
	outline: none !important;
}

/* Scrollbar ************************************************************************************************************ */

::-webkit-scrollbar {
    /*width: 15px;*/
    height: 15px;
    border-bottom: 1px solid #eee; 
    border-top: 1px solid #eee;
}
::-webkit-scrollbar-thumb{
    border-radius: 8px;
    background-color: #C3C3C3;
    border: 2px solid #eee;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); 
}

/* Badges *************************************************************************************************************** */

.badge{
   position:relative;
}
.badge[data-badge]:after {
   content:attr(data-badge);
   position:absolute;
   top:-15px;
   right:-5px;
   font-size:.6em;
   background:#B22222;
   color:white;
   width:18px;
   height:18px;
   text-align:center;
   line-height:18px; 
   border-radius:50%;
   box-shadow:0 0 1px #333;
}

/* Plannings *********************************************************************************************************** */

form[name="PAGE_PLANNING_ACTIVITES"] div#page { overflow: hidden !important; }
form[name="PAGE_PLANNING_ACTIVITES_PERSO"] div#page { overflow: hidden !important; }
form[name="PAGE_PLANNING_ACTIVITES_JOUR"] div#page { overflow: hidden !important; }
form[name="PAGE_PLANNING_ACTIVITES_SEMAINE"] div#page { overflow: hidden !important; }
form[name="PAGE_PLANNING_ACTIVITES_MOIS"] div#page { overflow: hidden !important; }
form[name="PAGE_PLANNING_ACTIVITES_EDITION"] div#page { overflow: hidden !important; }
.WDPLN-ZoneBoutonsPeriode { background-color: rgb(0, 96, 170) !important; }

/* ********************************************************************************************************************* */
/* Bureau */
/* ********************************************************************************************************************* */
@media (min-width: 841px) {
   
    /* Décalage du contenu pour laisser la place au menu */
    #contenu { margin-left : 248px !important; }
	form[name="PAGE_PLANNING_ACTIVITES_PERSO"] { margin-left : 248px !important; }
	form[name="PAGE_PLANNING_ACTIVITES_JOUR"] { margin-left : 248px !important; }
	form[name="PAGE_PLANNING_ACTIVITES_SEMAINE"] { margin-left : 248px !important; }
	form[name="PAGE_PLANNING_ACTIVITES_MOIS"] { margin-left : 248px !important; }
	form[name="PAGE_PLANNING_ACTIVITES_EDITION"] { margin-left : 248px !important; }
    /* Affichage du menu */
    #menu , #menu-planning { display: block !important; }
	#menu-planning-outils { display: none; }
	/* Dissimulation du bouton du menu */
	#btn-menu { display: none !important; }
}

/* ********************************************************************************************************************* */
/* Mobile et tablette */
/* ********************************************************************************************************************* */
@media (max-width: 841px) {
   
   /* Dissimulation du menu par défaut, sera affiché en jQuery */
   #menu, #menu-planning { display: none; }
   #menu-planning-outils{ display: none; }
   /* Affichage du bouton du menu */
   #btn-menu{ display: block; }
}

/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */
/* ********************************************************************************************************************* */