html, body, .btn {
    font-family: Inter, Helvetica, "sans-serif" !important;
}

.login-bg {
    width: 100%;
    padding: 3rem 3.5rem;
    height: 100%;
    position: absolute;
}

.brandtext {
    position: absolute;
    bottom: 1%;
    margin-top: -65px
}

/*.login-panel {
    margin-left: 600px;
}*/

.p-10custom {
    padding: 2.5rem !important;
}

.pb-lg-20custom {
    padding-bottom: 5rem !important;
}

@media (max-height: 815px) {
    .login-bg {
        height: 100%;
        padding: 0 3.5rem;
        background-position: center;
    }
}

@media (max-height: 660px) {
    .login-bg {
        height: 100%;
        padding: 0 3.5rem;
        background-position: center;
    }

    .p-10custom {
        padding: 0 !important;
    }

    .pb-lg-20custom {
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }
}

@media (max-width: 1024px) {
    .login-bg {
        width: 100%;
        padding: 3rem 3.5rem;
        height: auto;
        position: inherit;
    }

    .login-panel {
        margin-left: 0px;
    }

    .brandtext {
        position: inherit;
        top: 0px;
        margin-top: 17px;
        padding-left: 25px;
    }
}

.btn.btn-light-primary {
    color: #1487C9;
}

    .btn.btn-light-primary:focus:not(.btn-active), .btn.btn-light-primary:hover:not(.btn-active), .btn.btn-light-primary:active:not(.btn-active), .btn.btn-light-primary.active, .btn.btn-light-primary.show, .show > .btn.btn-light-primary {
        color: #1487C9;
        border-color: #1487C9;
        background-color: #f4f5f8 !important;
    }

.form-check-input:checked {
    background-color: #1487C9 !important;
    border-color: #1487C9 !important;
}

a {
    color: #1487C9;
}

.text-primary {
    color: #1487C9 !important;
}