body{
    background: rgb(33,37,41);
    background: linear-gradient(90deg, rgba(33,37,41,1) 35%, rgba(248,249,250,1) 35%, rgba(248,249,250,1) 100%) !important;
}
.img-bn {
    filter: grayscale(100%); /* Blanco y negro */
    transition: filter 0.5s ease; /* Transición suave */
}
.img-bn:hover {
    filter: grayscale(0%); /* Vuelve a color al hacer hover */
}
.main-content {
    margin-left: 330px;
    box-sizing: unset !important;
}
@media (min-width: 768px) {
    .main-content {

        padding: 20px;
    }
}

/* Opcional: Estilos para pantallas más pequeñas (móviles y tabletas verticales) */
@media (max-width: 767px) {
    .main-content {
        margin-left: 0; /* Sin margen en móviles o pantallas más pequeñas */
    }
}
.btn-ih {
    color: #fff; /* Color del texto */
    background-color: #6CCFB1; /* Color de fondo */
    border-color: #6CCFB1; /* Color del borde */
}

.btn-ih:hover {
    color: #fff;
    background-color: #5ba992; /* Color de fondo al pasar el cursor */
    border-color: #5ba992; /* Color del borde al pasar el cursor */
}

.btn-ih:focus, .btn-ih.focus {
    color: #fff;
    background-color: #6CCFB1;
    border-color: #5ba992;
    box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5); /* Sombra al enfocarse */
}

.btn-ih:disabled, .btn-ih.disabled {
    color: #fff;
    background-color: #5ba992;
    border-color: #5ba992;
    opacity: 0.65; /* Opacidad cuando está deshabilitado */
}

.btn-ih:active, .btn-ih.active,
.show > .btn-ih.dropdown-toggle {
    color: #fff;
    background-color: #6CCFB1; /* Color de fondo al hacer clic */
    border-color: #5ba992; /* Color del borde al hacer clic */
}

.btn-ih:active:focus, .btn-ih.active:focus,
.show > .btn-ih.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.25rem rgb(91, 169, 146);
}