/* @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500&display=swap'); */

body {
    font-family: "Poppins", sans-serif;
}
.content_log {
    
    background: -webkit-linear-gradient(left, #1e5e86, #1b2631);
    background-image: url("/vendor/adminlte/dist/img/login-fondo.png");
    background-size: 100% 100%;
}
/*------------ Login container ------------*/

.box-area {
    width: 700px;
    /* background: #839496; */
    background: -webkit-linear-gradient(left, #87b4b8, #1b2631);
    background-image: url("/vendor/adminlte/dist/img/login-fond25.png");
    background-size: 100% 100%;
    /* margin-top: 10px; */
    /* background: -webkit-linear-gradient(left, #d4f4f7, #7ab5cc); */
    /* background: -webkit-linear-gradient(left, #154360, #1B2631); */
    opacity: 0.9;
}

/*------------ Right box ------------*/

.right-box {
    padding: 40px 30px 40px 40px;
}

/*------------ Logo  ------------*/
img.img-fluid {
    /* margin-left: auto;
    margin-right: auto;
    margin-top: 15%;
    margin-bottom: 5%; */
    width: 120px;
    height: 120px;
    border-radius: 50%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

/* movimiento de logo */
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

/* p.text2 {
    display: none;
} */

/* alerta de registro user login */
/* .alert1{
    display: none;
} */
/* .alert2 {
    display: none;
} */
/*------------ Custom Placeholder ------------*/

::placeholder {
    font-size: 16px;
}

.rounded-4 {
    border-radius: 20px;
}
.rounded-5 {
    border-radius: 30px;
}

/*------------ For small screens------------*/

@media only screen and (max-width: 768px) {
    .box-area {
        margin: 0 10px;
    }
    .left-box {
        height: 120px;
        overflow: hidden;
    }
    .right-box {
        padding: 20px;
    }
    img.img-fluid {
        height: 90px;
        width: 90px;
        margin-top: 15%;
        /*  overflow: hidden; */
    }
    p.text {
        display: none;
    }
    small.text {
        display: none;
    }

    /* p.text2 {
        display: block;
    } */

    /* .alert1 {
        display: none;
    }
    .alert2 {
        display: block;
    } */
}