@font-face {
    font-family: 'Montserrat';
    font-weight: 400;
    src: url('/assets/web/fonts/Montserrat-Medium.ttf');
}

@font-face {
    font-family: 'Montserrat Bold';
    font-weight: 700;
    src: url('/assets/web/fonts/Montserrat-Bold.ttf');
}

.datepicker-no-width {
    width: 100% !important;
}

.select2 {
    width: 100% !important;
}

.js-step {
    display: none;
}

.js-step-active {
    display: block;
}

@media (min-width: 1080px) {
    .card-stretch-no-responsive {
        height: 100%;
    }
}

.flaticon-rental:before {
    content: "\f100";
}

html * {
    font-family: 'Montserrat', serif;
    color: #494949 !important;
}

.color-primary {
    color: #1363B2 !important;
}

.bg-color-primary {
    background-color: #1363B2 !important;
}

.link-primary:hover {
    border-color: #3699FF !important;
    color: #3699FF !important;
}

.btn-color-primary:hover {
    border-color: #3699FF !important;
    background-color: #3699FF !important;
}

.color-secondary {
    color: #51C8B8 !important;
}

.bg-color-secondary {
    background-color: #51C8B8 !important;
}

.link-secondary:hover {
    border-color: #55d9c8 !important;
    color: #55d9c8 !important;
}

.btn-color-secondary:hover {
    border-color: #55d9c8 !important;
    background-color: #55d9c8 !important;
}

.login.login-3 .login-content {
    background-color: #ffffff;
}

.login.login-3 .login-aside {
    background-color: #1363B2;
}

@media (max-width: 1025px) {
    .logo-login {
        width: 250px;
    }

    .text-login {
        font-size: 25px;
    }
}

@media (max-width: 991px) {
    .login-logo {
        margin-top: 50px;
        margin-bottom: 30px;
    }

    .logo-login {
        width: 250px;
    }

    .text-login {
        text-align: center;
        font-size: 30px;
    }
}

@media (max-width: 801px) {
    .text-login {
        text-align: center;
        font-size: 20px;
    }
}

.border-color-primary {
    border: 1px solid #7FB6EC !important;
}

.border-radius-100 {
    border-radius: 100px;
}

@media (min-width: 1360px) {
    .text-login {
        font-size: 32px;
    }
}

@media (min-width: 1140px) and (max-width: 1360px) {
    .text-login {
        font-size: 30px;
    }
}

@media (min-width: 992px) {
    .auth-logo-block {
        background-color: rgba(19, 99, 178, 0.45);
    }

    .login.login-3 .login-aside {
        max-width: calc(50% * 1);
    }

    .login-aside {
        background-image: url('/assets/dashboard/media/miscellaneous/login.webp');
        background-size: cover;
        background-position: center;
    }

    .logo-login {
        margin-top: 30px;
        margin-bottom: 30px;
        max-height: 70px;
        width: 200px;
    }

    .text-login {
        margin-bottom: 30px;
    }

    .auth-logo-block {
        margin-bottom: calc(20% * 1);
        padding-left: 40px;
        padding-right: 40px;
    }

    .login.login-3 .login-content .login-form {
        width: 100%;
        max-width: 550px;
    }
}

.fv-plugins-message-container .fv-help-block {
    color: #F64E60 !important;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #F64E60 !important;
}

.fv-plugins-bootstrap .fv-help-block {
    color: #dc3545 !important;
}

.font-size-17, .fs-17 {
    font-size: 17px !important
}

.font-size-6, .fs-6 {
    font-size: 6px !important
}

.font-size-7, .fs-7 {
    font-size: 7px !important
}

.font-size-8, .fs-8 {
    font-size: 8px !important
}

.font-size-9, .fs-9 {
    font-size: 9px !important
}

.font-size-10, .fs-10 {
    font-size: 10px !important
}

.font-size-11, .fs-11 {
    font-size: 11px !important
}

.font-size-12, .fs-12 {
    font-size: 12px !important
}

.font-size-13, .fs-13 {
    font-size: 13px !important
}

.font-size-14, .fs-14 {
    font-size: 14px !important
}

.font-size-15, .fs-15 {
    font-size: 15px !important
}

.font-size-16, .fs-16 {
    font-size: 16px !important
}

.font-size-17, .fs-17 {
    font-size: 17px !important
}

.font-size-18, .fs-18 {
    font-size: 18px !important
}

.font-size-19, .fs-19 {
    font-size: 19px !important
}

.font-size-20, .fs-20 {
    font-size: 20px !important
}

.font-size-21, .fs-21 {
    font-size: 21px !important
}

.font-size-22, .fs-22 {
    font-size: 22px !important
}

.font-size-23, .fs-23 {
    font-size: 23px !important
}

.font-size-24, .fs-24 {
    font-size: 24px !important
}

.font-size-25, .fs-25 {
    font-size: 25px !important
}

.font-size-26, .fs-26 {
    font-size: 26px !important
}

.font-size-27, .fs-27 {
    font-size: 27px !important
}

.font-size-28, .fs-28 {
    font-size: 28px !important
}

.font-size-29, .fs-29 {
    font-size: 29px !important
}

.font-size-30, .fs-30 {
    font-size: 30px !important
}

.font-size-31, .fs-31 {
    font-size: 31px !important
}

.font-size-32, .fs-32 {
    font-size: 32px !important
}

.font-size-33, .fs-33 {
    font-size: 33px !important
}

.font-size-34, .fs-34 {
    font-size: 34px !important
}

.font-size-35, .fs-35 {
    font-size: 35px !important
}

.font-size-36, .fs-36 {
    font-size: 36px !important
}

.td-underline {
    text-decoration: underline;
}

.login-form {
    max-width: 470px !important;
}

.pt-50 {
    padding-top: 50px
}

.toggle-password {
    cursor: pointer;
    float: right;
    right: 10px;
    margin-left: -25px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
}

html.invalid-feedback {
    color: var(--bs-form-invalid-color) !important;
}