@charset "UTF-8";
body {
  font-family: "basier_circle", serif;
  background: white;
  font-weight: normal;
  font-style: normal;
}
body.Inicio {
  background: #e5f7fd;
}

main {
  padding-top: 220px;
  min-height: 50rem;
  min-height: 1000px;
}

.menu-derecha {
  padding-right: 3rem;
}
.menu-derecha a.dropdown-toggle {
  color: white !important;
}

.contenido {
  background-color: #e5f7fd;
  padding: 2rem;
  padding-bottom: 15rem;
}

footer {
  background: #00aeef;
  color: white;
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 180px;
  margin-top: 3rem;
  padding-top: 4rem;
}
footer a {
  color: white;
  text-decoration: none;
}
footer a:hover {
  color: white;
  text-decoration: underline;
}

.form-signin {
  width: 100%;
  max-width: 330px;
  padding: 15px;
  margin: auto;
}

.navbar {
  height: 180px;
}

.totales {
  border-width: 1px;
  border-style: solid;
  border-color: #00aeef;
  padding-top: 1rem;
}
.totales a {
  text-decoration: none;
  cursor: pointer;
}
.totales a p {
  font-weight: 500;
  text-align: center;
  font-size: 1.5rem;
  color: black;
}
.totales a h2 {
  font-weight: 900 !important;
  text-align: center;
  font-size: 7rem;
  color: #00aeef;
}
.totales a:hover p {
  color: #00aeef;
}
.totales a:hover h2 {
  color: #5acdf7;
}

.btn {
  border-radius: 0;
  font-weight: bold;
}

.btn-primary {
  background-color: #00aeef;
  border-color: #00aeef;
}

a.nav-link.btn.btn-outline-light {
  color: white;
}
a.nav-link.btn.btn-outline-light:hover {
  color: #00aeef;
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  opacity: 1;
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: white;
  background-color: black;
}

@font-face {
  font-family: "basier_circle";
  src: url("/assets/fonts/basiercircle-regular-webfont.woff2") format("woff2"), url("/assets/fonts/basiercircle-regular-webfont.woff") format("woff"); /* Formato WOFF */
  /* Agrega otros formatos de fuente si los tienes disponibles */
  font-weight: normal; /* Puedes especificar el peso de la fuente */
  font-style: normal; /* Puedes especificar el estilo de la fuente (normal, italic, etc.) */
}
@font-face {
  font-family: "basier_circle";
  src: url("/assets/fonts/basiercircle-medium-webfont.woff2") format("woff2"), url("/assets/fonts/basiercircle-medium-webfont.woff") format("woff"); /* Formato WOFF */
  /* Agrega otros formatos de fuente si los tienes disponibles */
  font-weight: bold; /* Puedes especificar el peso de la fuente */
  font-style: normal; /* Puedes especificar el estilo de la fuente (normal, italic, etc.) */
}
@font-face {
  font-family: "basier_circle";
  src: url("/assets/fonts/basiercircle-bold-webfont.woff2") format("woff2"), url("/assets/fonts/basiercircle-bold-webfont.woff") format("woff"); /* Formato WOFF */
  /* Agrega otros formatos de fuente si los tienes disponibles */
  font-weight: 900; /* Puedes especificar el peso de la fuente */
  font-style: normal; /* Puedes especificar el estilo de la fuente (normal, italic, etc.) */
}
@media print {
  p,
  label,
  div,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    font-size: 10pt;
    padding: 0;
    margin: 0;
  }
}
h1 {
  font-family: "basier_circle", serif;
  font-size: 2rem;
  color: #00aeef;
  font-weight: bold;
}

#cliente_estado_pago label {
  padding-right: 23px;
  padding-left: 3px;
}

.nombre_campos th:last-child {
  visibility: hidden;
}

.filters input[type=text] {
  width: 100%;
}

.filters th:last-child {
  visibility: hidden;
}

tr a {
  visibility: hidden;
}

tr:hover a {
  visibility: visible;
}

a.oper:hover span {
  background: red !important;
}

label {
  margin-top: 1rem;
  color: rgb(86, 86, 86);
}

.row.botones_form {
  margin-top: 3rem;
}

.bg-dark {
  background-color: #00aeef !important;
}

#form_roles input {
  margin-right: 3px;
}
#form_roles label {
  padding-right: 17px;
}

.show .row {
  padding: 5mm;
  border-bottom-style: solid;
  border-bottom-color: rgb(226, 226, 226);
  border-bottom-width: 1px;
}

span.rotulo {
  font-size: 7rem;
  font-weight: 900;
}

.dt-search {
  visibility: hidden;
}

/* Estilo base para los radiobuttons */
input[type=radio] {
  accent-color: #007bff; /* Cambia el color del radio seleccionado */
  width: 16px; /* Tamaño ajustado del radio */
  height: 16px;
  margin-right: 8px; /* Espaciado entre el radio y el label */
  vertical-align: middle; /* Alinea el radio al centro del texto */
  cursor: pointer;
}

/* Estilo para los labels asociados */
input[type=radio] + label {
  font-size: 1rem; /* Tamaño del texto */
  margin-right: 20px; /* Espaciado entre grupos de radio */
  color: #333; /* Color del texto */
  cursor: pointer;
}

/* Estilo para el radio seleccionado */
input[type=radio]:checked + label {
  font-weight: bold;
  color: #007bff;
}

.form-check-input {
  margin-top: 1rem;
}

.contenido .nav-tabs .nav-link.active {
  background-color: #e5f7fd;
  border-bottom-color: #e5f7fd;
}

/* Desactiva el estilo de los enlaces con la clase .disabled-link */
.disabled-link {
  pointer-events: none; /* Desactiva el clic */
  color: #6c757d; /* Cambia el color a gris o el que prefieras */
  text-decoration: none; /* Quita el subrayado */
  cursor: not-allowed; /* Cambia el cursor a 'no permitido' */
}

/* Desactiva el efecto hover */
.disabled-link:hover {
  color: #6c757d; /* Mantiene el color gris */
}/*# sourceMappingURL=styles.css.map */