html,
body {
  height: 100%;
}
.bodybg {
	  background-image: linear-gradient(rgba(17, 40, 34, 0.65), rgba(17, 40, 34, 0.65)), url("bg.jpg");
	  background-attachment: fixed;
	  background-position: center;
	  background-size: cover;
	  
}
#layoutAuthentication {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#layoutAuthentication #layoutAuthentication_content {
  min-width: 0;
  flex-grow: 1;
}
#layoutAuthentication #layoutAuthentication_footer {
  min-width: 0;
}

#layoutSidenav {
  display: flex;
}
#layoutSidenav #layoutSidenav_nav {
  flex-basis: 225px;
  flex-shrink: 0;
  transition: transform 0.15s ease-in-out;
  z-index: 1038;
  transform: translateX(-225px);
}
#layoutSidenav #layoutSidenav_content {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 0;
  flex-grow: 1;
  min-height: calc(100vh - 56px);
  margin-left: -225px;
}


@media (min-width: 992px) {
  #layoutSidenav #layoutSidenav_nav {
    transform: translateX(0);
  }
  #layoutSidenav #layoutSidenav_content {
    margin-left: 0;
    transition: margin 0.15s ease-in-out;
  }

}


#layoutError {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
#layoutError #layoutError_content {
  min-width: 0;
  flex-grow: 1;
}
#layoutError #layoutError_footer {
  min-width: 0;
}

#contbtn{
	width:100%;
	height:150px;
}
#btnnologin{
	display:none;
}
/*APPARENCE SHOWMESSAGE EN BAS A GAUCHE DE L'ECRAN*/
.fpd-shadow-2{-webkit-box-shadow:0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}
.fpd-snackbar-wrapper{position:fixed;left:12px;bottom:0;z-index:100000}
.fpd-snackbar{background:#323232;margin-bottom:10px;color:#fff;line-height:18px;font-size:24px;min-width:288px;max-width:568px;overflow-y:hidden;border-radius:2px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
.fpd-snackbar p{margin:0;padding:16px 24px}
.fpd-snackbar.fpd-show-up{max-height:300px}
/*FIN APPARENCE SHOWMESSAGE EN BAS A GAUCHE DE L'ECRAN*/

.pcheckbox{padding:5px 10px;border-bottom:1px solid #ddd;margin:0;background:-webkit-gradient(linear,left bottom,left top,color-stop(0,#eee),color-stop(1,#fff));overflow:hidden}
.squaredOne{float:left;width:28px;height:28px;background:#fcfff4;padding:0;background:-webkit-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-o-linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);background:-webkit-gradient(linear,left top,left bottom,from(#fcfff4),color-stop(40%,#dfe5d7),to(#b3bead));background:linear-gradient(top,#fcfff4 0,#dfe5d7 40%,#b3bead 100%);-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);position:relative}
.squaredOne label{cursor:pointer;position:absolute;width:20px!important;height:20px;left:4px;top:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 #fff;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.5),0 1px 0 #fff;
	background:-webkit-linear-gradient(top,#222 0,#45484d 100%);
	background:-o-linear-gradient(top,#222 0,#45484d 100%);
	background:-webkit-gradient(linear,left top,left bottom,from(#222),to(#45484d));
	background:linear-gradient(top,#222 0,#45484d 100%);
} 
.squaredOne label.lbloff:after{opacity:0;content:'';position:absolute;width:16px;height:16px;background:#0f0;background:-webkit-linear-gradient(top,#0f0 0,#009400 100%);background:-o-linear-gradient(top,#0f0 0,#009400 100%);background:-webkit-gradient(linear,left top,left bottom,from(#0f0),to(#009400));background:linear-gradient(top,#0f0 0,#009400 100%);top:2px;left:2px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)} 
.squaredOne label.lblon:after{opacity:1;content:'';position:absolute;width:16px;height:16px;background:#0f0;background:-webkit-linear-gradient(top,#0f0 0,#009400 100%);background:-o-linear-gradient(top,#0f0 0,#009400 100%);background:-webkit-gradient(linear,left top,left bottom,from(#0f0),to(#009400));background:linear-gradient(top,#0f0 0,#009400 100%);top:2px;left:2px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)} 
.squaredOne label.lbldisable:after{opacity:1;content:'';position:absolute;width:16px;height:16px;background:#f00;background:-webkit-linear-gradient(top,#f00 0,#D65757 100%);background:-o-linear-gradient(top,#f00 0,#D65757 100%);background:-webkit-gradient(linear,left top,left bottom,from(#f00),to(#D65757));background:linear-gradient(top,#f00 0,#D65757 100%);top:2px;left:2px;-webkit-box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5);box-shadow:inset 0 1px 1px #fff,0 1px 3px rgba(0,0,0,.5)} 
.squaredOne label:hover::after{opacity:.5} 

.cbtext{width:100%;color:#000;height:22px;font-size:1em;line-height:2.2em;padding:10px}

.cw{
	height:400px;
	
}
.top-20 {
  top: 20% !important;
}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
            color: red;
            opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
            color: red;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
            color: red;
 }