.select2-selection__choice__display {
  color: black;
}
.select2-container {
  min-width: 200px !important;
}
.map_canvas_wrapper {
  margin-left: 0px;
}
.main-footer {
  color: #ffffff;
  background-color: #183484;
}
/*Centrar x de botones para select multiple*/
.select2-container--default
  .select2-selection--multiple
  .select2-selection__choice__remove {
  margin-left: 0px;
  padding: 0px 3px;
}
/*Para que los campos seleccionados se encuentren dentro de la caja de opciones*/
.text-sm .select2-container--default .select2-selection--multiple {
  display: inline-block;
  min-width: -webkit-fill-available;
}
/*Agregar bold a link de menu seleccionado*/
.nav-link.active {
  font-weight: bold;
}
/*Estilos iconos slide menu*/
.user-panel {
  margin-top: 26px !important;
}
.user-panel .info a,
.user-panel .info span {
  color: #333 !important;
}

.custom-header {
  display: flex;
}

.custom-title {
  display: flex;
}

.custom-title i {
  font-size: 18px;
  margin-right: 10px !important;
  color: #2fa4e7;
}

.header-icon p {
  margin-bottom: 0px;
  font-weight: bold;
}

.nav-item .nav-icon {
  font-size: 12px !important;
}

/*Header reports */

.header-report {
  margin-left: 25px !important;
  margin-top: 10px !important;
}

.pvtFilterBox {
  top: initial !important;
}
.pvtFilterBox label {
  text-wrap: initial;
}

.tabs {
  display: flex;
  justify-content: center;
}

.tab-btn {
  cursor: pointer;
  background-color: #f1f1f1;
  border: none;
  border-radius: 10px;
  padding: 10px 20px;
  margin: 5px;
  font-size: 16px;
  transition: background-color 0.3s ease;
}

.tab-btn:hover {
  background-color: #017bfe;
  color: white;
}

.tab-btn.active {
  background-color: #2ea4e6;
  color: white;
}

.tab-content1 {
  display: none;
  padding: 10px;
}

.tab-content1.active {
  display: block;
}

#pivotTable {
  display: flex;
  justify-content: center;
}

.modal-body {
  max-height: 400px; /* Establece la altura máxima según tus necesidades */
  overflow-y: auto;
}

.hover-effect:hover {
  background-color: #ededed;
}

.login-logo {
  img {
    width: 25rem;
    height: 25rem;
    object-fit: contain;
  }
}

/* Banner de entorno de desarrollo */
.dev-environment-banner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: #e67e22;
  color: #fff;
  text-align: center;
  padding: 4px 0;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: uppercase;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

body.dev-environment {
  padding-top: 26px !important;
}

body.dev-environment .main-header {
  margin-top: 26px;
}

body.dev-environment .main-sidebar {
  padding-top: 26px;
}

/* Colores de desarrollo para el footer */
body.dev-environment .main-footer {
  background-color: #e67e22;
}