:root {
  --principal-muy-oscuro: #512f57; 
  --principal-oscuro: #112fda; /*Cabeceras de menu 0a1c84*/
  --principal: #4989c1;   /*top area #116cc1*/
  --principal-claro: #69b1ef; /*opciones de menu*/
  --linea-negativa: #f7e2fb;

  --secundario-claro: #8ec2ed;
  --secundario: #ebac4f;

  --negro: #000;
  --blanco: #ffffff;
}
/* custom styles sidebar*/
.os-padding{
  background-color: var(--principal);
}
.nav-sidebar>.nav-item>.nav-link.active {
    background-color: var(--secundario) !important;
}
.nav-sidebar>.nav-item>.nav-link{
  background-color: var(--principal-claro) !important;
  color: var(--blanco) !important;
}
.nav-sidebar>.nav-item>.nav-link:hover{
    background-color: var(--secundario-claro) !important;
}
.nav-sidebar>.nav-header{
  background-color: var(--principal-oscuro) !important;
  color: var(--blanco) !important;
}

.navbar-dark {
  background-color: var(--principal) !important;
  border-color: var(--secundario) !important;
}

.form-group.required label:not(:empty):not(.form-check-label)::after {
  content: ' *';
  color: #ff0000;
}

#input-img label:not(:empty):not(.form-check-label)::after {
  color: black !important;
}

#label-img.custom-file-label::after {
  content: "Browse" !important;
  color: black !important;
}

input[type=checkbox] {
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5);
  /* IE */
  -moz-transform: scale(1.5);
  /* FF */
  -webkit-transform: scale(1.5);
  /* Safari and Chrome */
  -o-transform: scale(1.5);
  /* Opera */
  padding: 10px;
}

.login-page {
  background-color: #116cc1 !important;
}

.login-logo {
  background-color: #ececec  !important;
  margin-bottom: 0px !important;
  padding: 2px;
}

.btn-connecting {
  color: #fff;
  background-color: #eb8d00 !important;
  border-color: #eb8d00 !important;
}

.brand-link:not([class*=navbar]) {
  background-color: #e4dddd !important;
} 
.main-header{
  background-color: #e4dddd !important;
} 

.card-primaary.card-outline {
  border-top: 3px solid #eb8d00 !important;
}
.corporativo {
  background-color: #428bca;
}

.nav-sidebar>.nav-header,
.sidebar-form {
  color: #7290cd;
  font-weight: 800;
}
.linea-negativa {
  background-color: var(--linea-negativa);
}

.linea-activa {
  background-color: #def7c6 !important;
}

.linea-no-activa {
  background-color: #fea1a4 !important;
}