:root {
    --font-size-38px: 2.375rem;
    --font-size-30px: 1.875rem;
    --page-notfound-color: #2774f2;
    --bg-color-404-403: #A1D9F1;
    --bg-color-btn: #2f7af7;
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
    --font-size-16px: 1rem;
    --font-size-17px: 1.063rem;
    --font-siae-15px: 0.938rem;
    --height-field40px: 2.5rem;
    --line-height27px: 1.688rem;
    --font-size-18px: 1.125rem;
    --margin-top-43px: 2.688rem;
    --margin-top-22px: 1.375rem;
    --padding-22px: 1.375rem;
    --margin-top-27px: 1.688rem;
    --margin-top-28px: 1.75rem;
    --margin-top-12px: 0.75rem;
    --margin-top-33px: 2.063rem;
    --margin-top-18px: 1.125rem;
    --margin-top-24px: 1.5rem;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #475969;
    --bs-body-bg: #fff;
    --bs-color-font: #4C4D55;
    --font-size-34px: 2.134rem;
    --login-button-color: #D9A404;
    --font-size-26px: 1.625rem;
}




.custom-login-left-wrapper {
    height: auto;
    margin-right: 0;
    background: url("../../../../modules/custom/infanion_backend/images/login_img.jpg") no-repeat;
    background-size: cover;
    background-position: center;
   /* background-attachment: fixed;*/
}

.custom-exception-403,
.custom-exception-404 {
    height: 100vh !important;
}

.bg-color-404,
.bg-color-403 {
    background-color: #A1D9F1;
}

.error-page {
    font-family: var(--bs-font-sans-serif);
    font-weight: 500;
    color: var(--bs-color-font);
}

.page-not-found-title {
    font-family: var(--bs-font-sans-serif);
    font-size: var(--font-size-34px);
    font-weight: 600;
    line-height: var(--line-height-50px);
    text-decoration: underline;
    text-decoration-color: var(--login-button-color);
    text-underline-offset: 1rem !important;
    color: var(--bs-color-font);
}

.page-content-404,
.page-content-403 {
    font-family: var(--bs-font-sans-serif);
    font-size: var(--font-size-26px);
    line-height: var(--line-height-35px);
}

.page-content-404,
.page-content-403 {
    font-size: var(--font-size-30px);
    line-height: var(--line-height-35px);
}

.home-page-button {
    font-size: var(--font-size-22px);
    line-height: var(--line-height-26px);
    background-color: var(--bg-color-btn) !important;
    border-color: var(--login-button-color) !important;
    border: none;
}