@import url('../../fonts/TCCC/stylesheet.css');

body {
    background-image: url('https://ik.imagekit.io/er1g3pfbb/LMS/images/Bg_login.webp');
    background-repeat: no-repeat;
    background-size: 100%;
}

p, label, a, button, input, small, button, h1, h2, h3, h4, h5, h6 {
    font-family: 'UnityText Regular';
}

.btn-primary {
    background-color: #fff !important;
    color: #EB008B !important;
    border-color: #EB008B !important;
    padding: .7rem;
}

    .btn-primary:hover {
        background-color: #fff !important;
        color: #EB008B !important;
        border-color: #EB008B !important;
        padding: .7rem;
    }

.logo-login-app {
    display: inline;
}

.card-login {
    background: #FFFFFF;
    color: #222222
}

    .card-login label {
        font-size: 12px;
    }

    .card-login h2.title {
        font-family: 'UnityHeadline Bold';
    }

    .card-login button {
        font-family: 'UnityText Regular';
    }


    .card-login .fs-recover {
        font-family: 'UnityText Regular';
        font-size: 10px;
    }


/*@media (max-width: 480px) {*/
/* CSS rules for mobile devices */
/*body {
        background-image: url('https://ik.imagekit.io/er1g3pfbb/Exeltis/fondos/mobile/Back_Login_Movil@3x.png');
        background-size: 100% !important;
    }

    .logo-exeltis-web {
        display: none;
    }

    .logo-exeltis {
        display: inline;
        height: 90px;
    }

    .container-login {
        padding-top: 25%;
    }
}


@media (min-width: 481px) and (max-width: 767px) {*/
/* CSS rules for low-resolution tablets and iPads */
/*body {
        background-image: url('https://ik.imagekit.io/er1g3pfbb/Exeltis/fondos/tablet/Back_Login_Tablet@3x.png');
        background-size: 100% !important;
    }

    .logo-exeltis-web {
        display: none;
    }

    .container-login {
        padding-top: 25%;
    }

    .logo-exeltis {
        display: inline;
        height: auto;
    }

    .col-lg-4 {
        width: 70%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {*/
/* CSS rules for tablets and iPads in portrait mode */
/*body {
        background-image: url('https://ik.imagekit.io/er1g3pfbb/Exeltis/fondos/tablet/Back_Login_Tablet@3x.png');
        background-size: 100% !important;
    }

    .logo-exeltis-web {
        display: none;
    }

    .container-login {
        padding-top: 25%;
    }

    .logo-exeltis {
        display: inline;
        height: auto;
    }

    .col-lg-4 {
        width: 70%;
    }
}


@media (min-width: 1025px) and (max-width: 1280px) {*/
/* CSS rules for laptops and desktops */
/*}

@media (min-width: 1281px) {*/
/* CSS rules for large screens */
/*}*/