/*=====================FONT ===========================*/
@font-face {
    font-family: 'Lato';
              src: url('./../../fonts/lato/Lato-Regular.ttf') format('truetype');
}


@font-face {
    font-family: 'Roboto';
              src: url('./../../fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Titillium';
              src: url('./../../fonts/Titillium/TitilliumWeb-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Concert_One';
              src: url('./../../fonts/Concert_One/ConcertOne-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Poppins';
              src: url('./../../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
}


body.container-fluid{
  padding: 0px;
  font-family: "Poppins", Arial, Verdana, sans-serif;
  background-color: white;
  overflow-x: hidden;

}

.mt-20{
  margin-top: 20px;
}

/*================================= HEARDER STYLE ===================================================*/

/*================================= HEADER XL STYLE ================================================*/

.menu-brand {
  padding-top: 0.5em;
  text-align: left;
  margin-bottom: 20px;
}

.menu-brand img {
  height: 40px;
}

.login-page-content{
  min-height: 100vh;
}

.logo_betae{
  text-align: center;
  margin-bottom: 30px;
}

.logo_betae img{
  height: 100px
}

.login-page-content .login-page-content-illustration{
  text-align: center;
  padding: 3em;
  padding-top: 2em;
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-color: #D9F2ED;
  background-image: url("./../../images/showcase/undraw_authentication_fsn51.png");
  background-size: 80%;
  background-repeat: no-repeat;
  background-position: 50% 80%;
}


.login-page-content-form  {
  flex-direction: column;
  align-items: center;
  align-content: center;
  padding-left: 6em;
  padding-right: 6em;
  padding-top: 6em;
  padding-bottom: 0em;
}
.login-page-content-form .page-content-form-title {
  text-align: center;
}

.login-page-content-form .page-content-form-title h1{
  font-size: 2.5em;
  color: #57606F;
  font-weight: bold;
}

.login-page-content-form .page-content-form-title p{
  font-size: 0.8em;
  color: #57606F;
  margin-top: 10px;
}

.login-page-content-form .page-content-form-title p a{
  color: #008A3E;
  text-decoration: none;
}

.login-page-content-form .page-content-form{
  padding-top: 2em;
  padding-bottom: 4em;
  padding-left: 3em;
  padding-right: 3em;
}

.login-page-content-form .page-content-form form .form-control{
  background-color: rgba(255, 0, 0, 0.0);
  border-radius: 0px;
  border: none;
  background-color: #F5F6FA;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px;
  padding-left: 2.5em;
}

.login-page-content-form .page-content-form form .invalid-feedback{
  color: #e74c3c;
  font-size: 0.8em;
  font-weight: normal;
  margin-bottom: 20px;
}

.login-page-content-form .page-content-form form .form-control.email{
  background-image: url("./../../images/showcase/user.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 10px 50%;
}

.login-page-content-form .page-content-form form .form-control.password{
  background-image: url("./../../images/showcase/padlock.png");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: 10px 50%;
}

.password-img-end{
  display: block;
  height: 20px;
  position: relative;
  top: -48px;
  left: 93%;
  margin: 0px;
  cursor: pointer;
}

 .login-page-content-form .page-content-form form label {
   color: #57606F;
 }


.login-page-content-form .page-content-form form .form-check-input:checked {
    background-color: #57606F;
    border-color: #57606F;
}

 .login-page-content-form .page-content-form form .form-check-input {
    cursor: pointer;
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}

 .login-page-content-form .page-content-form form .submit-login {
    width: 80%;
    margin-top: 20px;
    background-color: #2c3e50;
    text-align: center;
    color: white;
    transition: 500ms ease
    -webkit-box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
    -moz-box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
    box-shadow: 0 1.75rem 2rem -0.4rem rgba(50,0,100,0.15);
 }

  .login-page-content-form .page-content-form form .submit-login:hover{
      background-color: white;
      color: #2c3e50;
      border: 1px solid #2c3e50;
  }

 .login-page-content-form .page-content-form form .forgot-password{
   margin-top: 20px;
   font-size: 0.9em;
   color: #bdc3c7;
   text-decoration: none;
 }

 .login-page-content-form .page-content-form form .forgot-password:hover{
   color: #008A3E;
 }

  .page-footer{
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .page-footer p {
    color: #57606F;
    width: 100%;
    font-size: 0.8em;
  }

 .page-footer p a {
   text-decoration: none;
   color: #008A3E;
 }

 @media  screen and  (max-width : 767px) {
   .login-page-content-form .page-content-form-title h1{
     font-size: 1.5em;
     color: #57606F;
     font-weight: bold;
   }

   .login-page-content-form .page-content-form-title p{
     font-size: 0.8em;
     color: #57606F;
     margin-top: 10px;
   }

   .login-page-content-form  {
     flex-direction: column;
     align-items: center;
     align-content: center;
     padding-left: 2.5em;
     padding-right: 2.5em;
     padding-top: 8em;
     padding-bottom: 1em;
   }
 }