.lock-screen {
    background: #96beba url(../../imagenes/fondocdk_2025.png) no-repeat fixed 0 0 / cover;
 
}
.lock-screen2 {
  position: relative;
 /* background: rgba(150, 190, 186, 1); /* Color de fondo sin transparencia */
  overflow: hidden; /* Asegúrate de que los elementos hijos no se desborden */
}

.lock-screen2 .background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url('../../imagenes/fondocdk_2025.png') no-repeat fixed 0 0 / cover;
  opacity: 0.5; /* Ajusta la opacidad de la imagen */
  z-index: 1; /* Asegúrate de que la imagen esté detrás del contenido */
  pointer-events: none; /* Asegúrate de que la imagen no interfiera con los eventos del ratón */
}

.lock-screen2 .content {
  position: relative;
  z-index: 2; /* Asegúrate de que el contenido esté por encima de la imagen de fondo */
}

.fondo-monitoreo {
    background: #96beba url(../../imagenes/pr_monitoreo.png) no-repeat fixed center center;
    background-size: auto;
}

.nav-link {
    color: #017F42 !important; /* Color por defecto */
    /*border: 1px solid #017F42 !important; /* Borde con color */
  }

  .nav-link.active {
    color: #fff !important; /* Color del texto cuando está activo */
    background-color: #017F42 !important; /* Fondo cuando está activo */
    border: 1px solid #017F42 !important; /* Borde con color */
  }

  .nav-tabs .nav-link.active {
    color: #fff !important; /* Color del texto cuando está activo */
    background-color: #017F42 !important; /* Fondo cuando está activo */
    border: 1px solid #017F42 !important; /* Borde con color */
  }
  .nav-tabs .nav-link {
   /* color: #fff !important; /* Color del texto cuando está activo */
   /* background-color: #017F42 !important; /* Fondo cuando está activo */
    border: 1px solid #017F42 !important; /* Borde con color */
  }

  .nav-link:hover {
    color: #017F42 !important; /* Color del texto al pasar el ratón */
    background-color: #CCE2A6 !important; /* Fondo cuando está activo */
  }
  .btn-primary {
    color: #FFF !important;;
    background-color: #017F42 !important;;
    border-color: #017F42 !important;;
    box-shadow: none !important;;
  }
  .btn-secondary {
    color: #017F42 !important;;
    background-color: #67BD5B !important;;
    border-color: #67BD5B !important;;
    box-shadow: none !important;;
  }