.bgLogin {
    background-image: url(../imagenes/bg-vtv.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}


/*@media (max-width: 768px) {
    .bgLogin {
        background-image: url(../imagenes/bg-vtv.png);
        background-repeat: no-repeat;
        background-size: auto;
    }
}

@media (max-width: 1200px) {
    .bgLogin {
        background-image: url(../imagenes/bg-vtv.png);
        background-repeat: no-repeat;
        background-size: auto;
    }
}

@media (max-width: 992px) {
    .bgLogin {
        background-image: url(../imagenes/bg-vtv.png);
        background-repeat: no-repeat;
        background-size: auto;
    }
}
*/
@media screen and (max-width: 768px) {
    .bottom-menu {
        display: block; /* Mostrar el menú */
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background-color: #333;
        padding: 10px 0;
        text-align: center;
    }

        .bottom-menu ul {
            list-style-type: none;
            padding: 0;
            margin: 0;
        }

            .bottom-menu ul li {
                display: inline-block;
                margin: 0 5px; /* Espacio entre botones */
            }

                .bottom-menu ul li a {
                    color: #fff;
                    text-decoration: none;
                    padding: 5px 10px;
                    border-radius: 5px;
                    transition: background-color 0.3s ease;
                    font-size: 20px;
                }

                    .bottom-menu ul li a:hover {
                        background-color: #555;
                    }
    
}

/* Estilos para el menú cuando el ancho de la pantalla es igual o mayor que 768px */
@media screen and (min-width: 768px) {
    .bottom-menu {
        display: none; /* Ocultar el menú */
    }
}

.loginscreen.middle-box {
    border-radius: 20px;
}

.lineLogin {
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -15px;
    margin-right: -15px;
    border: 0;
    border-top: 2px solid #009aae;
}

.btn-vtv {
    background-color: #e81f76;
    border-color: #e81f76;
    color: #FFFFFF;
    font-weight: 700;
    line-height: 18.75px;
}

    .btn-vtv.btn-outline {
        color: #e81f76;
        background-color: transparent;
        transition: all .5s;
        border-color: #e81f76;
    }

        .btn-vtv:hover, .btn-vtv:focus, .btn-vtv:active, .btn-vtv.active, .open .dropdown-toggle.btn-vtv, .btn-vtv:active:focus, .btn-vtv:active:hover, .btn-vtv.active:hover, .btn-vtv.active:focus
        .btn-vtv.btn-outline:hover, .btn-vtv.btn-outline:focus, .btn-vtv.btn-outline:active, .btn-vtv.btn-outline.active, .open .dropdown-toggle.btn-vtv.btn-outline, .btn-vtv.btn-outline:active:focus, .btn-vtv.btn-outline:active:hover, .btn-vtv.btn-outline.active:hover, .btn-vtv.btn-outline.active:focus {
            background-color: #e81f76;
            border-color: #e81f76;
            color: #FFFFFF;
        }

.text-vtv {
    /*    display: block;
position: relative;
  
    margin: 52px 0 0 63px;*/
    color: #00aec3;
    font-family: Encode Sans, var(--default-font-family);
    font-size: 15px;
    font-weight: 800;
    line-height: 18.75px;
    white-space: nowrap;
}

.label-countdown {
    padding: .5rem 1rem !important;
    font-size: 14px !important;
}
.countdown {
    text-align: right !important;
}
@media screen and (max-width: 768px) {
    .countdown {
        text-align: left !important;
    }
}
@media screen and (max-width: 992px) {
    .countdown {
        text-align: left !important;
    }
}
@media screen and (max-width: 1200px) {
    .countdown {
        text-align: left !important;
    }
}