body {
    background-color: #2a3f54;
}

.bg-michcorp {
    background-color: #2a3f54;
}

/* .text-justify {
    text-align: justify;
    color: #198754;
} */

.hover-navPill:hover {
    cursor: pointer;
    transition: all 200ms ease-in-out;
    transform: scale(1.1);
}

#menuPrincipal .nav-link.active {
    background-color: #2A3F54 !important;
}

#menuPrincipal .nav-link.active:hover {
    color: var(--bs-nav-link-hover-color);
}

#menuPrincipal .nav-link:hover {
    background-color: #9fbce747 !important;
}

#visoresUl .bg-pill {
    background-color: #9fbce747 !important;
}

#visoresUl .bg-pill.active {
    /* background-color: #9fbce747 !important; */
    background-color: #2a3f54 !important;
}

#visoresUl .bg-pill:hover {
    background-color: #9fbce747 !important;
    color: var(--bs-nav-link-hover-color);
}

.fondo-form {
    background-color: #e7e7e7;
    box-shadow: 8px -4px 10px -6px rgba(0,0,0,0.41);
    -webkit-box-shadow: 8px -4px 10px -6px rgba(0,0,0,0.41);
    -moz-box-shadow: 8px -4px 10px -6px rgba(0,0,0,0.41);
}

.caja-icon-hover:hover {
    cursor: pointer;
    transition: all 200ms ease-in-out;
    transform: scale(1.1);
}

.caja-tab-icon {
    background-color: #2A3F54 !important;
    width: 100px !important;
    height: 100px !important;
    color: white !important;
}

.caja-select,
.caja-input-t {
    background-color: transparent !important;
    border: 2px solid black;
}

.caja-select:focus,
.caja-input-t:focus {
    border-color: black;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0, 0, 0, 0.468);
}

.caja-input-t:disabled {
    background-color: #c7c6c6 !important;
}

.caja-switch:focus {
    box-shadow: 0 0 0 .2rem rgba(60, 153, 110, 0.468);
}

.caja-switch:checked {
    background-color: #1a8754;
}

.caja-card-header-fondo {
    background-color: #dddcdc;
}

.caja-btn-outline-hover:hover {
    background-color: black;
    color: white;
}

.caja-detallado {
    height: 18px;
    margin: 0px auto !important;
    color: white;
    border: .15em solid white;
    border-radius: 1em;
    box-shadow: 0 0 .2em #444;
    box-sizing: content-box;
    text-align: center !important;
    text-indent: 0 !important;
    font-family: "Courier New",Courier,monospace;
    line-height: 1em;
    background-color: #31b131;
}

.caja-detallado:hover {
    background-color: #198754;
    transition: all 200ms;
}

.caja-btn-outline-hover:hover {
    background-color: black;
    color: white;
}