body{
  height: 100%;
  padding: 0;
  margin: 0;
}
.bg-gradient-1{
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  background: #000;
  background: linear-gradient(143deg, #000000, #000000, #390000, #000000, #000000);
  background-size: 1000% 1000%;
  -webkit-animation: loginBgAnimate 19s ease infinite;
  -moz-animation: loginBgAnimate 19s ease infinite;
  -o-animation: loginBgAnimate 19s ease infinite;
  animation: loginBgAnimate 19s ease infinite;
  height: 100vh;
}

@-webkit-keyframes loginBgAnimate {
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}
@-moz-keyframes loginBgAnimate {
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}
@-o-keyframes loginBgAnimate {
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}
@keyframes loginBgAnimate {
  0%{background-position:0% 53%}
  50%{background-position:100% 48%}
  100%{background-position:0% 53%}
}

.bg-gradient-2 {
  background-color: #050c2f;
  margin-bottom: -3px;
  /* background-image: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #3be79c), to(#00bf6c));
  background-image: linear-gradient(160deg, #027947cb 10%, #00e239c0 100%),  url('../img/log-bg2.png'); */
  background-size: cover;
background: linear-gradient(145deg, #0d101d, #1e315b, #03060f);
   background-size: 600% 600%;

   -webkit-animation: gradientAnimate1 33s ease infinite;
   -moz-animation: gradientAnimate1 33s ease infinite;
   -o-animation: gradientAnimate1 33s ease infinite;
   animation: gradientAnimate1 33s ease infinite;
}

@-webkit-keyframes gradientAnimate1 {
   0%{background-position:65% 0%}
   50%{background-position:36% 100%}
   100%{background-position:65% 0%}
}
@-moz-keyframes gradientAnimate1 {
   0%{background-position:65% 0%}
   50%{background-position:36% 100%}
   100%{background-position:65% 0%}
}
@-o-keyframes gradientAnimate1 {
   0%{background-position:65% 0%}
   50%{background-position:36% 100%}
   100%{background-position:65% 0%}
}
@keyframes gradientAnimate1 {
   0%{background-position:65% 0%}
   50%{background-position:36% 100%}
   100%{background-position:65% 0
}
}
/* .bg-image{
  width: 100%;
 background-image: url('../../public/img/log-bg.png');
 background-size: cover;
 background-repeat: no-repeat;
} */
#logout-page{
  height: 100vh;
}
.big-picture{
  max-width: 100%;
  display:block;
  position: absolute;
  width: 100%;
  height: 100vh;
  opacity: 0.28;
  background: url('../../public/img/bg-login.jpg') no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
  z-index: 0;
}
#loginForm{
  max-width: 100%;
  padding: 0px 20px;
  width: 400px;
  border-radius:14px;
  margin:0 auto;
  background-color: rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
}
#cont-login-form img{
  display: inline-block;
  width: 180px;
  /* height: 60px; */
  margin: 0 auto;
}
.form-control{
  border-radius: 18px;
}
#loginForm .form-group label{
  color: #aeaeae;
}
.form-control:focus{
  color: #3a3a41;
  border-style: none;
  outline: 0;
  border: 0;
  -webkit-box-shadow: 0 0 0 0.15rem rgba(202, 48, 48, 0.479) !important;
  box-shadow: 0 0 0 0.15rem rgba(202, 48, 48, 0.479) !important;
  border-style: none;
  background: #fff;
}
.btn-success{
  border-radius: 18px !important;
  background-color: #17a673
}
.btn.btn-success:hover {
  color: #fff;
  background-color: #17a673 !important;
  border-color: #169b6b;
}

.btn-success:focus {
  -webkit-box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(62, 208, 156, 0.5);
}
#msj-forget{
  color: #c1c1c1 !important;
  opacity: 0.9 !important;
}
#alert-msj{
  line-height: 1.1rem;
  background-color: rgba(0, 0, 0, 0.15); 
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
}
#alert-msj span{
  color: #ffffffb4;
}
#footer{
  width: 100%;
  text-align: center;
  position: absolute;
  z-index:1;
  bottom:0;
  color: #ffffff70;
}