/* Font */
@font-face {
  font-family: Montserrat;
  src: url(../fonts/Montserrat-Regular.ttf);
}
  
/* ---------- Login ---------- */
.body_login{
  font-family:'Montserrat';  
  font-weight: 500;
  color: rgb(12, 12, 12);
  background: rgb(0,117,75); 
  background: linear-gradient(90deg, rgba(0,117,75,1) 44.4%, rgba(255,255,255,1) 44.4%);
}

.boton_login{
  background-color:#00754B; 
  border:none; 
  border-radius: 25px; 
  width:150px;
  height: 50px;
  color: #ffffff;
}

.boton_login:hover{
  background-color:#026641; 
}

.input_login{
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 0.9rem;
  outline: 0;
  border-width: 0 0 2px;
  border-color: #9a9ca5;
}

.input_login:focus {
  color: #161616;
  border-color: #aeb0b9;
  outline: 0;
  box-shadow: 0px 16px 14px -11px rgba(167,212,174,1);

}


.body_principal{
  font-family:'Montserrat';  
  font-weight: 500;
}

/* Header */
ul .active{
    background-color: #F2F2F2;
    border-radius: 10px;
}
ul a .log{
    color: black;
}
ul li a{
    color: black;   
}
ul li a:hover{
    color: black;
    background-color: #F2F2F2;
    border-radius: 10px;
}
/* Empleados */
.botonn {
    display: inline-block;
    font-weight: 400;
    color: #fff;
    background-color: #08E33B;
    text-align: center;
    vertical-align: middle;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 20px;
    border-radius: 0.35rem;
    width: 120px;
    cursor: pointer;
  }
  
  .botonn:hover {
    background-color: #07c734;
    text-decoration: none;
    transition: 0.2s;
    color: #fff;
    box-shadow: 0 2px 5px rgba(66, 66, 66, 0.322);
  }
  
  .btn-close {
    border: none;
    font-size: 20px;
  }
  
  .body2 {
    background-color: #D5D5D5;
    border-radius: 5px;
  }
  
  .btnconfig{
    color:#378CBF;
    font-size: 15px;
    border: 1px solid #378CBF;
    border-radius: 0.35rem;
   }
  
  .btnconfig:hover{
    color:#2979aa;
    background-color: rgb(204, 200, 200);
    transition: 0.2s;
  }
  
  .btnarchivar{
    color:#3fe463;
    font-size: 15px;
    border: 1px solid #3fe463;
    border-radius: 0.35rem;
   }
  
  .btnarchivar:hover{
    color:#36d859;
    background-color: rgb(204, 200, 200);
    transition: 0.2s;
  }

  .btneliminar{
    color:#FF7546;
    font-size: 15px;
    border: 1px solid #FF7546;
    border-radius: 0.35rem;
   }
  
  .btneliminar:hover{
    color:#e66337;
    background-color: rgb(204, 200, 200);
    transition: 0.2s;
  }