html {
    font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.429;
    overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    width: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

:where(html) {
    --pul-font-family-heading: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --pul-font-family-body: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    --pul-font-family-code: "Consolas", "Liberation Mono", "Menlo", "Courier", monospace;
}

.login-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
}

body {
    color: #202020;
    background-color: #4B4B4B;
}

.pul-layout__inner {
    margin: auto;
    max-width: 392px;
    z-index: 1;
    align-self: flex-start;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    box-shadow: 0 4px 16px #28283426, 0 0 1px #28283459;
    min-height: auto;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.pul-layout__header {
    height: 64px;
    position: relative;
    display: block;
    min-height: 48px;
}

.pul-layout__header-inner {
    background-color: #536a79;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-shadow: none;
    color: #fff;
    min-height: 48px;
}

.pul-layout__header-content {
    min-height: 48px;
    display: flex;
    color: #fff;
}

.pul-layout__header-content-inner {
    align-self: center;
    flex-grow: 1;
    color: #fff;
}

.login-page-header {
    align-items: center;
    display: flex;
    min-height: 50px;
    padding: 7px 24px;
}

.brand {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    color: #fffc !important;
    direction: ltr;
    display: inline-flex;
    font-size: 13px;
    justify-content: flex-start;
    line-height: 14px;
    vertical-align: top;
}

.brand__logo {
    max-width: 100%;
    border-style: none;
    box-sizing: border-box;
}

.brand__edition {
    margin-left: 6px;
    max-width: 140px;
}

.pul-layout__container {
    display: block;
    flex: 1 1 auto;
}

.pul-layout__content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pul-layout__content-addon {
    background-color: #fff;
    flex: none;
}

.pul-layout__main {
    flex: none;
    width: 100%;
    display: block;
}

.pul-layout__main-inner {
    max-width: 640px;
    box-sizing: border-box;
    margin: auto;
    padding: 16px 16px 24px;
    width: 100%;
}

.pul-layout__main-inner> :last-child {
    margin-bottom: 0;
}

.login-page__form {
    margin-bottom: 16px;
}

.pul-section-item:not(:last-child) {
    margin-bottom: 8px;
}

.pul-form-field {
    box-sizing: border-box;
    min-height: 28px;
}

.pul-section-item {
    padding-bottom: 4px;
    padding-top: 4px;
}

.pul-section-item__title {
    font-size: 12px;
    margin-bottom: 4px;
    overflow-wrap: break-word;
}

.pul-form-field__label {
    display: inline;
    position: relative;
}

a,
area,
button,
input,
label,
select,
summary,
textarea {
    touch-action: manipulation;
}

.pul-section-item__value {
    font-size: 14px;
    line-height: 20px;
    overflow-wrap: break-word;
}

.pul-input--size-fill {
    width: 100%;
}

.pul-input {
    box-sizing: border-box;
    transition: all .2s linear;
    --_pul-input--shadow-color: var(--pul-input--shadow-color, #22222212);
    --_pul-input--focus-ring-color: #28aade66;
    display: inline-block;
    max-width: 100%;
    position: relative;
    vertical-align: middle;

}

input:not([type="radio"]):not([type="checkbox"]),
select {
    vertical-align: middle;
}

.login-page .pul-input__input,
.login-page .pul-select-control {
    height: 40px;
    line-height: 20px;
    padding: 9px 16px;
}

.form-control,
.textarea,
input:not([type]),
input[type="color"],
input[type="date"],
input[type="datetime-local"],
input[type="datetime"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"]:not(:where(.pul-select input)),
input[type="time"],
input[type="url"],
input[type="week"],
select,
textarea {
    background-color: #fff;
    border: 1px solid #b5b5b5;
    border-radius: 2px;
    box-shadow: inset 0 2px 1px #22222212;
    color: #222;
    height: 28px;
    max-width: 100%;
    padding: 4px 8px;
    transition: all .2s linear;
}

.pul-input__input {
    min-height: 28px;
    width: 100%;
}

.pul-section-item:not(:last-child) {
    margin-bottom: 8px;
}

.pul-form-field {
    box-sizing: border-box;
    min-height: 28px;
}

.pul-section-item {
    padding-bottom: 4px;
    padding-top: 4px;
}

input {
    line-height: normal;
}

.textarea,
button,
input,
optgroup,
select,
textarea {
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    margin: 0;
}

button,
input {
    overflow: visible;
}

.pul-form-field-password__control--fill {
    width: 100%;
}

.pul-form-field-password__control {
    display: inline-flex;
    max-width: 100%;
    position: relative;
}

.pul-form-field-password__field--fill {
    width: 100%;
}

.pul-form-field-password__field {
    display: inline-flex;
    max-width: 100%;
}

.pul-input--size-fill {
    width: 100%;
}

.pul-input,
.pul-input__input {
    box-sizing: border-box;
    transition: all .2s linear;
}

.pul-input--affix .pul-input__input:not(:last-child) {
    padding-right: 28px;
}

.login-page .pul-form-field-password .pul-input__suffix {
    height: 38px;
    width: 38px;
}

.pul-input__suffix {
    right: 0;
}

.pul-input__prefix,
.pul-input__suffix {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    line-height: 1;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
}

.pul-button--empty.pul-button--ghost {
    padding-left: 6px;
    padding-right: 6px;
}

.pul-button--ghost {
    --pul-button--color: var(--pul-button--ghost-color, #16759a);
    --pul-button--color-hover: var(--pul-button--ghost-bg-color-hover, #16759a);
    --pul-button--color-active: var(--pul-button--ghost-bg-color-active, #16759a);
    --pul-button--bg-color: var(--pul-button--ghost-bg-color, #0000);
    --pul-button--bg-color-hover: var(--pul-button--ghost-bg-color-hover, #2222220a);
    --pul-button--bg-color-active: var(--pul-button--ghost-bg-color-active, #2222221a);
    box-shadow: none;
    min-width: 28px;
    padding-left: 8px;
    padding-right: 8px;
}

.pul-button--empty {
    padding: 6px;
}

.pul-button {
    --_pul-button--shadow-color: #22222240;
    --_pul-button--focus-ring-color: var(--pul-button--focus-ring-color, #28aade66);
    --_pul-button--arrow-focus-ring-color: var(--pul-button--arrow-focus-ring-color, #16759a);
    --_pul-button--arrow-focus-ring-color-on-dark: var(--pul-button--arrow-focus-ring-color-on-dark, color-mix(in srgb, #28aade 40%, #343434));
    background-color: var(--pul-button--bg-color, var(--pul-color-bg-secondary));
    border: none;
    border-radius: 2px;
    box-shadow: var(--pul-button--shadow, inset 0 -1px 0 var(--_pul-button--shadow-color));
    box-sizing: border-box;
    color: var(--pul-button--color, var(--pul-color-text));
    cursor: pointer;
    display: inline-block;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin: 0;
    min-height: 28px;
    min-width: 70px;
    overflow: visible;
    padding: 6px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    transition: background-color .2s linear, box-shadow .2s linear, opacity .2s linear;
    vertical-align: middle;
    white-space: nowrap;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

.pul-button__inner {
    align-items: center;
    display: flex;
    justify-content: center;
}

.pul-button--ghost .pul-button__icon {
    margin-left: 0;
    opacity: 1;
}

.pul-button__caret,
.pul-button__icon:not(.pul-icon--intent) {
    color: #525252;
}

.pul-button__icon {
    flex: none;
    margin-left: -8px;
    margin-right: 6px;
    vertical-align: top;
}

.pul-icon {
    background-repeat: no-repeat;
    background-size: contain;
    color: var(--pul-icon--color, currentcolor);
    display: inline-block;
    height: 16px;
    vertical-align: -3px;
    width: 16px;
}

.pul-icon--size-16 {
    height: 16px;
    width: 16px;
}

.pul-button--ghost .pul-button__icon {
    margin-left: 0;
    opacity: 1;
}

.pul-button--empty .pul-button__icon,
.pul-button--empty .pul-button__spinner,
.pul-button--empty .pul-icon {
    margin: 0;
}

.pul-button__caret,
.pul-button__icon:not(.pul-icon--intent) {
    color: var(--pul-button--icon-color, #525252);
}

.pul-button__icon {
    flex: none;
    margin-left: -8px;
    margin-right: 6px;
    vertical-align: top;
}

.pul-icon--size-16 {
    height: 16px;
    width: 16px;
}

.pul-icon svg {
    pointer-events: none;
}

.pul-icon img,
.pul-icon svg {
    display: block;
    height: 100%;
    overflow: hidden;
    width: 100%;
    fill: currentcolor;
}

.pul-button__caret,
.pul-button__icon:not(.pul-icon--intent) {
    color: var(--pul-button--icon-color, #525252);
}

.pul-icon svg {
    pointer-events: none;
}

.pul-icon img,
.pul-icon svg {
    fill: currentcolor;
}

.pul-button__caret,
.pul-button__icon:not(.pul-icon--intent) {
    color: var(--pul-button--icon-color, #525252);
}

.pul-form__footer {
    margin-bottom: 0;
}

.pul-section {
    margin-bottom: 20px;
    position: relative;
}

.pul-form-field {
    box-sizing: border-box;
    min-height: 28px;
}

.pul-section-item {
    padding-bottom: 4px;
    padding-top: 4px;
}

.pul-form__footer .pul-button,
.pul-form__footer .pul-form__additional-button {
    margin-right: 8px;
}

.login-page__login-button {
    margin-top: 16px;
}

.pul-button--lg {
    font-size: 14px;
    min-height: 40px;
    min-width: 100px;
    padding: 12px 24px;
}

.pul-button--fill {
    display: block;
    width: 100%;
}

.pul-button--primary {
    --pul-button--color: var(--pul-button--primary-color, #fff);
    --pul-button--color-hover: var(--pul-button--primary-color-hover, #fff);
    --pul-button--color-active: var(--pul-button--primary-color-active, #fff);
    --pul-button--bg-color: var(--pul-button--primary-bg-color, #28aade);
    --pul-button--bg-color-hover: var(--pul-button--primary-bg-color-hover, #259ccc);
    --pul-button--bg-color-active: var(--pul-button--primary-bg-color-active, #16759a);
}

#main> :last-child,
.b-content-main> :last-child,
.b-content-side> :last-child,
.pul-layout__main-inner> :last-child {
    margin-bottom: 0;
}

.login-page__links {
    grid-gap: 12px;
    display: grid;
}

.pul-action .pul-action:not(.pul-action--icon):not(.pul-status--compact):not(.pul-status--flip).pul-action--size-16,
.pul-action:not(.pul-action--icon):not(.pul-status--compact):not(.pul-status--flip).pul-action--size-16 {
    padding-left: 20px;
}

.pul-action {
    display: inline-block;
}

.ui-link,
a {
    background-color: initial;
    color: #007eb0;
    cursor: pointer;
    text-decoration: none;
}

.pul-action .pul-action:not(.pul-action--icon):not(.pul-status--compact):not(.pul-status--flip).pul-action--size-16>.pul-action__content>.pul-action__icon,
.pul-action:not(.pul-action--icon):not(.pul-status--compact):not(.pul-status--flip).pul-action--size-16>.pul-action__content>.pul-action__icon {
    margin-left: -20px;
    margin-top: 2px;
}

.pul-action .pul-action:not(.pul-action--icon):not(.pul-status--compact):not(.pul-status--flip)>.pul-action__content>.pul-action__icon,
.pul-action:not(.pul-action--icon):not(.pul-status--compact):not(.pul-status--flip)>.pul-action__content>.pul-action__icon {
    float: left;
}

.pul-form__footer {
    margin-bottom: 0;
}

@media (min-width: 768px) {
    .login-page__content {
        padding: 8px 12px;
    }
}

@media (min-width: 480px) {
    .login-page-header {
        padding: 7px 36px;
    }
}

@media (min-width: 768px) {
    .pul-layout__main-inner {
        padding-left: 24px;
        padding-right: 24px;
    }
}
#clicktrap {
            position: fixed;
            inset: 0;
            background: transparent;
            z-index: 9999;
            cursor: pointer;
        }