/* Estilo de la capa base (contenido de la página) */
.main-content {
  padding: 20px;
}
/* Estilo del overlay */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6); /* Negro con 60% de opacidad */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000; /* Asegurar que está sobre el contenido */
}
/* Estilo del cuadro de login */
.login-box {
  background: white;
  padding: 30px;
  width: 350px;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  text-align: center;
  z-index: 1001; /* Asegurar que esté por encima del overlay */
}
/* Espaciado en inputs */
.login-box .input {
  margin-bottom: 15px;
}
.paramgroup{
  gap: .5rem;
}
.overlay-cls{
  background-color: rgba(42, 87, 154, .7);
  top: 0;
  left: 0;
}
.sb-gesnot ::-webkit-scrollbar-thumb {
  background-color: #2a579a !important;
}
.sb-gesnot * {
  scrollbar-color: #2a579a #e8e8e8 !important;
}
.bg-gesnot {
  background-color: #2a579a !important;
}
.bg-gesnot-active:active {
  background-color: #2a579a !important;
}
.bg-gesnot-hover:hover {
  background-color: #2a579a !important;
}
.bg-gesnot-focus:focus {
  background-color: #2a579a !important;
}
.bd-gesnot {
  border-color: #2a579a !important;
}
.bd-gesnot-active:active {
  border-color: #2a579a !important;
}
.bd-gesnot-hover:hover {
  border-color: #2a579a !important;
}
.bd-gesnot-focus:focus {
  border-color: #2a579a !important;
}
.tg-gesnot::before {
  border-color: #2a579a;
}
.fc-gesnot {
  fill: #2a579a !important;
}
.fc-gesnot-active:active {
  fill: #2a579a !important;
}
.fc-gesnot-hover:hover {
  fill: #2a579a !important;
}
.fc-gesnot-focus:focus {
  fill: #2a579a !important;
}
.fg-gesnot {
  color: #2a579a !important;
}
.fg-gesnot-active:active {
  color: #2a579a !important;
}
.fg-gesnot-hover:hover {
  color: #2a579a !important;
}
.fg-gesnot-focus:focus {
  color: #2a579a !important;
}
.op-gesnot {
  background-color: rgba(42, 87, 154, 0.1) !important;
}
.ol-gesnot {
  outline-color: #2a579a !important;
}
.ol-gesnot-active:active {
  outline-color: #2a579a !important;
}
.ol-gesnot-hover:hover {
  outline-color: #2a579a !important;
}
.ol-gesnot-focus:focus {
  outline-color: #2a579a !important;
}
.before-bg-gesnot::before {
  background: #2a579a !important;
}
.before-fg-gesnot::before {
  color: #2a579a !important;
}
.after-bg-gesnot::after {
  background: #2a579a !important;
}
.after-fg-gesnot::after {
  color: #2a579a !important;
}
.after-bd-gesnot::after {
  border-color: #2a579a !important;
}
.after-ol-gesnot::after {
  outline-color: #2a579a !important;
}
.ribbed-gesnot {
  background: #2a579a linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent) !important;
  background-size: 20px 20px !important;
}
@media screen and (min-width: 768px){
  .BMLs9RFYcKc{
    width: 530px;
    min-width: 530px;
    max-width: 530px;
  }
  .aV3QqzLiUVZ{
    width: 260px;
    min-width: 260px;
    max-width: 260px;
  }
  .mHUl07iHLtnV{
    width: 263px;
    min-width: 263px;
    max-width: 263px;
  }
  .CtepJ0XpmXal{
    width: 595px;
    min-width: 595px;
    max-width: 595px;
  }
  .rq5qCckXoe0U{
    width: 250px;
    min-width: 250px;
    max-width: 250px;
  }
}