body{
  font-family: 'Inter', sans-serif;
}
a:link, a:visited {
  color: #5b3587;
  font-family: 'Spartan', sans-serif;
}
.bg-light{
  box-shadow: 1px 1px 5px 0px gray;
}
.navbar{
  padding-bottom: 1rem ;
  padding-top: 1rem ;

}
.navbar-brand{
  font-weight: 700;
  font-size: 2em;
}
.f-by{
  font-size: 0.5em;
}
.nav-link{
  font-size: 1em;
  font-family:'Spartan', sans-serif;
  color: #5b3587;
  margin-top: 10px;
  margin-left: 0.5rem;
  font-size: 17px;
  font-weight: 400;
  line-height: 17px;
}
.nav-link:hover{
  color: #EE7D5A;
}
.nav-link:active{
  color: #EE7D5A;
}
.nav-link:focus{
  color: #EE7D5A;
}
.sesion-close{
color:#EE7D5A;
}
.mr-6{
  margin-right: 1rem;
}
.by-dev{
  transform: translate(-160%, 97%);
}
.dashboard{
  background-image: url(../img/trama-hero.png);
  background-size: cover;
  margin-top: 6rem;
}
label {
    font-size: 14px;
}
.card-header{
  background-color: #fad1c5;
}
.table-activo {
background-color: #EEEFE8;
  color: black;
}
.container-fluid{
  padding-right: 0;
  padding-left: 0;
}
.card-body{
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
h1{
  font-family:'Spartan', sans-serif;
  font-weight: 600;
}
.magenta{
  color: #BB1271;
  font-weight: 600;
}
.total{
  background-color:#A888B5 !important;
  color: white;
  font-weight: 600;
}
.subtotal{
  background-color:#CDB9D5 !important;
  color: white;
  font-weight: 500;
}
.parcial{
  background-color:#EEEFE8 !important;
  color: black;
  font-weight: 600;
}
.btn{
  border-radius: 50px;
  padding: 8px 17px 8px 17px;
  transition: all .2s ease-in-out;
  margin-right: 0.5rem;
}
.btn:hover{
  padding: 8px 17px 8px 17px;
  border-radius: 50px;
  transform: scale(.95);
}
.btn-danger{
  background-color:#5B3587;
  border-color: #5B3587;
}
.btn-danger:hover{
  background-color:#654a85;
  border-color: #654a85;
}
.navbar-expand-lg .navbar-nav .nav-link {
  padding-left: 0;
  padding-right: 0.5rem;
}
.imputacion label{
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}
.imputacion input{
  margin-top: 0.5rem;
}
.imputacion select{
  padding-top: 5px;
  padding-bottom: 5px;
  border-color: #5B3587;
  background-color: #fff;
}
p{
  margin-top: 0.5rem;
}
form textarea{
  width: 100%;
  height: auto;
}

.aumentar-retiros label{
  margin-left: 2rem;
}

.aumentar-retiros input{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.aumentar-retiros select{
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.aumentar-retiros .btn{
  padding-left: 1rem;
  margin-left: 2rem;
}
.aumentar-retiros .btn{
  padding-right: 1rem;
}
#container .dashboard{
  margin-top: 0rem;
}

.loading-container {
  background-color: #ccc;
  opacity: 0.8;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  /* display: flex; */
  align-items: center;
  justify-content: center;
  display: none;
}

.loading-container .spinner-border {
  width: 4em;
  height: 4em;
}

.htmx-request .loading-container {
  display: flex;
}

.form-automatic select{
  margin-left: 0.5rem;
}

.form-automatic label{
  font-family: inter;
  font-size: 16px;
}

.monto-widget {
  min-width: 120px;
}

@media (max-width: 768px) { 
  .navbar-brand{
    width: 50%;
  }
  .by-dev {
    transform: translate(-125%, 100%);
  }
}