body{
    background: #E3FFD1;
}
.loader-wrapper{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: #E3FFD1;
}
.loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('../img/logo.png') 50% 50% no-repeat;
    opacity: 0;
    animation: loaderAnimation 2s infinite;
    background-repeat: no-repeat;
    background-size: 250px;
  }
  
  @keyframes loaderAnimation {
    0% {
      transform: scale(0.5);
      opacity: 0.5;
    }
    50% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      transform: scale(0.5);
      opacity: 0.5;
    }
  }
  #clave, #usuario{
    border-radius: 10px;
    background-color: #E1E5E2;
    height: 56px;
  }
  .form-group input[type="password"],
.form-group input[type="text"] {
  padding-left: 35px;
  background-repeat: no-repeat;
  background-position: 5px center;
}

#clave{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 11H5a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7a2 2 0 0 0-2-2ZM7 11V7a5 5 0 1 1 10 0v4'/%3E%3C/svg%3E");

}
#btn_submit{
    border-radius: 50px;
    background: #325A3E;
    width: 370px;
    height: 56px;
    color: #FFF;
    font-family: Helvetica;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
#usuario{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'/%3E%3C/svg%3E");
}
.d-flex{
    min-height: 100%;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
@font-face {
    font-family: 'Breadbary';
    src: url('fonts/Breadbary.otf') format('opentype'),
         url('fonts/Breadbary.ttf') format('truetype');
  }
  .panel-heading{
    color: #000;
    font-family: Breadbary;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .green{
    color: #325A3E !important;
  }