/* *************************************
Menu principal GAUCHE
****************************************/
body {
  margin: 0px;
  padding: 0px;
  }
/* page contenu principale */  
.contenu {
    background-image:url("../images/boutons.png");
    background-attachment:scroll;
    background-repeat : no-repeat;
    background-position: right bottom;
    background-size:  cover;
}

/* *************************************
Menu principal GAUCHE partie CLIENTS
****************************************/
.nav-side-menu {
  overflow: auto;
  font-family: verdana;
  font-size: 16px;
  font-weight: 200;
  background-color: #F0F0F0;
  position: fixed;
  top: 0px;
  width: 350px;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menu .brand {
  background-color: #F0F0F0;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  /*margin-top: 15px;*/
  line-height: 35px;
  cursor: pointer;  
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  /*border-right: 6px solid #92D609;
  border-left: 6px solid #92D609;*/
  color: #92D609;
  /*background-color: #92D609;*/
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #F0F0F0;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #F0F0F0;
  margin-left: 0px;
  margin-top: 5px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #F0F0F0;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  padding-left: 0px;  
}

.nav-side-menu li i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}

.nav-side-menu li:hover {
  color:#92D609;
  font-size: 18px;
  font-weight: 200;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

/* Style des liens menu gauche */
.nav-side-menu li a {
  text-decoration: none;
  color: #999999;
}
.lienactif{
  color: #92D609;
}

/* *************************************
Menu principal GAUCHE partie GESTIONNAIRES
****************************************/
.nav-side-menuG {
  overflow: auto;
  font-family: verdana;
  font-size: 14px;
  font-weight: 200;
  background-color: #F0F0F0;
  position: fixed;
  top: 0px;
  width: 350px;
  height: 100%;
  color: #e1ffff;
}
.nav-side-menuG .brand {
  background-color: #F0F0F0;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menuG .toggle-btn {
  display: none;
}
.nav-side-menuG ul,
.nav-side-menuG li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  margin-top: 15px;
  /*line-height: 35px;*/
  cursor: pointer;  
}
.nav-side-menuG ul :not(collapsed) .arrow:before,
.nav-side-menuG li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menuG ul .active,
.nav-side-menuG li .active {
  /*border-right: 6px solid #92D609;
  border-left: 6px solid #92D609;*/
  color: #92D609;
  /*background-color: #92D609;*/
}
.nav-side-menuG H4 {
  line-height: 30px;
  color: #F0F0F0;
  background-color: #92D609;
}
.nav-side-menuG ul .sub-menu li.active,
.nav-side-menuG li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menuG ul .sub-menu li.active a,
.nav-side-menuG li .sub-menu li.active a {
  color: #92D609;
}
.nav-side-menuG ul .sub-menu li,
.nav-side-menuG li .sub-menu li {
  background-color: #F0F0F0;
  border: none;
  line-height: 20px;
  border-bottom: 1px solid #F0F0F0;
  margin-left: 0px;
  margin-top: 5px;
}
.nav-side-menuG ul .sub-menu li:hover,
.nav-side-menuG li .sub-menu li:hover {
  background-color: #F0F0F0;
}
.nav-side-menuG ul .sub-menu li:before,
.nav-side-menuG li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menuG li {
  padding-left: 0px;  
}

.nav-side-menuG li i {
    padding-left: 10px;
    width: 20px;
    padding-right: 20px;
}

.nav-side-menuG li:hover {
  color:black!important;
/*  font-size: 15px; */
/*  font-weight: 200; */
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}

/* Style des liens menu gauche */
.nav-side-menuG li a {
  text-decoration: none;
  color: #999999;
}

/* *************************************
MEDIA QUERIES
****************************************/
/*
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .nav-side-menuG {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menuG .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    text-align: left !important;
    font-size: 22px;
    padding-left: 20px;
    line-height: 50px !important;
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
  .nav-side-menuG .menu-list .menu-content {
    display: block;
  }
  #main {
  	width:calc(100% - 350px);
  	float: right;
	height: 100vh;
  }
  
}/*

/* *************************************
Titres de pages 
****************************************/
.titre {
    margin-top: 15px;
    color: #92D609;
    font-size: 30px;
	}
	
.titre2 {
    color: #AAAAAA;
    font-size: 26px;
	}
	
.titre i {
    color: #999999;
    font-size: 30px;
}
	
.logos {
/*    position: absolute;
    bottom: 0;
    left: 0; */
	text-align: center;
	width:100%;
	
  }

/* Style des boxs / cards page contacts par exemple */

.info-box {
    min-height: 140px;
    margin-bottom: 30px;
    padding: 20px;
    color: white;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
}

.info-box i {
    display: block;
    height: 100px;
    font-size: 60px;
    line-height: 100px;
    width: 100px;
    float: left;
    text-align: center;
    margin-right: 20px;
    padding-right: 20px;
    color: rgba(255, 255, 255, 0.75);
}

.info-box .count {
    margin-top: 20px;
    font-size: 34px;
    font-weight: 700;
}

.info-box .title {
    font-size: 16px;
    /*text-transform: uppercase;
    font-weight: 600;*/
}

.green-bg {
    color: #fff;
    background: #92D609;
    background-color: #92D609;
}

.grey-bg {
    color: #fff;
    background: #748453;
    background-color: #748453;
}

.chart-bg {
    color: #000000;
    background: #EDEDED;
    background-color: #EDEDED;
}

/************************************************ 
boxes des GRAPHES 
************************************************/
.info-boxGraph {
   min-height: 140px;
    margin-bottom: 30px;
    padding: 20px;
    color: #333333;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
}

.info-boxGraph i {
    display: block;
    /*height: 100px;*/
    font-size: 40px;
    /*line-height: 100px;
    width: 100px;*/
    float: left;
    text-align: center;
    /*margin-right: 20px;*/
    padding-right: 10px;
    color: #111111;
}

.info-boxGraph .count {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
	color: #111111;
}

.info-boxGraph .title {
    font-size: 12px;
	color: #333333;
}

/*              legendes des graphes                      */
.donut-legend > span {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 0px;
  font-size: 11px;
}
.donut-legend > span:last-child {
  margin-right: 0;
}
.donut-legend > span > i {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  margin-top: -3px;
  vertical-align: middle;
  border-radius: 1px;
}
#browsers_chart {
  max-height: 280px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/************************************************ 
boxes des gestionnaire 
************************************************/

.info-boxGest {
   min-height: 140px;
    margin-bottom: 30px;
    padding: 20px;
    color: white;
    -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.35), 0 3px 1px -1px rgba(0, 0, 0, 0.1);
}

.info-boxGest i {
    display: block;
    /*height: 100px;*/
    font-size: 60px;
    /*line-height: 100px;
    width: 100px;*/
    float: left;
    text-align: center;
    /*margin-right: 20px;*/
    padding-right: 10px;
    color: rgba(255, 255, 255, 0.75);
}

.info-boxGest .count {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
	color: #111111;
}

.info-boxGest .title {
    font-size: 12px;
	color: #333333;
    /*text-transform: uppercase;
    font-weight: 600;*/
}

.greenGest-bg {
    color: #fff;
    background: #92D609;
    background-color: #92D609;
	width: 300px;	
}

.ds-btn {padding:0px;}
.ds-btn li{ list-style:none; float:left; padding: 10px 0 0 10px; }
.ds-btn li a span{padding-left:5px;padding-right:5px;width:100%;display:inline-block; text-align:left;}
.ds-btn li button span{padding-left:5px;padding-right:5px;width:100%;display:inline-block; text-align:left;}
.ds-btn li a span small{width:100%; display:inline-block; text-align:left;}


/* *************************************
Boutons et zones thème spécifique RESTOCB
****************************************/
.btn-restocb {
    color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	border-radius: 50px;
	font-size: 14px;
	cursor: pointer;
}

.btn-restocb2 {
    color: #000;
    background-color: #A9F5A9;
    border-color: #A9F5A9;
	border-radius: 50px;
	font-size: 14px;
	}

.btn-restocb.red {
    background-color: #ED332C;
    border-color: #ED332C;
	}

	
/***************************  Reseda	*******************************/
.btn-reseda-R {/* Reserve */
    color: #fff;
    background-color: #5FBFE5;
    border-color: #5FBFE5;
	border-radius: 50px;
	font-size: 14px;
	width: 150px;
	max-width: 150px;
	}
	
.btn-reseda-C {/* Consutation */
    color: #fff;
    background-color: #e5ae5f;
    border-color: #e5ae5f;
	border-radius: 50px;
	font-size: 14px;
	width: 150px;
	max-width: 150px;
	}	
	
.btn-reseda-A {/* Annule*/
     color: #fff;
    background-color: #ED332C;
    border-color: #ED332C;
	border-radius: 50px;
	font-size: 14px;
	width: 150px;
	max-width: 150px;
	}
	
.btn-reseda-L {/* Libre */
    color: #000;
    background-color: #e0e2da;
    border-color: #e0e2da;
	border-radius: 50px;
	font-size: 14px;
	width: 150px;
	max-width: 150px;
	}
	
.btn-reseda-N {/* non cliquable*/
    color:  #e0e2da;
    background-color: #fff;
    border-color: #e0e2da;
	border-radius: 50px;
	font-size: 14px;
	width: 150px;
	max-width: 150px;	
	}	

.alert-norepas {
    border-radius: 50px;
    color:  #000;
    background-color: #fff;
    border-color: #e0e2da;
	width: 160px;
	max-width: 160px;	
	margin-bottom: 0px;	
}	
.alert-casetous {
    border-radius: 50px;
    color:  #000;
    background-color: #ede9d0;
    border-color: #ede9d0;
	background-image: -webkit-linear-gradient(top,#ede9d0 0,#ede9d0 100%);
    background-image: linear-gradient(to bottom,#ede9d0 0,#ede9d0 100%);
	padding: 0px;
	margin-bottom: 0px;	
	margin-top: 7px;	
}	
.alert-nonreserve {
    border-radius: 50px;
    color: #000;
    background-color: #d3eaf3;
    border-color: #d3eaf3;	
	background-image: -webkit-linear-gradient(top,#d3eaf3 0,#d3eaf3 100%);
    background-image: linear-gradient(to bottom,#d3eaf3 0,#d3eaf3 100%);
	width: 160px;
	max-width: 160px;	
	margin-bottom: 0px;	
}	
.alert-reserve {
    border-radius: 50px;
    color: #000;
    background-color: #d3eaf3;
    border-color: #d3eaf3;	
	background-image: -webkit-linear-gradient(top,#d3eaf3 0,#d3eaf3 100%);
    background-image: linear-gradient(to bottom,#d3eaf3 0,#d3eaf3 100%);
	width: 160px;
	max-width: 160px;	
	margin-bottom: 0px;	
}
.alert-resaautre {
    border-radius: 50px;
    background-color: #e0e3de;
    border-color: #e0e3de;
    color: #a8b6a8;
	background-image: -webkit-linear-gradient(top,#e0e3de 0,#e0e3de 100%);
    background-image: linear-gradient(to bottom,#e0e3de 0,#e0e3de 100%);
	width: 160px;
	max-width: 160px;
    margin-bottom: 0px;		
}

.panel-bodyresa {
    padding: 0 0 10px 0;
}

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

	
.btn-restocb.blue {
    background-color: #5FBFE5;
    border-color: #5FBFE5;
	/*transform:rotate(7deg);
	  -ms-transform:rotate(90deg);
	  -moz-transform:rotate(90deg);
	  -webkit-transform:rotate(90deg);
	  -o-transform:rotate(90deg);*/
	}
		
.btn-restocb.light-border {
	border-radius:5px;
}

.btn-restocb.strong-pad {
	padding-bottom : 3px;
	padding-top : 3px;
}
	
.btn-col-restocb {
    color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	/*border-radius: 50px;*/
	font-size: 14px;
	padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 8px;
    border-top-width: 0px;
    border-left-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 0px;
}

.btn-col-restocb.lg {
    color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	/*border-radius: 50px;*/
	font-size: 16px;
	padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-width: 1px;
}

.btn-col-restocb.red {
	background-color: #ED332C;
    border-color: #ED332C;
}

.btn-col-restocb.blue {
	background-color: #2C9BED;
    border-color: #2C9BED;
}

.btn-restocb.vertfonce {
    background-color: #158F2C;
    border-color: #92D609;
	}
	
.btn-restocb i{
    color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	border-radius: 50px;
	font-size: 14px;
	}
	
.btn-restocb.red i{
    color: #fff;
    background-color: #ED332C;
    border-color: #ED332C;
	border-radius: 50px;
	font-size: 14px;
	}	
	
.btn-restocb.vertfonce i{
    color: #fff;
    background-color: #158F2C;
    border-color: #92D609;
	border-radius: 50px;
	font-size: 14px;
	}

.btn-restocb.blue i{
    color: #fff;
    background-color: #5FBFE5;
    border-color: #5FBFE5;
	border-radius: 50px;
	font-size: 14px;
	}	
	
.btn-valider {
    color: #fff;
    background-color: #158F2C;
    border-color: #92D609;
	border-radius: 50px;
	width:200px;
	}

.divBtnAppro {
	margin-bottom: 5px;
}
.btn-appro {
    /*width: 80px;*/
    height: 80px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 50px;
}

.btn-restocb.active{
    color: #fff;
    background-color: #158F2C;
    border-color: #92D609;
	border-radius: 50px;
	font-size: 14px;
	}

.btn-approautre {
    width: 140px;
    height: 80px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;    
	color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	border-radius: 25px;
}

.btn-menufenetre {
    width: 300px;
    height: 100px;
    text-align: center;
    padding: 6px 0;
    font-size: 18px;
    line-height: 1.428571429;    
	color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	border-radius: 20px;
}

.btn-repas {
    width: 80px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.428571429;    
	color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	border-radius: 20px;
}
.btn-repasmenu {
    width: 40px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.428571429;    
	color: #fff;
    background-color: #92D609;
    border-color: #92D609;
	border-radius: 20px;
}

.btn-repasNP {
    width: 80px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.428571429;    
	color: #fff;
    background-color: #d3d3d3;    
	border-radius: 20px;
}
.btn-repasNPmenu {
    width: 40px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 14px;
    line-height: 1.428571429;    
	color: #fff;
    background-color: #d3d3d3;    
	border-radius: 20px;
}

.btn-repas.blue {
    background-color: #5FBFE5;
    border-color: #5FBFE5;
	}

.btn-repasmenu.blue {
    background-color: #5FBFE5;
    border-color: #5FBFE5;
	}	
	
.btn-repas.blue:hover, .btn-repas.blue:focus {
    color: #fff;
    text-decoration: none;
}

.btn-repasmenu.blue:hover, .btn-repasmenu.blue:focus {
    color: #fff;
    text-decoration: none;
}

.btn-menus {
    width: 180px;
    height: 30px;
	padding: 3px 3px 3px 3px;
    text-align: left;    
    font-size: 12px;
    line-height: 1.428571429;    
	color: #fff;
    background-color: #838683;    
	
}
	
.labelrcb {
    color: #92D609;    
	}

.labelrcbfonce {
    color: #5D860D;
}
.fcrestocb{
    border-color: #92D609;
    border-radius: 50px;
}
	
.ip-restocb{
    color: #92D609;
    border-radius: 50px;
	border-color: #92D609;
	}
	
.ipaddon-restocb{
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #F6F3F3;
    text-align: center;
    background-color: #92D609;
    border: 1px solid #92D609;
    border-radius: 50px;
	border-color: #92D609;
}

.iptext{
    /*color: #92D609;*/
    border-radius: 50px;
	border-color: #92D609;
	}
	
.tablo {
    border-collapse: separate;
    border-spacing: 10px 10px;
	max-width: 600px;
	width: 600px;
}

/* *************************************
Panels affichage SUGGESTIONS
****************************************/

.alert-suggestion {
    background-color: #F9E4CD;
    border-color: #faebcc;
    color: #424242;
	margin-bottom: 5px;
	padding: 8px;
}

.alert-reponse{
    background-color: #F0CBDE;
    border-color: #faebcc;
    color: #424242;
	margin-bottom: 5px;
	padding: 8px;
}

/* *************************************
Cases à coches checkboxes
http://bootsnipp.com/snippets/featured/badgebox-css-checkbox-badge
PAS DE JS à INCLURE
utiliser aussi /plugins/badgebos/badgebox.css
****************************************/
.badge {
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    text-align: center;
    padding: 3px 5px;
    background: #498A13;
}

/* *************************************
Longueurs des zones de saisie
****************************************/
.max100 {max-width: 100px;}
.max150 {max-width: 150px;}
.max200 {max-width: 150px;}
.max250 {max-width: 250px;}
.max300 {max-width: 300px;}
.max350 {max-width: 350px;}
.max400 {max-width: 400px;}
.max450 {max-width: 450px;}
.max500 {max-width: 500px;}
.max600 {max-width: 600px;}
.max700 {max-width: 700px;}
.max800 {max-width: 800px;}
.max900 {max-width: 900px;}

.glyphicon
{
    font-size: 12px;
}

.labelModal{
	text-align: right;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:5px;
	height: 34px;
	line-height: 34px;
	vertical-align: middle;
}

.ligneModal {
	margin-bottom:5px;
}

.labelModalCB{	
	text-align: right;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:5px;
	height: 34px;
	line-height: 34px;
	vertical-align: top;
}

.divModal{
	padding-left:5px;
	padding-right:5px;
}

.iconModale {
	height: 34px;
	font-size:24px;
	color:#92D609;
	vertical-align: middle;
	line-height: 32px;
}

.labelModal.labeldate {
	display: inline-table;	
	padding-left:10px;	
	vertical-align: text-bottom;
}

.modaldate {
	max-width:140px;
	display:inline-table;
}

.iconalert {
	color:#E5314C;
}

.badgebox-rb {    
    background-color: #92D609;
}

.fcrestocb-danger{
    border-color: #E5314C;
    border-radius: 50px;
}

/*****************************************************
Boutons fichiers
*******************************************************/
.btn-xlarge{
  position: relative;
  vertical-align: center;
  margin: 10px;
  /*width: 100%;*/
  height: 100x;
  padding: 20px 20px;
  font-size: 16px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #849298;
  border: 0;
  border-bottom: 3px solid #92D609;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -3px #9FE8EF;
  box-shadow: inset 0 -3px #92D609;
}
.btn-xlarge:active {
  top: 2px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-xlarge:hover {
  background: #92D609;
}


/*

VERT : #92D609GRIS : #F0F0F0
ROUGE : E5314C
*/
td.details-control {
    background: url('../images/details_open.png') no-repeat center center;
    cursor: pointer;
}
tr.shown td.details-control {
    background: url('../images/details_close.png') no-repeat center center;
}
.entry:not(:first-of-type)
{
    margin-top: 10px;
}

/***********************************************************************
Panels LEFHEADING
*************************************************************************/

.oaerror {
  width: 100%; /* Configure it fit in your design  */
  margin: 0 auto; /* Centering Stuff */
  background-color: #FFFFFF; /* Default background */
  padding: 20px;
  border: 1px solid #eee;
  border-left-width: 5px;
  border-radius: 3px;
  margin: 0 auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}

.danger {
  border-left-color: #d9534f; /* Left side border color */
  background-color: rgba(217, 83, 79, 0.1); /* Same color as the left border with reduced alpha to 0.1 */
}

.danger strong {
  color:  #d9534f;
}

.warning {
  border-left-color: #f0ad4e;
  background-color: rgba(240, 173, 78, 0.1);
}

.warning strong {
  color: #f0ad4e;
}

.info {
  border-left-color: #5bc0de;
  background-color: rgba(91, 192, 222, 0.1);
}

.info strong {
  color: #5bc0de;
}

.success {
  border-left-color: #2b542c;
  background-color: rgba(43, 84, 44, 0.1);
}

.success strong {
  color: #2b542c;
}

.modal-dialog.xlarge {
  width: 80%;
  height: 90%;
  /*margin: 0;
  padding: 0;*/
}

.modal-content.xlarge {
  height: auto;
  min-height: 100%;
  /*border-radius: 0;*/
}

/***********************************************************************
Datatable spécifiques
*************************************************************************/
/*datatable sections parametrage reseda*/
#tab_sections tbody td {
  padding: 1px 1px;  
}
/*datatable categories parametrage reseda*/
#tab_categs tbody td {
  padding: 1px 1px;  
}
/*datatable modale sections*/
#tab_modale_sections tr td{
  padding: 5px;  
}
/*datatable selection semaines*/
#tab_selsemaines tr td{
  padding: 5px;  
  background-color: rgba(217, 83, 79, 0.1);
}
/*datatable liste des repas planning reseda*/
#tab_repas tbody td {
  padding: 5px 5px;  
}

.btn-group>.btn { /* Manu LAB */
    margin-top: 5px;
}

@media (max-width: 767px) { /* Manu LAB */
	.table-responsive {
		width: initial;
		border: none;
		margin: 0 -30px 15px -30px;
	}
	.footable > tbody > tr > td {
		padding: 10px 5px;
	}
}

.btn-textwrap { /* Manu LAB */
	white-space: normal
}

.side-menu-logo { /* Manu LAB */
    background-color: white;
    padding: 15px 0;
    margin: 20px auto 15px auto;
	text-align: center;	
}
.side-menu-logo img { /* Manu LAB */
	margin: 0 5px;
}

.btn-outline { /* Manu LAB */
    border-radius: 50px;
    border: 1px solid #92D609;
    background: transparent;
    margin-top: 8px;
    color: grey;
}

@media (max-width: 767px) { /* Manu LAB */
	.nav-side-menuG li {
		line-height: 3.4rem;
		font-size: 1.8rem;
		margin-top: 15px;
	}
	
}

input[type=checkbox][disabled]+span {
	background-color: grey;
}

.labelrcb.disabled {
	color: grey;
}