:root {
    --fondo-contenido: 203, 222, 255; /* #ededed */
    --color-fondo: 171, 202, 255; /* #ABCAFF */
    --color-princial: 0, 111, 185; /* #006fb9 */
}

body {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

#body {
    background-color: rgba(var(--color-fondo), 0.69);
    color: black;
    flex: 1;
}

#bodyContent {
    height: 100%;
}

.contenido {
    background-color: rgb(var(--fondo-contenido));
    background-color: white;
}

#navbar {
    color: white;
    font-size: 17px;
    /*position: absolute;*/
    width: 100%;
}

.surname {
    font-size: 19px;
    font-weight: 600;
}

.icon_user {
    font-size: 22px;
}

.nav_list > li {
    margin-right: 13px;
}

.nav_list > li > a,
.nav_list > li > a:link,
.nav_list > li > a:visited,
.nav_list > li > a:hover,
.nav_list > li > a:active {
    color: white !important;
    text-decoration: none;
}

.navbar-toggler {
    background-color: white;
}

.fondo_sf {
    background-color: rgb(var(--color-princial));
    background-position: center;
    background-size: cover;
}

.m_nav_logo {
    height: fit-content;
    padding: 0;
    margin-left: 13px;
}

.loader-text {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    background-image: url(../img/loading-02.gif);
    background-size: 24rem;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    opacity: 0.95;
    display: none;
}