/*
 * This is a manifest file that'll be compiled into application.css
 *= require_tree .
 *= require_self
 */

.color_de_link {
  color: #202020;
  text-decoration-line: none;
}

.color_de_link_titulos {
  color: #19AA54;
  text-decoration-line: none;
}

.color_de_link_azul {
  color: blue;
  text-decoration-line: none;
}

.color_de_link_verde {
  color: green;
  text-decoration-line: none;
}

.color_de_link_blanco {
  color: white;
  text-decoration-line: none;
}

.color_ok {
  color: green;
  text-decoration-line: none;
}

.color_error {
  color: red;
  text-decoration-line: none;
}

.color_warning {
  color: #FFB300;
  text-decoration-line: none;
}

.verde {
  color: green;
  text-decoration-line: none;
}

.amarillo {
  color: #E36B2C;
}

.rojo {
  color: red;
}

.azul {
  color: blue;
} 

.card {
  box-shadow: 0 0px 20px 0 rgb(187, 191, 188) !important;
}

.bg-secondary {
  background-color: rgb(0,38,10) !important;
}

.letra_italica {
  font-style: italic;
}

.letra_gris {
  color: grey;
}

.letra_blanca {
  color: white;
}

.letra_label {
  color: grey;
  font-style: italic;
} 

.alineado_derecha {
  text-align: right;
}

.alineado_izquierda {
  text-align: left;
}

.alineado_centro {
  text-align: center;
}

.espacio_alineado_vertical {
  padding: 2px 0;
}

.flotar {
  float: left;
}

.sin_borde {
  border: 0;
}

.sin_relleno {
  background-color: white;
}

.fondo_gris_azul {
  background-color: #7F7FAA;
}

.fondo_gris_claro {
  background-color: #f1f1f1;
}

.fondo_celeste {
  background-color: #42b0f5;
}

.angosta {
  font-size: small;
}

.letra_titulos {
  color: #198054;
  font-style: italic;
}

.letra_titulos_campos {
  font-style: italic;
  font-size: x-small;
} 

.letra_estandar {
  font-family: sans-serif;
  font-size: x-small;
} 

.letra_aclaraciones {
  font-style: italic;
  font-size: small;
} 

.boton_ok {
  background: url("/assets/ok-73e6a96d.png");
  border: none;
  background-size: 100% 100%;
  color: white;
}

.boton_bloque {
  background-size: 100% 100%;
  border-radius: 0.5rem;
  color: darkgreen;
  font-size: 1rem;
  font-weight: 700;
  background-color: #7fff00;
  margin: 0.2rem;
}

.boton_bloque_amarillo {
  background-size: 100% 100%;
  border-radius: 0.5rem;
  color: darkgreen;
  font-size: 1rem;
  font-weight: 700;
  background-color: yellow;
  margin: 0.2rem;
}

.boton_bloque_gris {
  background-size: 100% 100%;
  border-radius: 0.5rem;
  border: none;
  color: white;
  font-size: 1rem;
  background-color: #7e7e7e;
  margin: 0.2rem;
}

.boton_bloque_naranja {
  background-size: 100% 100%;
  border-radius: 0.5rem;
  border: none;
  color: white;
  font-size: 1rem;
  background-color: #f4623a;
  margin: 0.2rem;
}

.boton_bloque_rojo {
  background-size: 100% 100%;
  border-radius: 0.5rem;
  color: darkgreen;
  background-color: #ff3300;
  margin: 0.2rem;
}

.boton_bloque_menu {
  background-size: 100% 100%;
  border-radius: 0.5rem;
  color: white;
  background-color: #efeff4;
  margin: 0.2rem;
}

.boton_bloque_menu_chico {
  background-size: 100% 100%;
  border-radius: 0.5rem;
  background-color: darkolivegreen;
  padding: 0px 3px;
  font-size: 10px;
}

/* Loader Styles */
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
}

#loader-wrapper.hidden,
.hidden {
  display: none !important;
}

#loader {
  border: 16px solid #f3f3f3;
  border-top: 16px solid #3498db;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

hr.divider {
  height: 0.2rem;
  max-width: 3.25rem;
  margin: 1.5rem auto;
  background-color: #f4623a;
  opacity: 1;
}

hr.divider_largo {
  height: 0.2rem;
  max-width: 100%;
  margin: 1rem auto;
  background-color: #f4623a;
  opacity: 1;
}

hr.divider-light {
  background-color: #fff;
}

.encabezado-vertical {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  text-align: center;
  white-space: nowrap;
}

th {
  height: 12px;
}