.nav-link.cuenta p {
    font-size: 1.85em!important;
    color: rgba(255, 255, 255, 0.75)!important;
    margin-left: 5px!important;
}

.nav-link.cuenta:hover p {
    color: white!important;
}

.main-header.navbar {
    height: 55px;
}

.nav-link.cuenta.activo p {
    color: black!important;
    margin-left: 5px!important;
}

body.sidebar-collapse .nav-link b {
    position: relative;
    left: 14px;
}

body.sidebar-collapse .nav-link.cuenta p {
    position: relative;
    left: 14px;
}

.control-sidebar-slide-open .porbanco .nav-link p {
    margin-left: -15px!important;
}

.control-sidebar-slide-open.sidebar-collapse .porbanco .nav-link p {
    margin-left: -5px!important;
}

.porbanco .nav-link.mes p {
    font-size: 1.85em!important;
    color: rgba(255, 255, 255, 0.75)!important;
    margin-left: 5px!important;
}

.porbanco .nav-link.cuenta p {
    font-size: 1.85em!important;
    color: rgba(255, 255, 255, 0.75)!important;
    margin-left: 5px!important;
}

.porbanco .nav-link.cuenta.activo p {
    font-size: 1.85em!important;
    color: black!important;
    margin-left: 5px!important;
}


/*Vista Reporte*/

.vistaReporte,
.vistaReporte .contenedor,
.vistaReporte iframe {
    border-radius: 0px 15px 0px 0px;
}

.vistaReporte.activo {
    bottom: 0px;
    background-color: white;
}

.vistaReporte {
    display: block;
    position: absolute;
    bottom: -110px;
    height: 120px;
    z-index: 99;
    background-color: black;
    -webkit-box-shadow: 8px 6px 19px -2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 60px 6px 19px -2px rgba(0, 0, 0, 0.75);
    box-shadow: -3px -3px 19px -2px rgba(0, 0, 0, 0.75);
    opacity: 90%;
    width: 1000px;
    padding: 0px;
}

.vistaReporte .pestania:hover {
    cursor: pointer;
}

.vistaReporte .pestania {
    background-color: black;
    position: relative;
    top: -23px;
    min-width: 150px;
    padding: 5px 10px 2px 10px;
    border-radius: 5px 5px 0px 0px;
    color: white;
    text-decoration: none;
}

.vistaReporte .contenedor {
    overflow: hidden;
}

.vistaReporte .contenedor {
    height: 200px;
    width: 100px;
    margin-top: -24px;
}

.vistaReporte iframe {
    width: 100%;
    height: 500px;
    position: absolute;
    top: -240px;
    left: -45px;
}

.nav .nav-item p {
    margin-left: -3.5px!important;
}

#adorno {
    background-image: url('https://siproser.com/css/img/41703-cloud-server-1.gif');
}

.inicioTexto {
    z-index: 2;
}

#adorno {
    position: absolute;
    top: -10vh;
    right: -50vw;
    z-index: 0;
    opacity: 0.1;
    width: 100vw;
    height: 100vh;
    border-radius: 50% 0 0 50%;
    filter: saturate(0) contrast(0.92) blur(0px);
    background-size: 120%;
    background-repeat: no-repeat;
}

.main-header.navbar .fondo,
.brand-link .fondo {
    /*background-image:url('https://siproser.com/css/img/41703-cloud-server-1.gif')*/
    /*background-image:url('../img/rayos06.gif');*/
    background-image: url('../../css/img/nubes.gif');
    /*background-image:url('../img/mexico02.gif'*/
    /*background-image: url('../img/navidad03.gif')
    /*Este es el bueno mexicano*/
    /* background-image:url('../img/mexico03.gif')*/
    /* background-image:url('../img/halloween03.gif') */
    /*OTOÑO*/
    /*background-image:url('../img/autum.gif')*/
}

.main-header.navbar .fondo,
.brand-link .fondo {
    background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: local;
    /*México*/
    background-position: top -250px left 0px;
    /*Halloween*/
    background-position: top -540px left 0px;
    /*background-position:center center;*/
    position: absolute;
    width: 100vw;
    left: -10vw;
    filter: saturate(1) blur(4px) contrast(0.55) brightness(2);
    /*filter:saturate(1) blur(4px) contrast(0.55) brightness(2);*/
    opacity: 0.25;
    height: 60px;
    z-index: -2;
}

.main-header.navbar li {
    z-index: 4;
}

.monito.inicio {
    position: fixed;
    right: 0vw;
    bottom: -8vh;
    z-index: 2;
    min-width: auto;
    min-height: 80vh;
    transition: all 1s ease-in-out!important;
    -webkit-transition: all 1s ease-in-out!important;
    -moz-transition: all 1s ease-in-out!important;
    -o-transition: all 1s ease-in-out!important;
}

.monito.inicio.oculto {
    right: -50vw;
}


/*NAVIDAD*/

.imagenFondo.inicio img {
    position: fixed;
    right: 0px;
    height: 90vh;
    width: auto;
    z-index: 1;
    bottom: 0px;
    opacity: 0.5;
    filter: blur(2px);
}

nav .arbolito img {
    height: 40px;
    width: auto;
}

.snow-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    /* So the snowflakes don't interfere with other elements */
    z-index: 1000;
    /* Ensure it is on top of other elements */
    opacity: 0.5;
}

@keyframes fall {
    0% {
        transform: translateX(0) translateY(-10vh);
        opacity: 1;
    }
    50% {
        transform: translateX(calc(-10vw + 20vw * var(--random-x))) translateY(50vh);
        opacity: 0.8;
    }
    100% {
        transform: translateX(calc(-20vw + 40vw * var(--random-x))) translateY(110vh);
        opacity: 0;
    }
}

.snowflake {
    position: absolute;
    top: -30px;
    background: white;
    border-radius: 50%;
    animation: fall linear infinite;
}


/*8M*/
body {
    background-color: rgba(182, 6, 130, .622) !important;
}

.main-header.navbar.navbar-expand.bg-azul.navbar-dark {
    border-bottom: 5px solid rgba(131, 4, 155, .622) !important;

}

.brand-link.bg-light.text-md {
    background-color: rgb(108, 45, 122) !important;
    border: 0px;
}

.brand-link.bg-light.text-md * {
    filter: brightness(1)!important;
    color: white !important;

}