/*Inventeam CSS*/

.footer-powered {
    display: none !important;
}
.page-card-head img{
    max-height: 70px !important;
}
.page-card{
    background-color: #aa99 !important;
}
#page-login{
    background-image: url('/files/erp_background.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
}

nav.navbar.navbar-light.navbar-expand-lg {
    display: none;
}

footer.web-footer {
    display: none;
}

/* Actual login form */
.for-login .page-card,.for-forgot .page-card,.for-login-with-email-link .page-card{
    background: #e0e3e7  !important;
    padding: 40px 25px !important;
    border-radius: 22px !important;
    border: 1px solid #e5eaf0 !important;
    box-shadow:
        0 15px 45px rgba(31, 97, 141, 0.10) !important;
}

/* Input */
.for-login .form-control,.for-forgot .form-control,.for-login-with-email-link .form-control{
    height: 42px !important;
    padding-left: 45px !important;
    padding-right: 45px !important;
    background: #ffffff !important;
    border: 1px solid #d8e0e7 !important;
    border-radius: 10px !important;
    color: #263238 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.for-login .page-card .page-card-body .field-icon, .for-forgot .page-card .page-card-body .field-icon, .for-login-with-email-link .page-card .page-card-body .field-icon, .for-signup .page-card .page-card-body .field-icon, .for-email-login .page-card .page-card-body .field-icon
{
    left: 12px !important;
    top:13px !important;
}

.for-login .page-card .page-card-body .password-field .toggle-password{top:13px !important;}

.for-login .btn-login,.for-forgot .btn-forgot,.for-login-with-email-link .btn-login-with-email-link{
    width: 100% !important;
    height: 42px !important;
    border: none !important;
    border-radius: 10px !important;
    background: #1d5bb5 !important;
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    box-shadow:
        0 5px 15px rgba(31, 97, 141, 0.20) !important;
    transition:
        background 0.2s ease,
        transform 0.2s ease,
        box-shadow 0.2s ease;
}


.for-login .btn-login:hover {
    background: #1656b7 !important;
    transform: translateY(-1px);
    box-shadow:
        0 8px 20px rgba(31, 97, 141, 0.25) !important;
}


.for-login .btn-login:active {
    transform: translateY(0);
}

/* =========================================================
   FORGOT PASSWORD
   ========================================================= */

.for-login .forgot-password-message {
    text-align: right !important;
    margin-top: -5px !important;
    margin-bottom: 20px !important;
}


.for-login .forgot-password-message a,.sign-up-message a,.for-login-with-email-link .sign-up-message a {
    color: #6b7280 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    transition: color 0.2s ease;
}


.for-login .forgot-password-message a:hover,.sign-up-message a:hover,.for-login-with-email-link .sign-up-message a:hover {
    color: #1f618d !important;
}

/* =========================================================
   SOCIAL LOGIN AREA
   ========================================================= */

.for-login .social-logins {
    margin-top: 25px !important;

    text-align: center !important;
}


/* =========================================================
   OR DIVIDER
   ========================================================= */

.for-login .login-divider {
    display: flex !important;

    align-items: center !important;

    gap: 15px;

    margin: 20px 0 !important;

    color: #8a96a3 !important;

    font-size: 13px !important;
}


/* Lines around OR */

.for-login .login-divider::before,
.for-login .login-divider::after {
    content: "";

    flex: 1;

    height: 1px;

    background: #e2e7eb;
}


/* =========================================================
   LOGIN WITH EMAIL LINK
   ========================================================= */

.for-login .login-with-email-link {
    width: 100%;
}


.for-login .login-button-wrapper {
    width: 100%;
}


/* Email link button */

.for-login .btn-login-with-email-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    padding: 0 20px !important;
    background: #ffffff !important;
    border: 1px solid #cbd7e0 !important;
    border-radius: 10px !important;
    color: #1f618d !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}


.for-login .btn-login-with-email-link:hover {
    background: #f3f8fb !important;
    border-color: #1f618d !important;
    color: #1f618d !important;
    box-shadow:
        0 4px 12px rgba(31, 97, 141, 0.08) !important;
}


/* =========================================================
   EMAIL LINK ICON
   ========================================================= */

.for-login .btn-login-with-email-link::before {
    content: "✉";

    margin-right: 9px;

    font-size: 16px;

    color: #1f618d;
}

/* =========================================================
   LOGIN TITLE
   ========================================================= */

.for-login .page-card-head {
    text-align: center !important;

    margin-bottom: 15px !important;
}


.for-login .page-card-head h4,.for-forgot .page-card-head h4,.for-login-with-email-link .page-card-head h4{
    color: #263238 !important;

    font-size: 20px !important;

    font-weight: 700 !important;
}


/* =========================================================
   LOGO
   ========================================================= */

.for-login .page-card-head img {
    max-height: 70px !important;
    object-fit: contain;
}


/* =========================================================
   FOOTER
   ========================================================= */

.for-login .page-card + .text-muted,
.for-login .sign-up-message {
    color: #7b8794 !important;

    font-size: 13px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .for-login .page-card {
        width: calc(100% - 30px) !important;

        margin: 15px auto !important;
        
        background: #e0e3e7  !important;
        padding: 0px 0px !important;
    
    }

    .for-login .page-card form {
        padding: 30px 22px !important;

        border-radius: 18px !important;
    }

    .for-login .form-control {
        height: 46px !important;
    }

    .for-login .btn-login,
    .for-login .btn-login-with-email-link {
        height: 46px !important;
    }
}