/*
 * CSS personalizado del layout del theme
 */

/*******************************************************************************
 * NAVBAR SUPERIOR
 ******************************************************************************/

/* COLOR */
.navbar-dark
{
    background-color: #003E6B !important;
}

/* BARRA DE NAVEGACION */
.navbar-gestor
{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0rem 1.25rem 0rem 0.25rem !important;
    align-items: stretch;
}

/* ICONO DE LOS ENLACES */
.navbar-nav-link > i
{
    margin-right: 8px;
}

/*******************************************************************************
 * SIDEBAR LATERAL
 ******************************************************************************/

/* COLOR */
.sidebar-dark
{
    background-color: #003E6B !important;
}

/* SIDEBAR */
.sidebar-gestor
{
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    width: fit-content;
    box-sizing: content-box;
    z-index: 1040;
    box-shadow: 0.25rem 0 1rem rgb(0 0 0 / 35%);
}
.sidebar-collapsed
{
    display: none;
}
.sidebar-mobile-toggler
{
    height: 48px;
    background-color: #002D4E !important;
    justify-content: normal !important;
}
.sidebar-mobile-toggler span
{
    margin-left: 4px;
}

/* ENLACES DEL MENU */
.nav-link > i
{
    margin-top: 3px !important;
    margin-right: 8px !important;
}
.nav-group-sub .nav-link
{
    padding: .625rem 1.25rem .625rem 2.5rem !important;
}
.nav-sidebar > .nav-item > .nav-link
{
    font-weight: 400 !important;
}
.nav-sidebar .nav-link i
{
    min-width: 16px !important;
    text-align: center !important;
}

/*******************************************************************************
 * MENU
 ******************************************************************************/

/* ICONOS DEL MENU DROPDOWN */
.dropdown-item > i
{
    margin-right: 0.5rem !important;
}

/*******************************************************************************
 * CONTENT
 ******************************************************************************/

/* CONTENIDO DE LA PAGINA */
div.starkgestor-layout-main-canvas
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
div.starkgestor-layout-padding-0
{
    padding-top: 0px;
}
div.starkgestor-layout-padding-39
{
    padding-top: 39px;
}
div.starkgestor-layout-padding-78
{
    padding-top: 78px;
}
div.page-content
{
    min-height: calc(100% - 50px);
    min-width: fit-content;
}