@import './modules/alerts.css';
@import './modules/charts.css';
@import './modules/cores.css';
@import './modules/escalamientos.css';
@import './modules/geo.css';
@import './modules/masivas.css';
@import './modules/tablero.css';
@import './modules/tca.css';
@import './modules/tour.css';


html, body {
  scroll-behavior: smooth !important;
}

/* Estilos de badges para tiempos */
#bg-02 {
  background-color: lightgreen !important;
  color: black !important;
  padding: 5px 10px;
}

#bg-24 {
  background-color: #00a65a !important;
  color: black !important;
  padding: 5px 10px;
}

#bg-443 {
  background-color: #E3F511 !important;
  color: black !important;
  padding: 5px 10px;
}

#bg-435 {
  background-color: #F5D921 !important;
  color: black !important;
  padding: 5px 10px;
}

#bg-5 {
  background-color: orange !important;
  color: black !important;
  padding: 5px 10px;
}

#bg-12 {
  background-color: #ff4400 !important;
  color: black !important;
  padding: 5px 10px;
}

#bg-48 {
  background-color: red !important;
  color: black !important;
  padding: 5px 10px;
}

.info_card_footer{
  background-color: rgba(255,255,255,0.1);
  margin-top: 6px;
}

.info-box .info-box-number{
  font-size: 15px !important;
}

.check_up {
  color: green;
}

.check_down {
  color: red;
}

#home_anchor,
#operative_anchor,
#geo_anchor,
#wo_anchor,
#tablero_anchor {
  display: block;
  content: " ";
  margin-top: -60px;
  height: 60px;
  visibility: hidden;
}

/* BOTONES FILTROS */
.btn-group label {
  font-size: 0.8rem !important;
}

.navbar {
  font-size: 0.8rem !important;
}

.element_show {
  visibility: visible !important;
}

.element_hidden {
  visibility: hidden;
}

/* Central elementos en celdas de tablas */

.centrar_celda {
  text-align: center; /* Centra el texto horizontalmente */
  vertical-align: middle; /* Centra el contenido verticalmente */
}

/* ==== Botonera de Estados: Efecto Presionado con Achicamiento Sutil ==== */
.navbar-expand-md .navbar-nav .nav-link {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}

#botonera_estados .btn-group-toggle label, 
#botonera_tipos .btn-group-toggle label {
  font-weight: 500;
}

#botonera_estados .btn-group-toggle label:hover, 
#botonera_tipos .btn-group-toggle label:hover {
  filter: brightness(1.1);          /* Leve aumento de brillo al pasar el cursor */
}

/* Estado activo: se achica sutilmente, se oscurece y muestra una sombra interna */
#botonera_estados .btn-group-toggle label.active, 
#botonera_tipos .btn-group-toggle label.active {
  font-weight: 700;
}

/* =================== INICIO ESTILOS BOTONERA DE TABLAS =================== */

/* Ajusta el tamaño de los botones del paginador */
.dataTables_paginate .pagination .paginate_button .page-link{
  padding: 0.3rem 0.65rem !important;
}

/* =================== ESTILOS NUEVAS TARJETAS CELULAS =================== */

.card_celulas{
  flex: 0 0 20%;
  max-width: 20%;
}

.info-box .info-box-icon{
  width: 45% !important;
  font-size: 2.5rem !important;
}