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

    --color-sfco-red: #cc2219;
    --color-sfco-yellow: #e8a618;
    --color-sfco-green: #47a92a;
    --color-sfco-cyan: #009ee2;
    --color-sfco-blue: #1d3388;
    --color-sfco-purple: #450975;
}

body {
    background-color: var(--bs-cyan);
    background-image: url("../img/background01.86ecb7517ab2.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-blend-mode: screen;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family:
        Rubik,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Oxygen,
        Ubuntu,
        Cantarell,
        "Open Sans",
        "Helvetica Neue",
        sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family:
        "Maven Pro", "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS",
        sans-serif;
}

#bodyContent {
    height: 100%;
}

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

#navbar {
    background-color: var(--color-sfco-cyan);
}

.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: var(--color-sfco-cyan);
}

.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.a71d4b689224.gif");
    background-size: 24rem;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 10000000;
    opacity: 0.95;
    display: none;
}