:root {
    --color-primary: #2460d3;;
    --color-primary-opa: hsl(from var(--color-primary) h s l / .2);
    --color-secondary: #111;
    --color-background: #fff;
    --color-surface: #eee;
    --color-backdrop: rgba(0, 0, 0, 0.75);
    --color-text: #333;
    --color-text-mute: hsl(from var(--color-text) h s l / .2);
    --color-bright: #000;
    --color-link: #333;
    --color-border: #ccc;
    --color-border-hover: #bbb;
    --color-input: #fff;
    --color-input-background: #eee;

    --color-exception: #da4e03;
    --color-error: #b00020;
    --color-warning: #dd8401;
    --color-info: #06304F;
    --color-success: #064F30;

    --color-on-error: #fff;
    --color-on-info: #eef;
    --color-on-success: #eef;

    --color-approved: green;
    --color-offered: #cc8401;
    --color-published: #9b2ff5;
    --color-renewed: slateblue;

    --border-radius: .75rem;
    --border-radius-button: 1.5rem;
    --border-radius-card: 2rem;

    --column-width: 164px;
    --font-size: 15px;

    --gap: 2em;

    --logo: url('../../i/partners/01/logo.svg') no-repeat 0 50%  / auto 38px transparent;
    --logo-sign: url('../../i/partners/01/logo-sign.svg') no-repeat 50% 50%  / auto 100% transparent;
}

input,
button,
select,
textarea {
    font-family: system-ui, sans-serif;
}

input:read-only::placeholder,
input:disabled::placeholder {
    color: transparent !important;
}

html {
    --color-divider: hsl(from var(--color-text) h s l / .2);

    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
}

html:not(.ui-admin-mode) .ui-no-admin-hide,
html:not(.ui-insurer-mode) .ui-no-insurer-hide,
html:not(.ui-ess0dD4dwx) .ui-no-super-hide {
    display: none !important;
}

.ui-aiwa body {
    --color-focus: var(--color-primary);

    --mix: var(--color-background);
    --contrast-opacity: 5%;
    --contrast-opacity-border: 15%;
    --contrast: color-mix(
            in lab,
            currentColor var(--contrast-opacity),
            hsl(from currentColor h s l / .05)
    );
    --contrast-border: color-mix(
            in lab,
            currentColor var(--contrast-opacity-border),
            hsl(from currentColor h s l / .1)
    );

    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: system-ui, sans-serif;
    font-size: var(--font-size);
    color: var(--color-text);
    -webkit-text-size-adjust: none;
}

big {
    font-size: 6em;
}

hr {
    border-top: none;
    border-color: var(--color-border);
    opacity: .5;
}

/**** advanced input styling ****/
/* placeholder */
::-webkit-input-placeholder {
    color: var(--color-text-mute) !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: var(--color-text-mute) !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: var(--color-text);
    background-clip: text !important;
    text-shadow: none;
}

input[type=checkbox] {
    accent-color: var(--color-primary-opa);
}

template {
    display: none;
}

@media (max-width: 1023px) {
    :root {
        --gap: 1.5rem;
    }
}

@media (max-width: 479px) {
    :root {
        --gap: 1rem;
    }
}

h1, h2, h3, h4, h5, h6 {
    text-shadow: none;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: hsl(from var(--color-text) h s l / .5);
}

h1 {
    font-size: 24pt;
    line-height: 1.3;
    font-weight: normal;
}

h2 {
    font-size: 18pt;
    font-weight: normal;
}

h1 small,
h2 small {
    font-size: .6em;
    white-space: nowrap;
}

blockquote {
    border-left-color: #DDDDDD;
}

blockquote small {
    line-height: 1.4;
}

label,
input,
button,
select,
textarea {
    font-size: var(--font-size);
    line-height: 1.4;
}

big {
    color: var(--color-primary);
}

/* COLOR */

.ui-aiwa a {
    color: var(--color-link);
}

.ui-aiwa a:hover {
    color: var(--color-primary);
}

a.close,
a.btn,
.dropdown-menu a,
.nav a {
    text-decoration: none;
}

.ui-h-line {
    &:not(.navbar-fixed-top) {
        position: relative;
    }

    &:after {
        --guideDashedColor: var(--color-border);
        background: linear-gradient(90deg, var(--guideDashedColor), var(--guideDashedColor) 35%, transparent 0, transparent);
        content: "";
        background-size: 8px 1px;
        border: none;
        width: 100%;
        height: 1px;
        margin: 0;
        position: absolute;
        z-index: -1;
        bottom: -1px;
        left: 0;
    }
}

.ui-v-lines {
    position: fixed;
    inset: 0;
    flex: 0;
    z-index: -1;
    opacity: .75;

    .ui-v-line {
        z-index: -1;
        user-select: none;
        --guideDashedColor: var(--color-border);
        background-image: linear-gradient(var(--guideDashedColor) 20%, var(--guideDashedColor) 35%, transparent 0, transparent);
        background-size: 1px 8px;
        width: 1px;
        position: absolute;
        top: -100vh;
        bottom: -100vh;
        right: auto;
        left: 50%;

        &:nth-child(1),
        &:nth-child(5) {
            background: var(--color-border);
            opacity: .75;
        }

        &:nth-child(2),
        &:nth-child(4) {
            opacity: 0;
        }

        &:nth-child(1) {
            left: 1px;
        }

        &:nth-child(3) {
            left: 50%;
        }

        &:nth-child(5) {
            left: calc(100% - 1px);
        }
    }
}

@media screen and (min-width: 481px) {
    .container {
        box-sizing: border-box;
    }

    .ui-v-lines {
        --layoutWidth: 100%;

        .ui-v-line {
            &:nth-child(1) {
                left: calc(50% - var(--layoutWidth) / 2);
            }

            &:nth-child(2) {
                left: 25%;
            }

            &:nth-child(4) {
                left: 75%;
            }

            &:nth-child(5) {
                left: calc(50% + var(--layoutWidth) / 2);
            }
        }
    }
}

@media screen and (min-width: 768px) {
    .ui-v-lines {
        --layoutWidth: 748px;

        .ui-v-line {
            &:nth-child(1) {
                left: calc(50% - var(--layoutWidth) / 2);
            }

            &:nth-child(2) {
                left: calc(50% - var(--layoutWidth) / 4);
            }

            &:nth-child(4) {
                left: calc(50% + var(--layoutWidth) / 4);
            }

            &:nth-child(5) {
                left: calc(50% + var(--layoutWidth) / 2);
            }
        }
    }
}

@media screen and (min-width: 980px) {
    .ui-v-lines {
        --layoutWidth: 964px;

        .ui-v-line {
            &:nth-child(2),
            &:nth-child(4) {
                opacity: 1;
            }
        }
    }
}

@media screen and (min-width: 1200px) {
    .ui-v-lines {
        --layoutWidth: 1194px;
    }
}

@media screen and (max-width: 981px) {
    .ui-card.ui-grid--2 {
        grid-template-columns: 1fr !important;
    }
}

.ui-aiwa {
    .hide:not(.in):not(.ui-form-unbind),
    .ui-demand-of.hide,
    .ui-hide {
        display: none !important;
    }

    .btn-toolbar {
        display: flex;
        gap: 4px;

        &:not(.ui-affix) {
            flex-wrap: wrap;
        }

        .btn {
            box-sizing: border-box;
            height: 34px;
            padding: 0 12px;
            margin: 0;
            align-items: center;
            justify-content: center;

            &:not(.hide) {
                display: flex;
            }

            i {
                font-size: 20px;
                line-height: 20px;
                width: 20px;
                height: 20px;
                flex: 0 0 20px;
                color: var(--color-text);

                & + span {
                    margin-left: 4px;
                }

                & + .ui-caret {
                    margin-left: -6px;
                    margin-right: -4px;
                    opacity: .5;
                }
            }

            &.btn-primary,
            &.btn-danger {
                i {
                    color: var(--color-on-success);
                }
            }

            .collapse-panel,
            .ui-dd-menu {
                top: 34px;
                margin-top: 5px;
            }
        }
    }

    .material-symbols {
        max-width: 100%;
        overflow: hidden;
    }
}

.ui-input {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}

.ui-combo {
    margin-bottom: 0 !important;
    position: relative;
    z-index: 1;
}

.select2-container {
    position: absolute !important;
    z-index: 0;
    top: 0;
    left: 0;
}

.ui-input:focus,
.select2-container-active {
    border-color: var(--color-primary-opa);
    outline: 0 none;
}

.select2-container {
    padding: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0;
    min-height: 2.5em;
}

.select2-container .select2-choice {
    padding: 6px;
}

.large .select2-container .select2-choice {
    padding: 10px;
}

.select2-container .select2-choice u {
    height: 1.4em;
    line-height: 1.4em;
}

.select2-container .select2-search-choice-close {
    right: 10px;
    top: 9px;
}

.large .select2-container .select2-search-choice-close {
    right: 13px;
    top: 14px;
}

/*.select2-container.select2-container-disabled .select2-choice { border:none!important;}*/
.select2-container.select2-container-disabled .select2-search-choice-close {
    display: none !important;
}

.ui-disabled .select2-search-choice-close {
    display: none !important;
}

.input-append .select2-title,
.input-prepend .select2-title {
    font-size: var(--font-size);
}

.nav-collapse {
    background: #efefef;
}

select,
textarea,
input[type="text"],
input[type="checkbox"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    height: 2.5em;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline-color: var(--color-primary);
    border-color: var(--color-border);
    background: transparent;
}

input[type="checkbox"] {
    height: 1.4em;
}

.ui-btn-checkbox .btn.active .icon-circle:after,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="checkbox"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
.ui-input:focus {
    -webkit-box-shadow: 0 0 0 3px var(--color-primary-opa), 0 0 0 #FFFFFF inset;
    -moz-box-shadow: 0 0 0 3px var(--color-primary-opa), 0 0 0 #FFFFFF inset;
    box-shadow: 0 0 0 3px var(--color-primary-opa), 0 0 0 #FFFFFF inset;
    -webkit-transition: box-shadow 300ms ease 0s;
    -moz-transition: box-shadow 300ms ease 0s;
    -o-transition: box-shadow 300ms ease 0s;
    transition: box-shadow 300ms ease 0s;
    border-color: var(--color-primary);
    outline: 0;
}

input[type="checkbox"] {
    margin: 0;
}

.btn-group > .btn {
    border-radius: 4px;
}

.input-prepend select,
.input-append select,
.input-prepend select[class*="span"],
.input-append select[class*="span"] {
    display: inline-block;
}

.dl-horizontal {
    dt, dd {
        margin-bottom: .5em;
    }
}

/*dt {*/
/*    line-height: 28px;*/
/*}*/

/*.dl-horizontal dt {*/
/*    text-align: left;*/
/*    padding-top: 6px;*/
/*}*/

.progress.narrow {
    height: 10px;
}

.ui-aiwa .datepicker:before,
.ui-aiwa .datepicker:after {
    border-bottom-color: var(--color-border);
}

.dropdown-menu {
    border-radius: 1rem;
}

.dropdown-menu a {
    padding: 8px 15px;
}

.dropdown-menu i {
    margin-right: 10px;
}

.dropdown-menu li > a {
    position: relative;
    z-index: 1;
}

.dropdown-menu li > a:hover:after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--color-primary);
    opacity: .1;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
    background-image: none;
    background-color: transparent;
    filter: none;
    color: var(--color-primary);
}

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
    background: var(--color-primary);
    color: #fff;
    text-decoration: none;
}

.dropdown-menu .nav-header {
    padding-left: 15px !important;
    white-space: nowrap;
}

.modal {
    /*width: 600px;*/
    max-height: 80vh;
    position: fixed;
    z-index: 9999999999;
    /*left: 50%;*/
    /*right: 0;*/
    top: 50%;
    /*margin-left: -300px;*/
    background: var(--color-surface);
    color: var(--color-text);
    display: block !important;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 10px 20px -5px rgba(0, 0, 0, .4);
    opacity: 0;
    pointer-events: none;
    transform: translateY(-40%);
    transition: opacity .2s ease 0s, transform .2s ease 0s;
    will-change: transform, opacity
}

.modal.in {
    opacity: 1;
    transform: translateY(-50%);
    pointer-events: all
}

.ui-fixed-view .modal {
    box-shadow: 0 7px 20px 1px rgba(0, 0, 0, 0.14), 0 2px 32px 1px rgba(0, 0, 0, 0.12), 0 4px 10px -2px rgba(0, 0, 0, 0.2)
}

.modal-backdrop {
    background: var(--color-backdrop);
}

.modal-header {
    padding: 1.5rem 2rem;
    z-index: 2;
}

.modal-header h3 {
    padding-top: 4px;
    line-height: 1;
}

.modal-body {
    z-index: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.modal-footer {
    z-index: 1;
    padding: 0 2rem 1.5rem;
    text-align: left;
}

.modal-header,
.modal-body,
.modal-footer {
    position: relative;
    padding-right: 2rem;
    padding-left: 2rem;
    background: var(--color-surface);
    border: none !important;
    box-shadow: none !important;
}

.modal-body {
    padding-top: 0;
    padding-bottom: 0;
    /*max-height: calc(80vh - 100px);*/
    overflow-y: scroll;
}

.modal-body {
    background: var(--color-background);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.modal-body.alert-error {
    background: var(--color-background);
}

.modal-header h3 {
    margin-top: 0;
    cursor: default;
}

.modal-body p {
    margin-bottom: 1rem;
}

.modal-desc {
    font-size: .8em;
    line-height: 1.3;
    color: #888;
}

.modal-desc:not(:empty) {
    margin-top: 1rem;
}

@media (max-width: 767px) {
    .modal {
        top: auto;
        bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        transform: translateY(100%);
        transition: opacity .2s ease 0s, transform .3s ease 0s;
        display: block !important;
    }

    .modal.in {
        transform: translateY(0);
    }
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    color: #000;
}

.ui-aiwa .btn-group > .btn:not(.btn-primary),
.ui-aiwa .btn-group .btn.dropdown-toggle {
    background-color: transparent;
}

/*
.radio input[type="radio"], .checkbox input[type="checkbox"] {
	margin-top: 7px;
}
*/
.btn-group > .dropdown-toggle {
    padding-left: 12px;
    padding-right: 12px;
}

.help-inline u {
    text-decoration: none !important;
}

.help-inline span {
    line-height: 1.3;
    display: inline-block;
}

.help-inline + .btn {
    margin-top: .2rem;
}

.help-block,
.help-inline {
    color: var(--color-text);
}

/* ошибочно сдвигается вниз!
.form-horizontal .help-inline { padding-top: 7px; }
*/
.form-horizontal h2 {
    margin-top: 0;
}

.ui-aiwa .datepicker .month.active,
.ui-aiwa .datepicker .month.active:hover,
.ui-aiwa .datepicker .year.active,
.ui-aiwa .datepicker .year.active:hover,
.ui-aiwa .datepicker td.active,
.ui-aiwa .datepicker td.active:hover,
.ui-aiwa .datepicker td.active.disabled,
.ui-aiwa .datepicker td.active.disabled:hover {
    background-color: var(--color-primary);
    background-image: none !important;
    border-color: var(--color-primary);
    filter: none !important;
    color: #fff;
    text-shadow: none;
}

.ui-aiwa .datepicker td.active:hover,
.ui-aiwa .datepicker td.active:hover:hover,
.ui-aiwa .datepicker td.active.disabled:hover,
.ui-aiwa .datepicker td.active.disabled:hover:hover,
.ui-aiwa .datepicker td.active:active,
.ui-aiwa .datepicker td.active:hover:active,
.ui-aiwa .datepicker td.active.disabled:active,
.ui-aiwa .datepicker td.active.disabled:hover:active,
.ui-aiwa .datepicker td.active.active,
.ui-aiwa .datepicker td.active:hover.active,
.ui-aiwa .datepicker td.active.disabled.active,
.ui-aiwa .datepicker td.active.disabled:hover.active,
.ui-aiwa .datepicker td.active.disabled,
.ui-aiwa .datepicker td.active:hover.disabled,
.ui-aiwa .datepicker td.active.disabled.disabled,
.ui-aiwa .datepicker td.active.disabled:hover.disabled,
.ui-aiwa .datepicker td.active[disabled],
.ui-aiwa .datepicker td.active:hover[disabled],
.ui-aiwa .datepicker td.active.disabled[disabled],
.ui-aiwa .datepicker td.active.disabled:hover[disabled] {
    background-color: var(--color-primary);
}

.ui-aiwa .datepicker td.active:active,
.ui-aiwa .datepicker td.active:hover:active,
.ui-aiwa .datepicker td.active.disabled:active,
.ui-aiwa .datepicker td.active.disabled:hover:active,
.ui-aiwa .datepicker td.active.active,
.ui-aiwa .datepicker td.active:hover.active,
.ui-aiwa .datepicker td.active.disabled.active,
.ui-aiwa .datepicker td.active.disabled:hover.active {
    background-color: var(--color-primary);
}

.ui-aiwa .datepicker .day,
.ui-aiwa .datepicker .month,
.ui-aiwa .datepicker .year {
    border-radius: var(--border-radius);
    background-image: none !important;
    filter: none !important;
    text-shadow: none !important;
}

.ui-aiwa .datepicker .day.disabled,
.ui-aiwa .datepicker .month.disabled,
.ui-aiwa .datepicker .year.disabled {
    opacity: .2;
}

.btn {
    background-image: none;
    background-color: transparent;
    position: relative;
    outline: medium none;
    filter: none;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: none;
    text-shadow: none;
    border-color: var(--color-border);
}

.btn-success {
    background-color: darkgreen;
}

.btn-warning {
    background-color: var(--color-warning);
}

.btn-danger {
    background-color: var(--color-error);
}

.btn-info {
    background-color: #49afcd;
}

/*.btn:hover {*/
/*    -webkit-box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);*/
/*    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);*/
/*}*/

/*.btn i {*/
/*    opacity: .7*/
/*}*/

/*.btn:hover i {*/
/*    opacity: 1*/
/*}*/

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 small {
    white-space: nowrap;
}

h2 small {
    font-size: 15px;
}

h1, h2, h3, h4 {
    margin: 20px 0 10px;
    line-height: 1.3;
}

div h2:first-child {
    margin-top: 0;
}

.ui-itemPanel h4 {
    line-height: 1;
}

#layout {
    min-height: 100%;
    position: relative;
    /*z-index: 1;*/
    display: flex;
    flex-direction: column;
    justify-content: stretch;
}

.ui-dev-mode #layout:before,
.ui-lock-mode #layout:before {
    content: '';
    box-sizing: border-box;
    position: fixed;
    z-index: 9999999999999;
    top: 0;
    left: 50%;
    font-size: 12px;
    line-height: 1;
    padding: 1px 0 3px;
    text-align: center;
    width: 100px;
    margin-left: -50px;
    color: white;
    pointer-events: none;
}

.ui-dev-mode #layout:before {
    content: 'test mode';
    background: red;
}

.ui-lock-mode #layout:before {
    content: 'locked';
    background: orange;
}

.wrapper {
    /*margin: 0 auto;*/
    margin-inline: auto;
    width: 100%;
    max-width: 1440px;
    min-height: 100%;
    position: relative;
}

.xl-show,
.lg-show,
.md-show,
.sm-show,
.xs-show {
    display: none !important;
}

.btn-toolbar .container,
.ui-has-scrollbar {
    --scrollbar-width: 6px;

    scrollbar-width: none;

    &::-webkit-scrollbar {
        width: var(--scrollbar-width);
    }

    &::-webkit-scrollbar-track {
        border-radius: var(--scrollbar-width);
        transition: background-color 480ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    &::-webkit-scrollbar-thumb {
        border-radius: var(--scrollbar-width);
        transition: background-color 480ms cubic-bezier(0.4, 0, 0.2, 1);
    }

    &:hover:not(:has(.ui-has-scrollbar:hover)) {
        &::-webkit-scrollbar-track {
            background-color: hsl(from var(--color-divider) h s l / .85);
            border: 1px solid hsl(from var(--color-divider) h s l / .95);
        }

        &::-webkit-scrollbar-thumb {
            background-color: hsl(from var(--color-text) h s l / .125);
        }
    }
}

.ui-has-scrollbar {
    &::-webkit-scrollbar-track {
        margin: var(--scrollbar-width) 0;
    }
}

.ui-aside-toggle {
    display: none;
    position: fixed;
    z-index: 9998;
    bottom: 1.5rem;
    right: 1.5rem;

    & > .ui-action {
        width: 42px;
        height: 42px;
        padding: 0;
        margin: 0;
        overflow: hidden;

        i {
            width: 100%;
            height: 100%;
        }
    }

    .logo-sign {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: transparent;

        i {
            position: relative;
            flex: 0 0 42px;
            width: 42px !important;

            &:before,
            &:after {
                content: '';
                position: absolute;
                inset: 0;
            }

            &:before {
                background: var(--logo-sign);
            }

            &:after {
                background: #fff;
                z-index: -1;
                filter: blur(6px);
            }
        }
    }
}

.menu-opened body,
body:has(.ui-modal.in),
body:has(.slide-form.in),
body:has(.ui-search-dialog.in) {
    overflow: hidden;
}

.menu-opened .ui-aside-toggle,
.modal-opened .ui-aside-toggle {
    display: none !important;
}

main .ui-aside-toggle {
    right: .5rem;
    bottom: .5rem;
}

main .ui-aside-toggle > .ui-action {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    .logo-sign {
        position: relative;
        width: 42px;
        height: 42px;
        overflow: hidden;

        &:before,
        &:after {
            content: '';
            position: absolute;
            inset: 0;
        }

        &:before {
            z-index: -1;
            opacity: .495;

            box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1),
            0 1px 8px 0 rgba(0, 0, 0, 0.12),
            3px 3px 0.5px -3.5px inset rgba(255, 255, 255, 0.75),
            -3px -3px 0.5px -3.5px inset rgba(255, 255, 255, 0.8),
            1px 1px 1px -0.5px inset rgba(255, 255, 255, 0.75),
            -1px -1px 1px -0.5px inset rgba(255, 255, 255, 0.75),
            0 0 1px 1px inset rgba(255, 255, 255, 0.15),
            0 0 1px 1px inset rgba(153, 153, 153, 1),
            0 0 16px 0 inset rgba(242, 242, 242, 1);
        }

        &:after {
            z-index: -2;

            background: linear-gradient(
                    hsl(from var(--color-primary) h s l / .3),
                    rgba(229, 229, 229, 1));
            filter: blur(6px);
        }
    }
}

@media (prefers-color-scheme: dark) {
    html:not(.ui-theme-light) {
        --color-error: red;
        --color-info: #1495f4;
        --color-success: #16c757;

        --contrast-opacity: 7%;
        --contrast-opacity-border: 20%;

        main .ui-aside-toggle > .ui-action .logo-sign {
            &:before {
                box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1),
                0 1px 8px 0 rgba(0, 0, 0, 0.12),
                3px 3px 0.5px -3.5px inset rgba(255, 255, 255, 1),
                2px 2px 0.5px -2px inset rgba(38, 38, 38, 1),
                -2px -2px 0.5px -2px inset rgba(38, 38, 38, 1),
                0 0 0 1px inset rgba(166, 166, 166, 1),
                0 0 8px 0 inset rgba(242, 242, 242, 1);
            }

            &:after {
                background: linear-gradient(
                        hsl(from var(--color-primary) h s l / .25),
                        rgba(23, 23, 23, 1));
            }
        }
    }
}

/*main .ui-aside-toggle > .ui-action,*/
/*main .ui-aside-toggle > .ui-action:before,*/
/*main .ui-aside-toggle > .ui-action:after {*/
/*    border-radius: 0;*/
/*}*/

/*main .ui-aside-toggle > .ui-action:after {*/
/*    content: none;*/
/*}*/

.aside-opened body {
    overflow: hidden;
}


aside .ui-aside-toggle {
    left: auto;
    top: .25rem;
    right: .25rem;

    width: 42px;
    height: 42px;

    .btn {
        opacity: .25;
        /*overflow: hidden;*/

        &:after {
            content: '';
            position: fixed;
            z-index: -1;
        }

        svg {
            scale: .75;

            path {
                fill: var(--color-text);
            }
        }
    }
}

aside .ui-aside-toggle > .ui-action {
    box-shadow: none;
}

aside .ui-aside-toggle > .ui-action:after {
    background: transparent;
}


aside {
    float: left;
    position: sticky;
    top: 0;
    width: 350px;
    height: 100vh;
    height: 100dvh;
    max-height: 100vh;
    max-height: 100dvh;
    z-index: 5;
    border-right: 1px solid var(--color-divider);
    scrollbar-width: none;

    & * {
        box-sizing: border-box;
    }

    &:before {
        content: '';
        position: absolute;
        z-index: -1;
        left: -10000px;
        right: 0;
        top: 0;
        bottom: 0;
        background: var(--color-primary);
        opacity: 0.01;
    }

    .nav {
        flex: 1 1 auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        white-space: nowrap;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        padding-top: 1.5rem;
        margin-bottom: 0;

        .ui-menu-item-content {
            width: 100%;
            white-space: normal;
            line-height: 1.3;
            display: flex;
            flex-direction: row;

            i {
                opacity: .5;
            }

            small {
                opacity: .5;
                display: block;
                line-height: 1.2;
            }
        }

        .nav-item {
            margin: 0 0 1px 0;
            padding: 0;
            height: auto;
            position: relative;
            width: 100%;

            & .nav-item {
                padding-left: 2rem;
            }

            &.active {
                user-select: none;

                > .nav-link {
                    opacity: 1;
                }
            }

            &.active:before {
                content: '';
                position: absolute;
                border-radius: var(--border-radius);
                inset: 0;
                margin: 0;
                z-index: -1;
                background: var(--color-text);
                opacity: .15;
            }

            &:after {
                content: '';
                position: absolute;
                border-radius: var(--border-radius);
                inset: 0;
                z-index: -2;
                background: var(--color-text);
                opacity: 0;
                transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
            }

            &:hover:after {
                opacity: .025;
            }

            & > div,
            & > span {
                cursor: default;
            }

            a {
                color: var(--color-text);
                background: transparent !important;
            }

            .nav-link {
                opacity: .5;
                -webkit-transition: all .2s ease 0s;
                -o-transition: all .2s ease 0s;
                transition: all .2s ease 0s;
                position: relative;
                color: var(--color-bright);

                display: flex;
                flex-direction: row;
                align-items: center;
                padding: .75rem 1rem;

                span {
                    flex: 1 1 auto;
                }

                &:hover {
                    opacity: 1;
                }
            }

            i {
                margin-right: 16px;
                font-size: 18px;
                width: 18px;
                height: 18px;
            }

            &.with-sub {
                overflow: hidden;
                border: 1px solid var(--color-border);
                border-radius: calc(var(--border-radius) * 1.4);
                margin: .5rem 0;

                & > .nav-link {
                    border-bottom: 1px solid var(--color-border);
                }

                .nav-link-sub {
                    --_gap: .5rem;

                    padding: var(--_gap) 0;
                    max-height: 268px;
                    overflow: auto;
                    scroll-snap-type: y mandatory;
                    overscroll-behavior-y: contain;
                    -webkit-overflow-scrolling: touch;
                    scroll-behavior: smooth;
                    /*scrollbar-width: none;*/

                    .nav-item {
                        scroll-margin: var(--_gap);
                        scroll-snap-align: start;

                        &:before {
                            right: 8px;
                            left: 8px;
                        }

                        &:after {
                            border-radius: var(--border-radius);
                            margin: 0 8px;
                        }
                    }

                    .ui-menu-divider {
                        margin: .5rem 0;
                    }
                }

                &.active:before {
                    opacity: .05;
                }
            }
        }
    }

    .container {
        padding: 2rem;
        position: relative;
        width: auto;
        height: 100%;
        overflow-y: auto;
        display: flex;
        flex-direction: column;

        .bottom {
            flex: 0;
        }
    }

    .auge-logo {
        display: block;
        width: auto;
        height: 24px;
        clear: both;
    }

    .auge-logo path {
        fill: var(--color-text);
    }
}

@media screen and (max-width: 709px) {
    .nav-item.with-sub .nav-link-sub {
        max-height: fit-content;
    }

    aside {
        position: fixed;
        z-index: 99999;
        inset: 0;
        width: auto;
        background: var(--color-background);
        color: var(--color-text);
        transform: translateY(40px);
        transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        pointer-events: none;
        opacity: 0;
    }

    .aside-opened aside {
        opacity: 1;
        transform: translateY(0);
        pointer-events: all;
    }
}

@media screen and (min-width: 710px) and (max-width: 1209px) {
    aside {
        --_width: 480px;

        position: fixed;
        z-index: 99999;
        top: 0;
        left: 0;
        bottom: 0;
        width: var(--_width);
        background: var(--color-background);
        color: var(--color-text);
        transform: translateX(-40px);
        transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform;
        pointer-events: none;
        opacity: 0;

        .ui-aside-toggle .btn:after {
            top: 0;
            bottom: 0;
            right: -1000px;
            left: var(--_width);
        }

        &:after {
            content: '';
            position: fixed;
            top: 0;
            right: -1000px;
            bottom: 0;
            left: var(--_width);
            background: var(--color-backdrop);
            z-index: -1;
        }
    }
}

@media screen and (max-width: 980px) {
    .aside-opened aside {
        opacity: 1;
        transform: translateX(0);
        pointer-events: all;
    }

    .xs-hide {
        display: none !important;
    }

    .xs-show {
        display: block !important;
    }

    .title + #page-container {
        margin-bottom: 4em;
    }

    .ui-aside-toggle {
        display: block;
    }

    .ui-dataview .ui-filters-hot {
        overflow: auto;
    }

    .ui-dataview .ui-filters-hot .nav {
        display: inline-flex;
        flex-wrap: nowrap;
    }

    .ui-dataview .ui-filters-hot .nav .nav-item {
        display: inline-block;
    }
}

@media screen and (min-width: 981px) and (max-width: 1209px) {
    aside {
        width: auto;

        &:after {
            left: 314px
        }
    }

    .aside-opened aside {
        opacity: 1;
        transform: translateX(0);
        pointer-events: all;
    }

    footer > .container,
    aside > .container {
        padding: 30px 20px !important;
    }

    aside .logo i {
        width: 32px;
        height: 32px;
    }

    /*aside .ui-menu-item-content,*/
    /*aside .nav-link-sub,*/
    aside .logo:after,
    aside .logo span {
        display: none !important;
    }

    .ui-aside-toggle {
        display: block;
    }

    .xs-hide {
        display: none !important;
    }

    .sm-hide {
        display: none !important;
    }

    .sm-show {
        display: block !important;
    }

    .auge-logo.auge-logo-v {
        width: 32px;
        height: auto;
        margin: 0 auto;
    }
}

main {
    display: block;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    flex: 1;

    &#page-body {
        padding: 0 !important;
        margin: 0 !important;
        max-width: 100%;
    }

    .btn-toolbar.affix {
        top: 0;
    }

    .title,
    #page-container,
    .ui-container {
        padding: var(--gap);
    }

    .title + #page-container {
        padding-top: .5em !important;
    }
}

.container {
    width: 100% !important;
}

.d-flex {
    display: flex !important;
}

.flex-column {
    flex-direction: column !important;
}

.ui-android select {
    -webkit-appearance: listbox;
}

#page-container {
    padding-bottom: 3rem;
    max-width: 100% !important;
}

#aiwa-footer {
    bottom: 0;
    color: var(--color-text-mute);
    left: 0;
    line-height: 1.2;
    flex: 0;
    width: 100%;
    z-index: 1;
    clear: both;
    font-size: 11px;
    padding: 1.5em 0;
}

/*.ui-ios #aiwa-footer,*/
/*.ui-android #aiwa-footer {*/
/*    position: relative;*/
/*    display: none;*/
/*}*/

#aiwa-footer .current {
    color: var(--color-secondary);
}

#aiwa-footer .current .sel {
    position: absolute;
    margin-top: -10px;
    margin-left: 10px;
    width: 24px;
    height: 10px;
    background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAABgAAAAKCAYAAACuaZ5oAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIdJREFUeNpi+P//fw4Q//lPfQAyM4cBSICwPRC/paLhb6FmMsAsAGEVIL5NBcNvQ81iQLcAhIWAeDsFhm+HmsGAywIQZgbiyWQYPhmql4GQBTAMivyfxEYmLnPwWUBM5MMjk1wL8EU+SmRSYgG2yMeITFyYEWwLcYAZiCdA2QVA/JcYTQABBgBFNwDZ648h1wAAAABJRU5ErkJggg==") no-repeat scroll 0 -5px transparent;
}

#aiwa-footer .desc {
    margin: 0;
    padding: 1.4em 0 2em 0;
    width: 60%;
}

#aiwa-footer .menu-item {
    padding: 0 6px;
    margin: 0 0 0 -6px;
}

#aiwa-footer span.menu-item {
    color: #111;
}

#aiwa-footer a {
    text-decoration: none;
}

#aiwa-footer a:hover {
    text-decoration: underline;
}

#aiwa-footer span.devider {
    margin: 0 6px 0 0;
    opacity: .5;
}

#wrapper {
    width: 950px;
    height: 0;
}

#some {
    float: right;
    width: 250px;
}

#consult {
    margin-top: 8px;
}

#logo {
    background: transparent;
    width: 116px;
    height: 41px;
    float: left;
    margin-right: 50px;
}

.logo {
    float: left;
}

.verify-invalid:not(:disabled),
.verify-invalid .select2-choice {
    --color-focus: red;
}

.ui-readonly .verify-invalid {
    box-shadow: none;
}

#jquery-stickers {
    z-index: 9999;
}

.ui-card {
    position: relative;
    border-radius: var(--border-radius-card);
    margin-bottom: var(--border-radius-card);

    &:not(.ui-card-clear) {
        padding: var(--border-radius-card);
    }
}

.ui-card:not(.ui-card-clear):after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--border-radius-card);
    background: hsl(from currentColor h s l /.05);
    z-index: -1;
    pointer-events: none;
    box-shadow: rgba(0, 0, 0, .4) 0 2px 4px,
    rgba(0, 0, 0, .3) 0 7px 13px -3px,
    rgba(0, 0, 0, .2) 0 -3px 0 inset;
}

.stick {
    margin: 5px;
    padding: 1em 1.2em;
    width: 300px;
    border-radius: var(--border-radius);
}

.dotted {
    background: transparent;
    /*background: url("/i/dotted.png") repeat scroll 0 0 transparent;*/
    /*color: #F4F4F4;*/
}

.opacity {
    --_color-background: var(--color-surface);
    --_color-text: var(--color-text);

    color: var(--color-text);

    border: 1px solid hsl(from var(--_color-text) h s l / .025);
    background-color: hsl(from var(--_color-background) h s l / .5);
    backdrop-filter: blur(6px);
    box-shadow: -1px -1px 1px -1px hsl(from var(--_color-text) h s l / .5),
    1px 1px 1px -1px hsl(from var(--_color-text) h s l / .5);
}

.opacity.error {
    --_color-background: var(--color-error);
    border-color: hsl(from var(--color-error) h s l / .5);
}

.opacity.success {
    --_color-background: var(--color-success);
    border-color: hsl(from var(--color-success) h s l / .5);
}

.exit {
    background: url("/i/error.png") no-repeat scroll 50% 50% transparent;
    cursor: pointer;
    float: right;
    height: 16px;
    margin: -8px -9px 0 0;
    width: 16px;
}

.drag {
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    z-index: 200;
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    border: 5px dashed #ccc;
    color: #fff;
    font-size: 30px;
    padding: 70px;
    text-align: center;
}

.busy {
    cursor: default;
    overflow: hidden;
}

.busy.dotted {
    position: absolute;
    inset: 0;
    z-index: 200;
}

.busy .loading {
    width: 100%;
    height: 100%;
}

.busy .loading .busy-progress {
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    cursor: wait;
}

.busy .item-body {
    filter: grayscale(50%);
}

p {
    margin-bottom: 10px;
}

ol li {
    list-style: decimal outside;
}

ul li {
    list-style: none;
}

li ul, li ol {
    margin-top: 0.25em;
    margin-bottom: 0.5em;
}

ol li ul li {
    list-style: none;
}

.container ul, .container ol {
    margin: 0 0 0.8em 1.4em;
}

/*.container li {list-style:none; }*/
.container ul li:before {
    content: '\2014';
    float: left;
    margin-left: -1.25em;
}

.container .no-dash,
.container .nav,
.dropdown-menu {
    margin-left: 0 !important;
}

.container .no-dash li:before,
.container .nav li:before,
.dropdown-menu li:before {
    content: '' !important;
    margin-left: 0 !important;
}

.container .no-dash li,
.container .nav li,
.dropdown-menu li {
    padding-left: 0;
    margin-bottom: 0;
}

.dropdown-menu li.disabled {
    display: none;
}

blockquote {
    border-left-width: 1px;
}

blockquote small:before {
    content: '';
}

.ui-aiwa .dropdown-menu {
    background-color: var(--color-surface);
    border-color: var(--color-border);
    color: var(--color-text);
    z-index: 5001 !important;
}

.ui-aiwa .navbar .nav > li > .dropdown-menu:before {
    border-bottom-color: var(--color-border);
}

.ui-aiwa .navbar .nav > li > .dropdown-menu:after {
    border-bottom-color: var(--color-border);
}

.ui-dd-menu-list .divider {
    margin: 5px 0 0;
    padding: 0 0 5px;
    border-top: 1px solid var(--color-border);
    cursor: default !important;

    &:before {
        display: none !important;
    }

    &:hover {
        background: transparent !important;
    }
}

.ui-aiwa .dropdown-menu .divider {
    border-color: var(--color-text);
    opacity: .1;
}

.ui-aiwa .dropdown-menu > li > a {
    color: var(--color-text);
    width: 100%;
    box-sizing: border-box;
}

.ui-aiwa .dropdown-menu > li > a .ui-flex {
    padding: 4px 0;

    i {
        flex: 0 0 20px;
        margin-top: 4px;
    }

    span {
        line-height: 1.3;

        small {
            opacity: 0.5;
        }
    }
}

/*@media (max-width: 480px) {*/
/*    .ui-aiwa .dropdown-menu.pull-left,*/
/*    .ui-aiwa .dropdown-menu.pull-right {*/
/*        left: .5rem;*/
/*        right: .5rem;*/
/*    }*/
/*}*/

.fb-registration {
    float: right;
    width: 300px;
}

.fl {
    float: left;
}

.firstRow, .firstRow .page-header {
    margin-top: 0;
    padding-top: 0;
}

.alert {
    padding: 1em 1.5em;
    margin: 0;
    color: var(--color-text);
    background-color: var(--contrast);
    border-color: var(--contrast-border);
    border-radius: var(--border-radius);
    text-shadow: none;

    .close {
        right: -7px;
    }

    h4 {
        margin-bottom: .5em !important;
        color: currentColor;
    }
}

.ui-aiwa .alert-warning {
    color: var(--color-warning);
}

.ui-aiwa .alert-info {
    color: var(--color-info);
}

.ui-aiwa .alert-success {
    color: var(--color-success);
}

.ui-aiwa .alert-danger {
    color: var(--color-error);
}

.controls.twice {
    margin-top: -1px;
}

.controls .password_status {
    width: 232px;
    height: 5px;
}

/*
.radio input[type="radio"], .checkbox input[type="checkbox"] {
	margin-top: 6px;
}
*/
/*
.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
    padding-top: 15px !important;
    padding-bottom: 12px !important;
}
*/

.dropdown-menu-left {
    width: 300px;
    margin-left: -250px !important;
}

.btn-link:hover {
    text-decoration: none;
}

.popover {
    font-size: 0.8em;
    line-height: 1.4;
}

.popover-title {
    font-size: 12px;
    line-height: 1.4;
    padding: 6px 14px;
}

.form-horizontal .control-group {
    margin-bottom: .3em !important;
}

.form-horizontal .control-group.narrow {
    margin-bottom: 0 !important;
}

label i.tip,
i.popovered {
    opacity: .4;
    float: right;
}

.radio.inline, .checkbox.inline {
    margin-right: 11px;
    white-space: nowrap;
    min-width: 15px;
}

.btn-left {
    text-align: left;
}

.alert {
    font-size: .85em;
}

.alert h3 {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2;
    margin-top: 0;
}

.ui-add-fix1 {
    min-width: 60px !important;
}

.dataview .btn-toolbar {
    position: absolute;
    left: 0;
}

.dataview .dv-body {
    padding-top: 70px;
}

.ui-dataview,
.ui-itemPanel {
    position: relative;
    margin-top: -10px;
}

.ui-dataview.v-readonly .td-ico {
    width: 0;
}

.ui-dataview.ui-add-false .ui-add-need {
    display: none;
}

.ui-dataview.ui-del-false .ui-del-need {
    display: none;
}

.ui-dataview.ui-del-true .ui-del-none {
    display: none;
}

.ui-dataview .td-bookmark i {
    display: none;
}

.ui-dataview .ui-bookmark .td-bookmark i {
    display: inline-block;
    opacity: 1 !important;
}

.ui-dataview tr:hover .td-bookmark i, .ui-dataview tr.ui-bookmarked .td-bookmark i {
    display: inline-block;
}

.ui-nodata {
    padding: 200px 0;
    text-align: center;
}

.ui-processing-info {
    display: none;
}

.ui-loading {
    .ui-empty-info {
        display: none !important;
    }

    .ui-processing-info {
        display: block;
    }
}

.tac,
.alert-nodata {
    text-align: center;
}

.input-prepend .add-on, .input-append .add-on {
    font-size: var(--font-size);
    height: 2.5em;
    line-height: 1.8em;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
}

.input-prepend .add-on {
    padding: 6px 15px;
/ / margin-top: 1 px;
}

.item-sideDesc .input-prepend .add-on {
/ / margin-top: 0 px;
/ / padding: 4 px 15 px;
}

.input-append .add-on {
    padding: 6px 15px;
/ / padding: 5 px 15 px;
}

.item-sideMain .input-append input {
/ / margin-top: - 1 px;
/ / padding-top: 4 px !important;
}

.item-sideMain .input-append .add-on {
/ / left: - 3 px;
/ / padding: 4 px 15 px;
}

.btn-toolbar .input-append input {
/ / margin-top: - 1 px;
/ / padding-top: 4 px !important;
}

.btn-toolbar .input-append .add-on {
/ / left: - 1 px;
/ / padding: 4 px 15 px;
    background: transparent;
}

.btn, button.btn {
    padding: 6px 15px;
/ / padding: 5 px 15 px;
}

.btn-mini {
    padding: 3px 15px;
/ / padding: 2 px 15 px;
}

.input-append input {
/ / padding: 3 px 6 px 4 px 6 px !important;
/ / margin-right: 0 px !important;
}

.uneditable-input {
/ / padding: 4 px 6 px 4 px 6 px !important;
    background-color: #f5f5f5;
}

/*
label {
	line-height: 24px!important;
	//line-height: 36px!important;
}
*/

label:has(.ui-input-value) {
    cursor: text;
}

select {
    height: 2.5em;
    width: 100%;
}

option {
    padding: 6px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
    color: var(--color-text);
    font-size: var(--font-size);
    padding: 6px;
    box-sizing: border-box;
}

li {
    line-height: 1.4;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
    font-size: var(--font-size);
    line-height: 1.4;
}

.large option, .large select, .large textarea, .large input[type="text"], .large input[type="password"], .large input[type="datetime"], .large input[type="datetime-local"], .large input[type="date"], .large input[type="month"], .large input[type="time"], .large input[type="week"], .large input[type="number"], .large input[type="email"], .large input[type="url"], .large input[type="search"], .large input[type="tel"], .large input[type="color"], .large .uneditable-input, .large .ui-input {
    padding: 10px;
}

.large .add-on, .btn-large {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.form-horizontal .large .control-label {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.normal option, .normal select, .normal textarea, .normal input[type="text"], .normal input[type="password"], .normal input[type="datetime"], .normal input[type="datetime-local"], .normal input[type="date"], .normal input[type="month"], .normal input[type="time"], .normal input[type="week"], .normal input[type="number"], .normal input[type="email"], .normal input[type="url"], .normal input[type="search"], .normal input[type="tel"], .normal input[type="color"], .normal .uneditable-input, .normal .ui-input {
    padding: 6px;
}

.normal .add-on, .normal .control-label, .btn-normal {
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

.ui-form {
    margin: 0 0 1em;
}

.ui-input {
    margin-left: 0;
}

.controls-row select,
.controls-row textarea,
.controls-row input[type="text"],
.controls-row input[type="password"],
.controls-row input[type="datetime"],
.controls-row input[type="datetime-local"],
.controls-row input[type="date"],
.controls-row input[type="month"],
.controls-row input[type="time"],
.controls-row input[type="week"],
.controls-row input[type="number"],
.controls-row input[type="email"],
.controls-row input[type="url"],
.controls-row input[type="search"],
.controls-row input[type="tel"],
.controls-row input[type="color"] {
    margin-right: 0;
}

.controls-row div.ui-combo {
    margin-left: 0 !important;
}

.controls-row .control-group {
    margin-left: 0;
    margin-bottom: 0;
}

.control-label {
    cursor: pointer;
    opacity: .75;
}

.input-append .add-on, .input-prepend .add-on {
    background: var(--color-border);
    text-shadow: none;
/ / display: inline;
}

.modal-header .close {
/ / display: none;
}

.subnav {
/ / overflow: hidden;
}

.btn-toolbar .btn.ui-disabled {
    opacity: 0.4;
}

.form-horizontal .control-label,
.form-horizontal .controls-fixed {
    line-height: 2.5em;
    padding: 0;
    margin-bottom: 0;
}

.form-horizontal .control-label {
    width: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.form-horizontal .controls {
    margin-left: 200px;
}

.form-horizontal .controls-fixed .help-inline {
    padding-left: 0;
}

.ui-action {
    cursor: pointer;
}

.ui-disabled,
.ui-readonly {
    cursor: not-allowed;
}

.ui-disabled label,
.ui-readonly label {
    cursor: default;
}

.popovered {
    cursor: help;
}

.tar {
    text-align: right !important;
}

.btn.btn-block {
    *margin-left: 0;
}

.navbar-fixed-top {
    position: fixed;
    margin-bottom: 0 !important;
}

.navbar-fixed-top .container {
    padding-top: 16px;
}

.ui-ios .navbar-fixed-top,
.ui-android .navbar-fixed-top {
    position: relative;
}

/*.ui-ios .btn-toolbar.affix,*/
/*.ui-android .btn-toolbar.affix {*/
/*    position: absolute;*/
/*    top: auto;*/
/*}*/

.required .control-label {
    font-weight: bold;
}

.ui-hovered span {
    display: none;
}

.ui-hovered1 span, .ui-hovered:hover span {
    display: inline;
    margin-left: 8px;
}

/*.ui-rows {margin-top: 1em;}*/

.ui-rows table {
    table-layout: fixed;
}

.ui-rows .table {
    margin-bottom: 0;
}

.ui-item td {
    cursor: default;
}

.ui-item.td-draft .td-title b {
    font-weight: bold !important;
}

.ui-item.td-canceled .td-title b {
    text-decoration: line-through;
}

.ui-item.td-canceled, .td-canceled b {
    color: #999 !important;
    font-weight: normal;
}

.ui-item.td-canceled i {
    opacity: .4;
}

.ui-item.td-canceled i.icon-cb {
    opacity: .8;
}

.ui-item.td-draft.td-canceled .td-title {
    font-weight: normal;
}

.ui-item .ui-item-grid .td-title:not(.ui-no-status) b:after {
    content: attr(data-status);
    display: inline-block;
    position: absolute;
    top: 1.4em;
    margin: 0 .5rem;
    background: var(--_color, gray);
    color: white;
    text-transform: uppercase;
    font-size: .5em;
    padding: .25em .5em;
    line-height: 1.4em;
    border-radius: .5em;

    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-10px);
    will-change: transform;
    opacity: 0;
}

.ui-item:hover .ui-item-grid .td-title b:after {
    opacity: 1;
    transform: translateX(0px);
}

.ui-search-item.td-approved .ui-search-item-title,
.ui-item.td-approved .td-title .ui-status,
.ui-item.td-approved .td-title b {
    --_color: var(--color-approved);
    color: var(--_color);
}

.ui-search-item.td-offered .ui-search-item-title,
.ui-item.td-offered .td-title .ui-status,
.ui-item.td-offered .td-title b {
    --_color: var(--color-offered);
    color: var(--_color);

    &:after {
        opacity: 1;
        transform: translateX(0px);
    }
}

.ui-search-item.td-published .ui-search-item-title,
.ui-item.td-published .td-title .ui-status,
.ui-item.td-published .td-title b {
    --_color: var(--color-published);
    color: var(--_color);
}

.ui-search-item.td-renewed .ui-search-item-title,
.ui-item.td-renewed .td-title .ui-status,
.ui-item.td-renewed .td-title b {
    --_color: var(--color-renewed);
    color: var(--_color);
}

.ui-item.td-warning .td-title .ui-status,
.ui-item.td-warning .td-title b {
    --_color: var(--color-warning);
    color: var(--_color);
}

.ui-item.td-error .td-title .ui-status,
.ui-item.td-error .td-title b {
    --_color: var(--color-error);
    color: var(--_color);
}

.ui-item.td-exception .td-title .ui-status,
.ui-item.td-exception .td-title b {
    --_color: var(--color-exception);
    color: var(--_color);
}

.ui-item.td-system .td-title .ui-status,
.ui-item.td-system .td-title b {
    --_color: var(--color-bright);
    color: var(--_color);
}

.ui-item.td-dev .td-title .ui-status,
.ui-item.td-dev .td-title b {
    --_color: var(--color-info);
    color: var(--_color);
}

.badge {
    text-shadow: none;
    font-weight: normal;
    text-transform: uppercase;

    &.badge-large {
        padding: .5em 1em;
    }
}

.ui-item.td-expired a {
    --_color: red;
    color: var(--_color);

    .badge {
        background-color: var(--_color);
    }
}

.ui-item.td-expiring a {
    --_color: var(--color-warning);
    color: var(--_color);

    .badge {
        background-color: var(--_color);
    }
}

@media (max-width: 480px) {
    .ui-item {
        grid-template-columns: minmax(32px, auto) 1fr auto !important;

        .ui-flex {
            flex-direction: column;
            gap: .2em;
        }
    }
}

.ui-gap-01 {
    gap: .1em;
}

.ui-gap-02 {
    gap: .2em;
}

.ui-gap-05 {
    gap: .5em;
}

.ui-gap-1 {
    gap: 1em;
}

.ui-item.td-muted .td-title b {
    opacity: .5;
}

.ui-item a {
    text-decoration: none !important;
    color: inherit;
    display: block;
    line-height: 1.4;
    overflow: hidden;
    outline: none !important;
    -moz-user-select: none !important;
}

.ui-item .typeahead a {
    height: auto;
}

.ui-item a b {
    color: var(--color-secondary);
    font-weight: normal;
}

.ui-item a:hover {
    color: inherit;
/ / color: #333;
}

.ui-item .td-clickable {
    cursor: pointer;
}

.ui-item.ui-selected td {
    background: var(--color-surface) !important;
}

.ui-item td:first-child {
    border-left: 2px solid transparent;
}

.ui-item.ui-current td:first-child {
    border-left-color: #4D90F0;
}

.ui-item .td-icon {
    padding-right: 8px;
    padding-left: 8px;

    i {
        cursor: pointer;
    }
}

.ui-item:hover .icon-cb {
    border-color: var(--color-primary);
}

.ui-item:hover i {
    color: var(--color-primary);
}

.ui-item .icon-cb:hover {
    box-shadow: none;
}

.ui-item .td-icon {
    width: 24px;
    text-align: center;

    i {
        line-height: 21px;
    }
}

.icon-cb {
    border: 1px solid hsl(from var(--color-text) h s l / .5);
    opacity: 1;
    line-height: 21px;
    margin-top: -1px;
    cursor: pointer;
    border-radius: 3px;
}

table.fixed {
    table-layout: fixed;
    font-size: 0.8em;
}

.ellipsis {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.td-center {
    text-align: center !important;
}

.td-icon,
.td-attachment,
.td-icons {
    width: 24px;
}

.td-title {
    width: 20%;
}

.td-author {
    width: 120px;
}

.td-datestamp {
    width: 120px;
}

.td-label {
    width: 240px;
}

.td-icons:empty {
    padding: 0;
}

.td-icons i {
    opacity: 0.4;
}

@container grid (max-width: 600px) {
    table.table {
        .td-author,
        .td-icons {
            display: none;
        }
    }
}

.ui-item:not(:first-child) .ui-item-grid:before {
    position: absolute;
    content: '';
    left: var(--border-radius);
    top: 0;
    right: var(--border-radius);
    height: 1px;
    background: var(--color-border);
}

.ui-dataview {
    .dv-body {
        position: relative;
    }

    .dv-load {
        position: relative;
        margin-top: 1rem;
        visibility: hidden;
    }

    .busy .dv-load {
        opacity: .5;
    }

    .ui-has-more .dv-load {
        visibility: visible;
    }

    .dv-load .btn {
        flex: 0;
        transition: none !important;
    }

    .ui-busy .dv-load .btn i,
    .ui-busy .dv-load .btn span {
        visibility: hidden;
    }

    .dv-sentinel-bottom {
        position: absolute;
        bottom: 0;
        /*height: 100px;*/
        /*width: 100%;*/
        /*background: red;*/
    }

    .ui-rows {
        container: grid / inline-size;
    }

    .ui-nodata {
        padding: 100px 50px;
        text-align: center;
    }

    .ui-busy .ui-nodata .ui-nodata-empty {
        display: none;
    }

    .ui-nodata .ui-nodata-loading {
        display: none;
    }

    .ui-busy .ui-nodata .ui-nodata-loading {
        display: block;
    }
}

.container:not(.ui-column-view) .ui-dataview:not(.hide) + .ui-itemPanel {
    display: none !important;
}

.ui-column-view {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;

    .ui-dataview {
        flex: 1 0 320px;
        margin-right: 1em;
    }
}

.ui-rows .table {
    /*container-type: inline-size;*/
    /*container-name: grid;*/
}

.ui-item-grid {
    display: grid;
    grid-template-columns: fit-content(32px) 1fr fit-content(32px) fit-content(140px) fit-content(32px);
    column-gap: .5em;
    row-gap: .1em;
    padding: .5em;
    position: relative;
    box-sizing: border-box;
    max-width: 100%;

    & * {
        box-sizing: border-box;
    }

    i {
        opacity: 0.4;
        font-size: 18px;
        width: 18px;
        line-height: 22px;
        height: inherit;
        cursor: default;
    }

    .td-icons i {
        line-height: 1;
    }

    .td-icon {
        padding-right: 0;
        padding-left: 0;

        .icon-cb {
            margin-top: 2px;
            line-height: inherit;
        }
    }

    .td-title {
        width: auto;
    }

    .td-desc {
        line-height: 1.4;
    }

    .td-datestamp {
        width: 170px;

        & > * {
            width: auto;
        }
    }
}

@container grid (max-width: 600px) {
    .ui-item-grid {
        grid-template-columns: 1fr fit-content(120px);
        padding: .5rem 20px;

        .ellipsis {
            display: initial;
            overflow: initial;
            white-space: normal;
        }

        .td-icon {
            display: none;
        }

        .td-datestamp {
            width: 100%;
            grid-row-start: 2;
            grid-column-start: 1;
            grid-column-end: -1;
            display: flex;
            flex-direction: row;
            gap: 1rem;

            & > * {
                font-size: small;
            }
        }

        .td-lock {
            grid-row-start: 2;
            grid-column-start: 2;
            grid-column-end: 3;
        }
    }
}

.ui-item-grid:after {
    position: absolute;
    content: '';
    inset: 3px;
    z-index: -1;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: var(--border-radius);
    opacity: .2;
}

.ui-item:has(.icon-ok) .ui-item-grid:after {
    background: var(--color-secondary);
}

.ui-item:hover .ui-item-grid:after {
    background: var(--color-primary);
}

.ui-item.ui-current .ui-item-grid:after {
    background: hsl(from var(--color-secondary) h s l / .5);
}

.opa50 {
    opacity: .5;
}

.ui-fixed-view {
    background: #f5f5f5;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
    border-width: 0;
    box-shadow: none;
}

.ui-disabled:not(input[type=checkbox]),
.ui-readonly:not(input[type=checkbox]) {
    background: transparent !important;
}

.title {
    padding: 1.5em 0 1em;
    margin: 0;
    flex: 0 !important;
}

/*.container-main {*/
/*    margin-top: 3em;*/
/*}*/

.navbar .nav .txt-item {
    display: block;
    padding: 10px 15px;
    cursor: default;
}

.jumbotron {
    background: #efefef;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2) inset, 0 -3px 7px rgba(0, 0, 0, 0.2) inset;
    color: #FFFFFF;
    padding: 40px 0;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 0, 0, 0.075);
}

.jumbotron h1 {
    font-size: 80px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1;
}

.jumbotron p {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.25;
    margin-bottom: 30px;
}

.jumbotron a {
    color: rgba(255, 255, 255, 0.5);
    transition: all 0.2s ease-in-out 0s;
}

.jumbotron a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.25);
}

.masthead .btn {
    border: 0 none;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    font-size: 24px;
    font-weight: 200;
    padding: 19px 24px;
    transition: none 0s ease 0s;
}

.masthead .btn:hover {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 5px rgba(0, 0, 0, 0.25);
}

.masthead .btn:active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
}

.jumbotron .container {
    position: relative;
    z-index: 2;
}

/*.jumbotron:after {*/
/*    bottom: 0;*/
/*    content: "";*/
/*    display: block;*/
/*    left: 0;*/
/*    opacity: 0.4;*/
/*    position: absolute;*/
/*    right: 0;*/
/*    top: 0;*/
/*}*/

.masthead {
    color: #FFFFFF;
    margin-bottom: 0;
    padding: 70px 0 80px;
}

.masthead h1 {
    font-size: 120px;
    letter-spacing: -2px;
    line-height: 1;
}

.masthead p {
    font-size: 40px;
    font-weight: 200;
    line-height: 1.25;
}

.tal {
    text-align: left !important;
}

.nmt {
    margin-top: 0 !important;
}

.nmb {
    margin-bottom: 0 !important;
}

.form-actions .btn-primary {
    margin-right: 1em;
}

.form-actions a {
    padding-left: 0;
}

.form-actions {
    margin: 0;
    padding: 40px 0 0;
    background-color: transparent;
    border: none;
}

.typeahead {
    margin-top: 0px;
}

.handbooks h4 {
    margin: 0;
    padding: 0;
}

.handbooks h4 + small {
    opacity: .5;
}

.handbooks a {
    text-decoration: none;
    color: inherit;
    display: block;
}

/*.handbooks a:hover { text-decoration:underline; }*/

.table tr.bt td, .table tr.bt th {
    border-top: 1px solid #ddd;
}

.table tr.pb td, .table tr.pb th {
    padding-bottom: 2em;
}

.tooltip {
    text-shadow: none;
    line-height: 1.4;
}

.tooltip-inner:before {
    display: block;
    width: 200px;
    height: 1px;
}

.tooltip-inner {
    /*text-align: left;*/
    min-width: 200px;
}

.btn-group .tooltip-inner {
    white-space: normal;
}

.report-settings {
    padding: .2em 0;
    cursor: default;
    font-style: italic;
}

.small {
    font-size: .8em;
    line-height: 1.3;
}

p.small {
    line-height: 1.3;
}

table td.lbl {
    width: 160px;
}

.ui-list a {
    display: unset;
    height: auto;
    text-decoration: underline !important;
}

.ui-graph {
    height: 360px;
    margin: 1em auto;

    svg {
        text {

        }

        .highcharts-title {
            tspan {
                fill: var(--color-primary);
            }
        }

        .highcharts-legend-item,
        .highcharts-axis,
        .highcharts-axis-labels,
        .highcharts-subtitle {
            tspan {
                fill: var(--color-text);
            }
        }

        .highcharts-grid {
            path {
                stroke: var(--color-border) !important;
            }
        }

        .highcharts-legend {
            rect {
                stroke: transparent !important;
            }
        }
    }
}

.ui-graph-double {
    height: 600px !important;
    margin-bottom: 2em;
}

.ui-amount {
    font-size: 40px;
    margin-top: 0;
    font-weight: bolder;
}

.ui-amount b + span {
    padding-left: 10px;
}

.btn-toolbar .btn {
    border-radius: 10rem !important;
    box-shadow: none !important;
}

.btn-toolbar .input-append,
.btn-toolbar .input-prepend {
    margin-bottom: 0;
}

.btn-toolbar .container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: .2rem .5rem;
}

html:not(.menu-opened) .btn-toolbar .container:not(:has(.btn-group-glass)) {
    overflow-y: hidden;
    overflow-x: auto;
    padding: 3px;
}

.btn-toolbar .container .btn-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0 .2rem;
}

.btn-toolbar .container .btn-group + .btn-group {
    margin: 0;
}

.btn-toolbar .container:before,
.btn-toolbar .container:after {
    display: none;
}

.btn-toolbar .container > .btn-group:first-child {
    flex: 1 0 auto;
}

/*.item-body {*/
/*    overflow: clip;*/
/*}*/

.item-body,
.report-view,
.ui-rows {
    padding-top: 1.5em;
}

.btn-toolbar.ui-affix {
    position: sticky;
    margin-top: 0;
    margin-bottom: 0;
    padding: 10px 0;
    border-bottom: 1px solid transparent;
    z-index: 5;
}

.btn-toolbar.ui-affix:not(.affix) {
    left: 0;
    right: 0;
}

.btn-toolbar.ui-affix.affix .container {
    position: relative;
}

/*.btn-toolbar.ui-affix:not(.affix) .container {*/
/*    !*padding-right: 3px;*!*/
/*    !*padding-left: 3px;*!*/
/*    box-sizing: border-box;*/
/*}*/

.btn-toolbar.ui-affix .input-append input {
    box-sizing: border-box;
    width: 96px;
    height: 34px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly],
.ui-input, .select2-container,
.input-append .add-on, .input-prepend .add-on,
.select2-container.select2-container-disabled .select2-choice {
    border-color: var(--color-border);
}

.nml {
    margin-left: -1px !important;
}

.pseudo,
.btn-link.e-policy-action {
    padding: 0;
    border: none;
    border-bottom: 1px dashed;
    text-decoration: none;
    line-height: 1.2;
    cursor: pointer;
}

.ui-readonly .none-on-readonly,
.show-on-readonly {
    display: none;
}

.ui-readonly .show-on-readonly {
    display: inline-block;
}

.ui-readonly .hide-on-readonly {
    display: none;
}

.ui-readonly .pseudo,
.ui-readonly .onlyedit,
.ui-readonly .control-group small,
.ui-readonly .row1 small,
.ui-readonly .slide-form.in .btn-info,
.ui-readonly .slide-form.in .help-inline {
    visibility: hidden;
}

.ui-readonly .control-label {
    cursor: default;
}

.logs {
    max-height: 200px;
    overflow-y: auto;
}

.collapse-toggle,
.collapse-panel {
    cursor: initial;
    user-select: text;
    max-height: 60vh;
    text-align: initial;
    border-radius: 1rem;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.collapse-panel {
    right: 0;
}

#settings {
    left: 0;
    right: auto;
}

@media (max-width: 480px) {
    #settings {
        left: .5rem;
        right: .5rem;
    }
}

#settings,
#systemInfo {
    max-width: 100%;
}

@media (min-width: 600px) {
    #settings,
    #systemInfo {
        min-width: 460px;
    }
}

#settings .ui-combo,
#systemInfo .ui-combo {
    margin-bottom: 0;
    width: -moz-available;
}

.ui-report-settings {
    cursor: default;
}

html.ui-ios .ui-report-settings .ui-grid-cell:empty,
html.ui-android .ui-report-settings .ui-grid-cell:empty {
    display: none;
}

.ui-android-only,
.ui-apple-only,
.ui-ios-only {
    display: none;
}

html.ui-android .ui-android-only,
html.ui-mac .ui-apple-only,
html.ui-ios .ui-apple-only,
html.ui-ios .ui-ios-only {
    display: inline-block;
}

/*.ui-ios .form-horizontal .control-label,*/
/*.ui-android .form-horizontal .control-label {*/
/*    width: 130px;*/
/*}*/

/*.ui-ios .form-horizontal .controls,*/
/*.ui-android .form-horizontal .controls {*/
/*    margin-left: 160px;*/
/*}*/

.slide-form,
.collapse-toggle {
    font-size: var(--font-size);
    visibility: hidden;
    background: var(--color-surface);
    position: absolute;
    z-index: 1000;
    min-width: 160px;
    padding: 0 0 5px;
    margin: 5px 0 0;
    list-style: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

.collapse-panel {
    margin-top: 1rem;
    font-size: var(--font-size);
    background: var(--color-surface);
    color: var(--color-text);
    position: absolute;
    z-index: 1000;
    min-width: 160px;
    padding: 0;
    list-style: none;
    /*border: 0;*/
    /*box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);*/
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    opacity: 0;
    pointer-events: none;
    transform: translateY(20px);
    transition: opacity 0.3s ease 0s, transform 0.2s ease 0s;
    will-change: transform, opacity;

    border-radius: 32px;
    border: 1px solid hsl(from var(--color-text) h s l / .025);
    background: hsl(from var(--color-background) h s l / .875);
    backdrop-filter: blur(32px);
    /*filter: url(#glass-distortion);*/
    box-shadow: -1px -1px 1px -1px hsl(from var(--color-text) h s l / .85),
    1px 1px 1px -1px hsl(from var(--color-text) h s l / .85),
    rgba(0, 0, 0, .56) 0 22px 70px 4px;

    .ui-btn-toolbar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: .5em;
        margin-bottom: 1.5em;

        .btn {
            justify-content: space-between;
            flex-direction: row-reverse;
        }
    }
}

@media (max-width: 480px) {
    .collapse-panel .ui-btn-toolbar {
        grid-template-columns: repeat(1, 1fr);
    }
}

.controls-fixed .ui-btn-toolbar {
    display: flex;
    flex-wrap: wrap;

    .btn {
        width: 100%;
        flex-direction: row;
        justify-content: space-around;
    }
}

.collapse-panel-backdrop {
    opacity: 0;
    pointer-events: none;
    bottom: -100vh !important;
}

.in .collapse-panel,
.collapse-panel.in {
    display: block;
    z-index: 9999;
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

/*.in.ui-action {*/
/*    pointer-events: none!important;*/
/*}*/

.in .collapse-panel-backdrop {
    display: block;
    z-index: 9998;
    opacity: 1;
    pointer-events: all;
}

.collapse-toggle:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.collapse-panel-backdrop {
    position: fixed;
    inset: 0;
    z-index: 9998;
}

.collapse-toggle.in {
    visibility: visible;
}

.collapse-toggle-back {
    position: fixed;
    inset: 0;
    background: rgba(255, 255, 255, .75);
    z-index: 999;
}

.collapsed .collapse-toggle-back {
    display: none;
}

.collapse-toggle.collapse {
    overflow: inherit;
    -webkit-transition: height 0s ease 0s;
    -moz-transition: height 0s ease 0s;
    -o-transition: height 0s ease 0s;
    transition: height 0s ease 0s;
    border-radius: 6px;
    border-color: transparent !important;
}

.pull-right .collapse-toggle,
.pull-right .collapse-panel {
    right: 0;
    left: auto;
}

.pull-right .collapse-toggle:before {
    right: 12px;
    left: auto;
}

/*
.pull-right .collapse-toggle:after {
    right: 13px;
    left: auto;
}
*/

.table .bl {
    border-left: 1px solid #EEEEEE;
}

.collapse-toggle hr,
.collapse-panel hr {
    margin: .75rem 0;
}

.collapse-toggle section,
.collapse-panel section {
    /*display: none;*/
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin: 1.5rem 0;
}

.collapse-toggle hr,
.collapse-panel hr {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}

.collapse-toggle section .select2-container,
.collapse-panel section .select2-container {
    width: 100%;
}

/*.collapse-toggle.in section {*/
/*    display: block;*/
/*}*/

.slide-form {
    position: relative;
    z-index: 0;
    box-shadow: none;
    padding: 0;
    margin: -1px 0 0 0;
    border: none;
}

.slide-form hr {
    margin: 1px 0;
}

.slide-form section {
    display: none;
    padding: 20px 29px;
    margin: 0;
}

.slide-form section.actions {
    background: #f9f9f9;
}

.slide-form.in {
    visibility: visible;
    z-index: 5000;
    position: fixed;
    top: 10vh;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-width: 700px;
    display: flex !important;
    flex-direction: column;

    &:after {
        content: '';
        position: fixed;
        inset: -10000px;
        z-index: -1;
        background: var(--color-backdrop);
    }

    & > * {
        background: var(--color-surface);
    }

    header {
        position: relative;
        z-index: 0;
        border-radius: 2em 2em 0 0;

        h2 {
            position: relative;
            z-index: 1;
        }

        .ui-btn-toolbar {
            position: relative;
            z-index: 0;

            .btn.ui-action:after {
                content: '';
                position: fixed;
                inset: -10000px;
                z-index: -1;
            }
        }
    }

    section,
    footer {
        position: relative;
        z-index: 1;
    }

    footer {
        border-radius: 0 0 2em 2em;
    }
}

.slide-form.in section {
    display: block;
    max-height: calc(80vh - 40px);
    overflow-y: auto;
    flex: 1 0 auto;
}

.slide-form section .select2-container {
    width: 100%;
}

.slide-form .form-horizontal .control-label {
    width: 140px;
}

.slide-form .form-horizontal .controls {
    margin-left: 160px;
}

.slide-form .span6 {
    width: 430px;
}

.slide-form .span5 {
    width: 350px;
}

.slide-form .span4 {
    width: 270px;
}

.slide-form .span3 {
    width: 190px;
}

.slide-form .span2 {
    width: 110px;
}

.ui-mobile section,
.ui-mobile #aiwa-footer-global,
.ui-mobile #main-slider,
.ui-mobile #page-container {
    padding-left: 0;
    padding-right: 0;
}

.icon-time {
    display: none;
}

.show-xs {
    display: none;
}

@media (min-width: 1200px) {
    .slide-form .span6 {
        width: 540px;
    }

    .slide-form .span5 {
        width: 440px;
    }

    .slide-form .span4 {
        width: 340px;
    }

    .slide-form .span3 {
        width: 240px;
    }

    .slide-form .span2 {
        width: 140px;
    }

    .slide-form input.span6,
    .slide-form textarea.span6,
    .slide-form .uneditable-input.span6 {
        width: 526px;
    }

    .slide-form input.span5,
    .slide-form textarea.span5,
    .slide-form .uneditable-input.span5 {
        width: 426px;
    }

    .slide-form input.span4,
    .slide-form textarea.span4,
    .slide-form .uneditable-input.span4 {
        width: 326px;
    }

    .slide-form input.span3,
    .slide-form textarea.span3,
    .slide-form .uneditable-input.span3 {
        width: 226px;
    }

    .slide-form input.span2,
    .slide-form textarea.span2,
    .slide-form .uneditable-input.span2 {
        width: 126px;
    }
}

/*@media (min-width: 768px) and (max-width: 979px) {*/
@media (max-width: 979px) {
    .title {
        padding: .5em 0 0;
    }

    big {
        font-size: 4em;
    }

    #aiwa-footer {
        padding: .5em 0;
    }

    #aiwa-footer .desc {
        display: none;
    }

    #some {
        display: none;
    }

    .navbar-fixed-top .navbar-inner .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .navbar-fixed-top .navbar-inner .container .logo {
        /*    margin-left: 20px;*/
        margin-right: 20px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0px;
        margin-right: 0px;
    }

    .form-horizontal .control-label {
        width: 140px;
        height: 1.8em !important;
    }

    .form-horizontal .controls {
        margin-left: 160px;
    }

    .input-mini {
        width: 49px;
    }

    .form-actions {
        margin: 0;
        padding: 20px 0 0;
    }

    .slide-form .span6 {
        width: 322px;
    }

    .slide-form .span5 {
        width: 260px;
    }

    .slide-form .span4 {
        width: 198px;
    }

    .slide-form .span3 {
        width: 136px;
    }

    .slide-form .span2 {
        width: 74px;
    }

    .slide-form input.span6,
    .slide-form textarea.span6,
    .slide-form .uneditable-input.span6 {
        width: 308px;
    }

    .slide-form input.span5,
    .slide-form textarea.span5,
    .slide-form .uneditable-input.span5 {
        width: 246px;
    }

    .slide-form input.span4,
    .slide-form textarea.span4,
    .slide-form .uneditable-input.span4 {
        width: 184px;
    }

    .slide-form input.span3,
    .slide-form textarea.span3,
    .slide-form .uneditable-input.span3 {
        width: 122px;
    }

    .slide-form input.span2,
    .slide-form textarea.span2,
    .slide-form .uneditable-input.span2 {
        width: 60px;
    }
}

@media (max-width: 768px) {

    /*.container-main {*/
    /*    padding-top: 20px;*/
    /*}*/
    .title h1 {
        margin-top: 10px !important;
        margin-bottom: 10px !important;
        line-height: 1.2 !important;
    }

    .title h1 small {
        display: none;
    }

    .well {
        margin-top: 20px;
    }

    #aiwa-footer {
        position: relative;
        margin-top: 30px;
    }

    #aiwa-footer .navi {
        display: none;
    }

    #main-slider.jumbotron {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #main-slider h2 b {
        line-height: 1;
    }

    section {
        padding-top: 20px;
    }

    section .page-header {
        margin: 0 0 20px;
        padding-bottom: 0;
    }

    section,
    #aiwa-footer-global,
    #main-slider,
    #page-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .large option, .large select, .large textarea, .large input[type="text"], .large input[type="password"], .large input[type="datetime"], .large input[type="datetime-local"], .large input[type="date"], .large input[type="month"], .large input[type="time"], .large input[type="week"], .large input[type="number"], .large input[type="email"], .large input[type="url"], .large input[type="search"], .large input[type="tel"], .large input[type="color"], .large .uneditable-input, .large .ui-input {
        height: 40px;
    }

    .item-sideMain .input-append input,
    .btn-toolbar .input-append input,
    .btn-toolbar .btn {
        height: 42px !important;
    }

    /*.menu-opened .ui-rows,*/
    /*.menu-opened .item-body {*/
    /*    filter: blur(1px) grayscale(.5);*/
    /*}*/
    .ui-rows {
        margin-left: -20px;
        margin-right: -20px;
    }

    .form-horizontal .control-label {
        float: left;
        text-align: right;
        width: 140px;
    }

    .form-horizontal .control-label,
    .form-horizontal .controls-fixed {
        line-height: 1.8em !important;
        padding-top: 5px;
    }

    .form-horizontal .controls-fixed {
        padding-top: 0;
    }

    .control-label small {
        display: none;
    }

    .ui-amount,
    .controls {
        margin-left: 160px;
    }

    .well .control-label, .well .controls-fixed {
        width: 120px;
    }

    .well .controls {
        margin-left: 140px;
    }

    #systemInfo .control-label {
        text-align: left;
        padding-bottom: 0;
        margin-bottom: 0;
        font-weight: bold;
        width: 100%;
    }

    #systemInfo .controls {
        margin-left: 0;
        padding-top: 0;
        width: 100%;
        text-align: left;
    }

    .icon-chevron-left + b {
        display: none;
    }

    .icon-time {
        display: inline-block;
    }

    .icon-time + span {
        display: none;
    }

}

@media (max-width: 480px) {
    #page-container {
        box-sizing: border-box;
        width: 100%;
        overflow-x: clip;
    }

    .ui-amount > span {
        float: left;
        margin-right: 5px;
    }

    .ui-amount,
    .controls {
        margin-left: 0 !important;
    }

    .form-horizontal .control-label {
        text-align: left;
        float: none;
    }

    .form-horizontal .controls-fixed,
    .form-horizontal .controls-fixed .help-inline {
        padding: 0;
    }

    /*.control-label {*/
    /*    float: none;*/
    /*    padding-top: 0;*/
    /*    text-align: left;*/
    /*    width: auto !important;*/
    /*}*/
    .controls-row {
        margin-left: 0 !important;
    }

    .icon-user + span {
        display: none;
    }

    .btn-toolbar {
        padding-right: 0;
        padding-left: 0;
    }

    .ui-grid-cell .btn-toolbar {
        flex-direction: column;
    }

    .hide-xs {
        display: none !important;
    }

    .show-xs {
        display: inline-block !important;
    }

    .ui-rows {
        overflow-x: auto;
    }
}

.ui-table-container {
    position: relative;
}

.ui-table-tpl {
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    border: 1px solid var(--color-border);
    display: none;
    position: relative;
    z-index: 1;
}

.ui-table-tpl.in {
    display: block;
}

.ui-table-body {
    background: transparent;
}

.ui-table-body thead th {
    border-bottom: 1px solid var(--color-border);
}

.ui-table-body .alert {
    margin: 0;
}

.ui-table-toolbar {
    padding: 4px;
    border-bottom: 1px solid var(--color-border);
    background: var(--color-surface);
}

.ui-table-toolbar .help-inline {
    line-height: 32px;
}

.ui-container-shadow {
    /*box-shadow: 0 -30px 30px -4px #999999;*/
    box-shadow: 0 0 0 1px #D1D1D1, 0 0 4px 1px #CCCCCC;
}

.iwrapper {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.iscroller {
}

.files td {
    font-size: var(--font-size);
}

.ui-uploader {
    min-height: 200px;
}

.scan {
    margin-left: -10px;
    margin-right: -10px;
}

.scan > div {
    display: block;
    float: left;
    width: 180px;
    height: 260px;
    position: relative;
    margin: 0 9px;
}

.scan .doc {
    float: left;
    width: 180px;
    height: 240px;
    display: block;
    margin: 0 0 .5em;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    overflow: hidden;
    transition: all 0.2s ease-in-out 0s;
    position: relative;
}

.scan .doc .thumb {
    display: block;
    width: 180px;
    height: 240px;
    background-color: #efefef;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
}

.scan .doc .act {
    display: block;
    position: absolute;
    z-index: 1;
    inset: 0;
    padding: 10px;
}

.scan .doc:hover .act {
    display: block;
}

.scan .doc .act .action {
    cursor: pointer;
    text-align: center;
    display: block;
}

.scan .overlay {
    background-color: rgba(255, 255, 255, .8);
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.scan .doc:hover .overlay {
    opacity: 1;
}

.scan .info {
    display: block;
    position: relative;
    width: 100%;
    font-size: .8em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.scan .info-size {
    color: #999;
}

.scan .locked {
    background-color: rgba(255, 255, 255, .8);
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjM4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDM4IDQ4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4yLjIgKDk5ODMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPnByaXZhdGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iY29sbGVjdGlvbnMiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC02NTEuMDAwMDAwLCAtMzExLjAwMDAwMCkiIGZpbGw9IiMwMDAwMDAiPgogICAgICAgICAgICA8ZyBpZD0ibG9jayIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDcwLjAwMDAwMCwgMzExLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE4MSwyMCBMMjE5LDIwIEwyMTksNDggTDE4MSw0OCBMMTgxLDIwIEwxODEsMjAgWiBNMTg2LDIwIEwxODYsMTQgQzE4Niw2LjI1IDE5Mi4zNjM2MzYsMCAyMDAsMCBDMjA3LjYzNjM2NCwwIDIxNCw2LjI1IDIxNCwxNCBMMjE0LDIwIEwxODYsMjAgWiBNMTg2LDIwIEwyMTQsMjAgTDE4NiwyMCBaIE0xOTEsMjAgTDE5MSwxNCBDMTkxLDkgMTk1LjExNDI4Niw1IDIwMCw1IEMyMDQuODg1NzE0LDUgMjA5LDkgMjA5LDE0IEwyMDksMjAgTDE5MSwyMCBaIiBpZD0icHJpdmF0ZSIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.scan .action {
    border-radius: 50%;
    display: block;
    position: absolute;
}

.scan .action-view {
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjIxcHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDIxIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zICgxMTk3MCkgLSBodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2ggLS0+CiAgICA8dGl0bGU+c2xpZGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iZWRpdCIgc2tldGNoOnR5cGU9Ik1TQXJ0Ym9hcmRHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4MS4wMDAwMDAsIC02MjAuMDAwMDAwKSIgZmlsbD0iIzAwMDAwMCI+CiAgICAgICAgICAgIDxnIGlkPSJmb3JtLTQtY29weS03IiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxNzIuMDAwMDAwLCA1ODUuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0iTS1Db3B5LTIiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI2MC4wMDAwMDAsIDI3LjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJzbGlkZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDAuMDAwMDAwLCAwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjAwMDAwMCwgOC4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xOS44MDc2OTIzLDIgTDEwLjE5MjMwNzcsMiBDMTAuMTQwMjIyNCwyIDEwLjA5NTE1MDIsMi4wMTk3OTM3NSAxMC4wNTcwOTEzLDIuMDU5Mzc1IEMxMC4wMTkwMzI1LDIuMDk4OTU2MjUgMTAsMi4xNDU4MzEyNSAxMCwyLjIgTDEwLDkuOCBDMTAsOS44NTQxNjg3NSAxMC4wMTkwMzI1LDkuOTAxMDQzNzUgMTAuMDU3MDkxMyw5Ljk0MDYyNSBDMTAuMDk1MTUwMiw5Ljk4MDIwNjI1IDEwLjE0MDIyMjQsMTAgMTAuMTkyMzA3NywxMCBMMTkuODA3NjkyMywxMCBDMTkuODU5Nzc3NiwxMCAxOS45MDQ4NDk4LDkuOTgwMjA2MjUgMTkuOTQyOTA4Nyw5Ljk0MDYyNSBDMTkuOTgwOTY3NSw5LjkwMTA0Mzc1IDIwLDkuODU0MTY4NzUgMjAsOS44IEwyMCwyLjIgQzIwLDIuMTQ1ODMxMjUgMTkuOTgwOTY3NSwyLjA5ODk1NjI1IDE5Ljk0MjkwODcsMi4wNTkzNzUgQzE5LjkwNDg0OTgsMi4wMTk3OTM3NSAxOS44NTk3Nzc2LDIgMTkuODA3NjkyMywyIEwxOS44MDc2OTIzLDIgWiBNOS41MDAzNDcyOCwyIEwxOSwyIEwxOSwxIEwxNC41LDEgTDIwLDEgQzIwLjI3NSwxIDIwLjUxMDQxODcsMS4xMDE5OTg3IDIwLjcwNjI1LDEuMzA1OTg5NTggQzIwLjkwMjA4MTIsMS41MDk5ODA0NyAyMSwxLjc1NTIwODMzIDIxLDIuMDQxNjY2NjcgTDIxLDkuOTU4MzMzMzMgQzIxLDEwLjI0NDc5MTcgMjAuOTAyMDgxMiwxMC40OTAwMTk1IDIwLjcwNjI1LDEwLjY5NDAxMDQgQzIwLjUxMDQxODcsMTAuODk4MDAxMyAyMC4yNzUsMTEgMjAsMTEgTDE0LjUsMTEgTDE5LDExIEwxOSwxMCBMOS41MDAzNDcyOCwxMCBMMTAsMTAgTDEwLDIgTDkuNTAwMzQ3MjgsMiBaIiBpZD0iU2hhcGUtQ29weS0zIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTAuODA3NjkyMywyIEwxLjE5MjMwNzY5LDIgQzEuMTQwMjIyMzYsMiAxLjA5NTE1MDI0LDIuMDE5NzkzNzUgMS4wNTcwOTEzNSwyLjA1OTM3NSBDMS4wMTkwMzI0NSwyLjA5ODk1NjI1IDEsMi4xNDU4MzEyNSAxLDIuMiBMMSw5LjggQzEsOS44NTQxNjg3NSAxLjAxOTAzMjQ1LDkuOTAxMDQzNzUgMS4wNTcwOTEzNSw5Ljk0MDYyNSBDMS4wOTUxNTAyNCw5Ljk4MDIwNjI1IDEuMTQwMjIyMzYsMTAgMS4xOTIzMDc2OSwxMCBMMTAuODA3NjkyMywxMCBDMTAuODU5Nzc3NiwxMCAxMC45MDQ4NDk4LDkuOTgwMjA2MjUgMTAuOTQyOTA4Nyw5Ljk0MDYyNSBDMTAuOTgwOTY3NSw5LjkwMTA0Mzc1IDExLDkuODU0MTY4NzUgMTEsOS44IEwxMSwyLjIgQzExLDIuMTQ1ODMxMjUgMTAuOTgwOTY3NSwyLjA5ODk1NjI1IDEwLjk0MjkwODcsMi4wNTkzNzUgQzEwLjkwNDg0OTgsMi4wMTk3OTM3NSAxMC44NTk3Nzc2LDIgMTAuODA3NjkyMywyIEwxMC44MDc2OTIzLDIgWiBNMTEuNDk5NjQ5OCwyIEwyLDIgTDIsMSBMNi41LDEgTDYuNSwxIEwxLDEgQzAuNzI1LDEgMC40ODk1ODEyNSwxLjEwMTk5ODcgMC4yOTM3NSwxLjMwNTk4OTU4IEMwLjA5NzkxODc1LDEuNTA5OTgwNDcgLTcuMTA1NDI3MzZlLTE1LDEuNzU1MjA4MzMgLTcuMTA1NDI3MzZlLTE1LDIuMDQxNjY2NjcgTC03LjEwNTQyNzM2ZS0xNSw5Ljk1ODMzMzMzIEMtNy4xMDU0MjczNmUtMTUsMTAuMjQ0NzkxNyAwLjA5NzkxODc1LDEwLjQ5MDAxOTUgMC4yOTM3NSwxMC42OTQwMTA0IEMwLjQ4OTU4MTI1LDEwLjg5ODAwMTMgMC43MjUsMTEgMSwxMSBMNi41LDExIEw2LjUsMTEgTDIsMTEgTDIsMTAgTDExLjQ5OTY0OTgsMTAgTDExLDEwIEwxMSwyIEwxMS40OTk2NDk4LDIgWiIgaWQ9IlNoYXBlLUNvcHktNCI+PC9wYXRoPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTgsMy41IEM4LDMuOTE2NjY0MDYgNy44NTQxNjQwNiw0LjI3MDgzNTk0IDcuNTYyNSw0LjU2MjUgQzcuMjcwODM1OTQsNC44NTQxNjQwNiA2LjkxNjY2NDA2LDUgNi41LDUgQzYuMDgzMzM1OTQsNSA1LjcyOTE2NDA2LDQuODU0MTY0MDYgNS40Mzc1LDQuNTYyNSBDNS4xNDU4MzU5NCw0LjI3MDgzNTk0IDUsMy45MTY2NjQwNiA1LDMuNSBDNSwzLjA4MzMzNTk0IDUuMTQ1ODM1OTQsMi43MjkxNjQwNiA1LjQzNzUsMi40Mzc1IEM1LjcyOTE2NDA2LDIuMTQ1ODM1OTQgNi4wODMzMzU5NCwyIDYuNSwyIEM2LjkxNjY2NDA2LDIgNy4yNzA4MzU5NCwyLjE0NTgzNTk0IDcuNTYyNSwyLjQzNzUgQzcuODU0MTY0MDYsMi43MjkxNjQwNiA4LDMuMDgzMzM1OTQgOCwzLjUgTDgsMy41IFogTTE2LDYuNSBMMTYsMTAgTDUsMTAgTDUsOC41IEw3LjUsNiBMOC43NSw3LjI1IEwxMi43NSwzLjI1IEwxNiw2LjUgTDE2LDYuNSBaIE0xNi43NSwxIEw0LjI1LDEgQzQuMTgyMjg5MDYsMSA0LjEyMzY5NTMxLDEuMDI0NzQyMTkgNC4wNzQyMTg3NSwxLjA3NDIxODc1IEM0LjAyNDc0MjE5LDEuMTIzNjk1MzEgNCwxLjE4MjI4OTA2IDQsMS4yNSBMNCwxMC43NSBDNCwxMC44MTc3MTA5IDQuMDI0NzQyMTksMTAuODc2MzA0NyA0LjA3NDIxODc1LDEwLjkyNTc4MTIgQzQuMTIzNjk1MzEsMTAuOTc1MjU3OCA0LjE4MjI4OTA2LDExIDQuMjUsMTEgTDE2Ljc1LDExIEMxNi44MTc3MTA5LDExIDE2Ljg3NjMwNDcsMTAuOTc1MjU3OCAxNi45MjU3ODEyLDEwLjkyNTc4MTIgQzE2Ljk3NTI1NzgsMTAuODc2MzA0NyAxNywxMC44MTc3MTA5IDE3LDEwLjc1IEwxNywxLjI1IEMxNywxLjE4MjI4OTA2IDE2Ljk3NTI1NzgsMS4xMjM2OTUzMSAxNi45MjU3ODEyLDEuMDc0MjE4NzUgQzE2Ljg3NjMwNDcsMS4wMjQ3NDIxOSAxNi44MTc3MTA5LDEgMTYuNzUsMSBMMTYuNzUsMSBaIE0xOCwxLjI1IEwxOCwxMC43NSBDMTgsMTEuMDkzNzUgMTcuODc3NjAxNiwxMS4zODgwMjM0IDE3LjYzMjgxMjUsMTEuNjMyODEyNSBDMTcuMzg4MDIzNCwxMS44Nzc2MDE2IDE3LjA5Mzc1LDEyIDE2Ljc1LDEyIEw0LjI1LDEyIEMzLjkwNjI1LDEyIDMuNjExOTc2NTYsMTEuODc3NjAxNiAzLjM2NzE4NzUsMTEuNjMyODEyNSBDMy4xMjIzOTg0NCwxMS4zODgwMjM0IDMsMTEuMDkzNzUgMywxMC43NSBMMywxLjI1IEMzLDAuOTA2MjUgMy4xMjIzOTg0NCwwLjYxMTk3NjU2MiAzLjM2NzE4NzUsMC4zNjcxODc1IEMzLjYxMTk3NjU2LDAuMTIyMzk4NDM4IDMuOTA2MjUsMCA0LjI1LDAgTDE2Ljc1LDAgQzE3LjA5Mzc1LDAgMTcuMzg4MDIzNCwwLjEyMjM5ODQzNyAxNy42MzI4MTI1LDAuMzY3MTg3NSBDMTcuODc3NjAxNiwwLjYxMTk3NjU2MyAxOCwwLjkwNjI1IDE4LDEuMjUgTDE4LDEuMjUgWiIgaWQ9IlNoYXBlLUNvcHkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat scroll 50% 50% / 80px auto;
}

.scan .action-cancel {
    height: 100px;
    width: 100px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEycHgiIGhlaWdodD0iMTJweCIgdmlld0JveD0iMCAwIDEyIDEyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4yLjIgKDk5ODMpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPmNsb3NlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9ImNvbGxlY3Rpb24iIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHNrZXRjaDp0eXBlPSJNU1BhZ2UiPgogICAgICAgIDxnIGlkPSLQmtC+0LvQu9C10LrRhtC40LgiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC03NDguMDAwMDAwLCAtMjgwLjAwMDAwMCkiIGZpbGw9IiM5OTk5OTkiPgogICAgICAgICAgICA8ZyBpZD0idG9vbHRpcCIgc2tldGNoOnR5cGU9Ik1TTGF5ZXJHcm91cCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTI0LjAwMDAwMCwgMjYxLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTIyNCwxOS44ODY0MDg4IEwyMjQuODg2NDA5LDE5IEwyMjkuNzYxNjU3LDIzLjg3NTI0ODYgTDIzNC42MzY5MDYsMTkgTDIzNS41MjMzMTUsMTkuODg2NDA4OCBMMjMwLjY0ODA2NiwyNC43NjE2NTc1IEwyMzUuNTIzMzE1LDI5LjYzNjkwNjEgTDIzNC42MzY5MDYsMzAuNTIzMzE1IEwyMjkuNzYxNjU3LDI1LjY0ODA2NjMgTDIyNC44ODY0MDksMzAuNTIzMzE1IEwyMjQsMjkuNjM2OTA2MSBMMjI4Ljg3NTI0OSwyNC43NjE2NTc1IEwyMjQsMTkuODg2NDA4OCBaIiBpZD0iY2xvc2UiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+") no-repeat scroll 50% 50% / 50px auto;
}

.scan .action-sheet {
    background: rgba(255, 255, 255, .2) url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjQwcHgiIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAwIDQwIDQwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5PdmFsIDEgKyBXIENvcHkgMTc8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBza2V0Y2g6dHlwZT0iTVNQYWdlIj4KICAgICAgICA8ZyBpZD0iZW1wdHkiIHNrZXRjaDp0eXBlPSJNU0FydGJvYXJkR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQxLjAwMDAwMCwgLTEzOTAuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSJPdmFsLTEtKy1XLUNvcHktMTciIHNrZXRjaDp0eXBlPSJNU0xheWVyR3JvdXAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwNDEuMDAwMDAwLCAxMzkwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iT3ZhbC0xIiBmaWxsPSIjRkZGRkZGIiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiBjeD0iMjAiIGN5PSIyMCIgcj0iMjAiPjwvY2lyY2xlPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTE1LDI4IEMxNi42NTY4NTQyLDI4IDE4LDI2LjY1Njg1NDIgMTgsMjUgQzE4LDI0LjE3MDkxNjMgMTcuOTk2NDMzMiwxNyAxNy45OTY0MzMyLDE3IEwxMiwxNyBMMTIsMjUgQzEyLDI2LjY1Njg1NDIgMTMuMzQzMTQ1OCwyOCAxNSwyOCBaIE0xNSwyNiBDMTUuNTUyMjg0NywyNiAxNiwyNS41NTIyODQ3IDE2LDI1IEwxNiwxOSBMMTQsMTkgTDE0LDI1IEMxNCwyNS41NTIyODQ3IDE0LjQ0NzcxNTMsMjYgMTUsMjYgWiIgaWQ9Ik92YWwtMjY3LUNvcHktMiIgZmlsbD0iIzg4ODg4OCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LDIyLjE3MDcwNTcgQzI3LjE2NTE5MjQsMjIuNTgyNTQyMSAyOCwyMy42OTM3ODEyIDI4LDI1IEMyOCwyNi42NTY4NTQyIDI2LjY1Njg1NDIsMjggMjUsMjggQzIzLjY5Mzc4MTIsMjggMjIuNTgyNTQyMSwyNy4xNjUxOTI0IDIyLjE3MDcwNTcsMjYgTDI1LDI2IEMyNS41NTIyODQ3LDI2IDI2LDI1LjU1MjI4NDcgMjYsMjUgTDI2LDIyLjE3MDcwNTcgWiIgaWQ9Ik92YWwtMjY3LUNvcHktMyIgZmlsbD0iIzg4ODg4OCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZS04MzItQ29weSIgZmlsbD0iIzg4ODg4OCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMTUiIHk9IjI2IiB3aWR0aD0iMTAiIGhlaWdodD0iMiI+PC9yZWN0PgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTI2LDI1IEwyOCwyNSBMMjgsMTMgTDE2LDEzIEwxNiwyNSBMMTgsMjUgTDE4LDE1IEwyNiwxNSBMMjYsMjUgWiIgaWQ9IlJlY3RhbmdsZS00NDMiIGZpbGw9IiM4ODg4ODgiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtODMyIiBmaWxsPSIjODg4ODg4IiBza2V0Y2g6dHlwZT0iTVNTaGFwZUdyb3VwIiB4PSIyMCIgeT0iMTciIHdpZHRoPSIzIiBoZWlnaHQ9IjIiPjwvcmVjdD4KICAgICAgICAgICAgICAgIDxyZWN0IGlkPSJSZWN0YW5nbGUtODMyLUNvcHktMiIgZmlsbD0iIzg4ODg4OCIgc2tldGNoOnR5cGU9Ik1TU2hhcGVHcm91cCIgeD0iMjAiIHk9IjIxIiB3aWR0aD0iNCIgaGVpZ2h0PSIyIj48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat scroll 50% 50% / 50px auto;
}

.scan .action-trash {
    height: 32px;
    width: 32px;
    top: 10px;
    left: 10px;
    background: transparent url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjExcHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDExIDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbG5zOnNrZXRjaD0iaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoL25zIj4KICAgIDwhLS0gR2VuZXJhdG9yOiBTa2V0Y2ggMy4zLjMgKDEyMDgxKSAtIGh0dHA6Ly93d3cuYm9oZW1pYW5jb2RpbmcuY29tL3NrZXRjaCAtLT4KICAgIDx0aXRsZT5kZWxldGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0icmV2aWV3cyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc2tldGNoOnR5cGU9Ik1TUGFnZSI+CiAgICAgICAgPGcgaWQ9InJldmlldy1hZGQtMTAyNC1jb3B5IiBza2V0Y2g6dHlwZT0iTVNBcnRib2FyZEdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNzA3LjAwMDAwMCwgLTY3OC4wMDAwMDApIiBmaWxsPSIjMDAwMDAwIj4KICAgICAgICAgICAgPGcgaWQ9InBvcHVwIiBza2V0Y2g6dHlwZT0iTVNMYXllckdyb3VwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzMi4wMDAwMDAsIDQwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPGcgaWQ9ImRlbGV0ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNjY0LjAwMDAwMCwgNjI5LjAwMDAwMCkiIHNrZXRjaDp0eXBlPSJNU1NoYXBlR3JvdXAiPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xMSwxMCBMMjIsMTAgTDIyLDEyIEwxMSwxMiBMMTEsMTAgWiBNMTQsOSBMMTksOSBMMTksMTAgTDE0LDEwIEwxNCw5IFogTTEyLDEzIEwyMSwxMyBMMjEsMjMgTDEyLDIzIEwxMiwxMyBaIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==") no-repeat scroll 50% 50% / 14px auto;
}

.scan .action-with-hint span {
    line-height: 32px;
    font-size: 12px;
    margin-left: 16px;
    padding-left: 20px;
    display: block;
    position: absolute;
    color: #000;
    opacity: 0;
    text-shadow: 0 1px 0 #fff;
    transform: translateX(-10px);
    transition: opacity 0.2s ease 0s, transform 0.2s ease 0s;
    will-change: transform, opacity;
}

.scan .action-with-hint:hover span {
    opacity: 1;
    transform: translateX(0px);
}

.text-danger {
    color: var(--color-error);
}

.text-warning {
    color: var(--color-warning);
}

.top-label {
    position: relative;
    display: inline-block;
    padding: 0 1rem;
    margin: .2rem 0;
    font: 2.75em/2 "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
    color: #274466;
    white-space: nowrap;
    background-color: #cce5ff;
    border-radius: var(--border-radius);
    text-transform: uppercase;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    cursor: default;
    /*box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;*/
}

.ui-state-offered .top-label {
    background-color: #cc8401;
    color: #fff;
}

.canceled .top-label {
    text-decoration: line-through;
}

.canceled .top-label:after {
    content: attr(data-canceled);
    position: absolute;
    display: block;
    right: 5px;
    top: 5px;
    font-size: 10px;
    line-height: 1;
    color: red;
}

.hide-on-canceled {
    display: block;
}

.canceled .hide-on-canceled {
    display: none !important;
    opacity: 0;
    z-index: -10000;
    position: relative;
}

.show-on-canceled {
    display: none;
}

.canceled .show-on-canceled {
    display: block;
}

.top-link {
    margin: 1rem 0;
}

.alert:empty {
    display: none;
}

.title h1 small {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.ui-promo-code:empty {
    display: none;
}

.ui-promo-code:not(:empty) {
    margin: .5rem 1rem .5rem 0;
    font-weight: bold;
    display: inline-block;
}

.ui-promo-code:not(:empty):before {
    content: attr(data-name);
    display: inline-block;
    padding-right: .2rem;
    font-weight: normal;
}

.icon-chevron-left + b {
    font-weight: normal;
}

.ui-inline {
    display: inline-block;
}

label.ui-inline {
    margin: 0;
}

.card {
    position: relative;
    padding: 2rem;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 1px 3px 0 rgba(0, 0, 0, .12);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

@media (max-width: 746px) {
    .card {
        padding: 1.5rem;
    }

    .card-clear {
        padding: 0;
    }

    .form-horizontal .control-label {
        opacity: .5;
    }

    .form-horizontal .controls-fixed .help-inline {
        /*padding: 0;*/
        margin-bottom: 5px;
    }
}


/*.card.calculator:before {*/
/*    position: absolute;*/
/*    z-index: 1;*/
/*    left: 0;*/
/*    top: 0;*/
/*    color: #000;*/
/*    background: transparent;*/
/*    font-size: 10px;*/
/*    padding: 4px 5px;*/
/*    border-radius: 6px 0;*/
/*    line-height: 1;*/
/*}*/

/*.ui-state-clear .card.calculator:before {*/
/*    content: 'draft';*/
/*    color: #333;*/
/*    background: #ccc;*/
/*}*/

/*:lang(ru) .ui-state-clear .card.calculator:before {*/
/*    content: 'черновик';*/
/*}*/

/*:lang(ua) .ui-state-clear .card.calculator:before,*/
/*:lang(uk) .ui-state-clear .card.calculator:before {*/
/*    content: 'чернетка';*/
/*}*/

/*.ui-state-approve .card.calculator:before {*/
/*    content: 'approved';*/
/*    color: #fff;*/
/*    background: #52cd54;*/
/*}*/

/*:lang(ru) .ui-state-approve .card.calculator:before {*/
/*    content: 'готово';*/
/*}*/

/*:lang(ua) .ui-state-approve .card.calculator:before,*/
/*:lang(uk) .ui-state-approve .card.calculator:before {*/
/*    content: 'готово';*/
/*}*/

/*.ui-state-cancel .card.calculator:before {*/
/*    content: 'canceled';*/
/*    color: #fff;*/
/*    background: #ed1c24;*/
/*}*/

/*:lang(ru) .ui-state-cancel .card.calculator:before {*/
/*    content: 'удалено';*/
/*}*/

/*:lang(ua) .ui-state-cancel .card.calculator:before,*/
/*:lang(uk) .ui-state-cancel .card.calculator:before {*/
/*    content: 'видалено';*/
/*}*/

/*.canceled .card.calculator:before {*/
/*    content: 'terminated';*/
/*    color: #fff;*/
/*    background: #000;*/
/*}*/

/*:lang(ru) .canceled .card.calculator:before {*/
/*    content: 'расторжено';*/
/*}*/

/*:lang(ua) .canceled .card.calculator:before,*/
/*:lang(uk) .canceled .card.calculator:before {*/
/*    content: 'розірваний';*/
/*}*/

/*.card.calculator {*/
/*    background-color: #f5f5f5;*/
/*}*/

/*.card.calculator .btn-primary {*/
/*    margin-bottom: .5rem;*/
/*}*/

/*.card.calculator.card-clear {*/
/*    background: transparent;*/
/*    box-shadow: none;*/
/*    border: none;*/
/*}*/

/*.card.calculator.card-clear:before {*/
/*    display: none;*/
/*}*/

.row-fluid .add-on {
    line-height: 1rem;
    height: 1rem;
}

.btn[class*="span"] {
    margin-left: 0;
}

.ui-processing {
    user-select: none;
    overflow: hidden;
}

.ui-processing::before {
    content: '';
    position: fixed;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: var(--color-background);
    opacity: .9;
    cursor: wait;
}

.ui-processing::after {
    content: 'loading...';
    position: fixed;
    z-index: 3;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

:lang(ru) .ui-processing:after {
    content: 'загрузка...';
}

:lang(ua) .ui-processing:after,
:lang(uk) .ui-processing:after {
    content: 'завантаження...';
}

#otp .modal-body {
    padding-left: 25px;
    padding-right: 25px;
}

.ui-itemPanel[data-type='pulse'] .hide-for-hb,
.ui-itemPanel[data-type='hb'] .hide-for-hb,
.ui-itemPanel[data-type='doc'] .hide-for-doc {
    display: none !important;
}

.navbar .nav > li .dropdown-toggle {
    border-radius: 4px;
}

.dropdown-menu > li > a {
    padding-top: auto;
    padding-bottom: auto;
    line-height: 2.5;
}

.navbar .nav > li > a.external {
    background-position: 100% 11px;
    padding-right: 20px;
}

.navbar .nav > li > a.external:hover {
    background-position: right -37px;
}

.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
    background: transparent;
    padding: .5rem 0;
}

.navbar-fixed-top .navbar-inner .container {
    box-sizing: border-box;
    height: 72px;
    background: var(--color-background);
}

.ui-affix {
    border: none !important;
}

.ui-affix.affix {
    border-radius: 0;
    transition: box-shadow .2s ease-in-out;
}

.btn-toolbar.affix .btn-group-glass:after {
    content: '';
    position: absolute;
    inset: -8px;

    border-radius: 64px !important;
    pointer-events: none;

    border: 1px solid hsl(from var(--color-text) h s l / .025);
    background: hsl(from var(--color-background) h s l / .75);
    backdrop-filter: blur(3px);
    /*filter: url(#glass-distortion);*/
    box-shadow: -1px -1px 1px -1px hsl(from var(--color-text) h s l / .5),
    1px 1px 1px -1px hsl(from var(--color-text) h s l / .5);
}

.navbar-inner {
    background: transparent;
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: none;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}

.navbar-inverse .navbar-inner {
    filter: none;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
    background-color: var(--color-primary);
    color: #fff;
}

.navbar-inverse .nav > li > a {
    color: #ddd;
    text-shadow: none;
}

.navbar-inverse .btn-navbar {
    background: var(--color-primary) !important;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    margin-top: 4px !important;
}

@media (max-width: 979px) {
    .navbar-fixed-top .navbar-inner,
    .navbar-fixed-bottom .navbar-inner {
        background-position: 0 -21px;
    }

    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding: 0 2px;
    }

}

.navbar .btn-group {
    padding-top: 2px;
}

.navbar .btn {
    padding: 8px 10px;
}

.subnav-fixed {
    position: fixed;
    z-index: 10;
    top: 81px;
    padding: 0;
    background-color: #eeeeee; /* Old browsers */
    background-repeat: repeat-x; /* Repeat the gradient */
    background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f5f5), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
    background-image: -ms-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* IE10+ */
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* Opera 11.10+ */
    filter: none; /* IE6-9 */
    background-image: linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* W3C */
    border: 1px solid #e5e5e5;
    border-left: none;
    border-right: none;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover {
    background-color: #362F2D;
}

.ui-aiwa .caret {
    border-top-color: var(--color-text) !important;
    border-bottom-color: var(--color-text) !important;
}

.ui-aiwa .caret,
.ui-aiwa .ui-caret {
    transition: transform .2s ease-in-out;
    opacity: .5;
}

.nav-tabs .dropdown-toggle .caret,
.nav-pills .dropdown-toggle .caret {
    border-top-color: var(--color-border);
    border-bottom-color: var(--color-border);
}

.nav-tabs .dropdown-toggle:hover .caret,
.nav-pills .dropdown-toggle:hover .caret {
    border-top-color: var(--color-border);
    border-bottom-color: var(--color-border);
}

.in .caret,
.in .ui-caret {
    transform: rotate(180deg);
}

.alert {
    color: #5f504b;
}

.logo {
    box-sizing: border-box;
    line-height: 38px;
    color: #777;
    font-size: 14pt;
    font-weight: bold;
    position: relative;
    margin-right: 100px;
    z-index: 1;
    width: 174px;
    height: 38px;
}

.logo:before,
.logo:after {
    display: block;
    position: absolute;
    top: auto;
    left: 0;
    bottom: -.75rem;
    z-index: -1;
    line-height: 1;
    font-size: 9px;
    font-weight: 200;
    white-space: nowrap;
}

.logo:before {
    content: attr(data-build);
    pointer-events: none;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateY(0);
    will-change: transform;
    opacity: 0;
}

.logo:hover:before {
    opacity: 1;
    transform: translateY(10px);
}

.logo:after {
    content: "powered by AIWA v5.5";
    left: 174px;
    top: -14px;
}

:lang(ru) .logo:after {
    content: "работает на AIWA v5.5";
}

:lang(ua) .logo:after,
:lang(uk) .logo:after {
    content: "працює на AIWA v5.5";
}

.logo {
    position: relative;
}

.logo a {
    display: inline-block;
    margin-top: 0;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    text-decoration: none;
    color: inherit;
    width: 174px;
    height: 38px;
    position: relative;
    background: var(--logo);
}

.logo a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 38px;
    height: 38px;
    background: #fff;
    z-index: -1;
}

.ui-color-theme-btn {
    display: none;
}

.ui-inlined span {
    color: #777;
}

.accordion-heading {
    color: var(--color-primary) !important;
}

ul.ui-autocomplete li .ui-state-hover {
    background-color: var(--color-primary) !important;
}

.ui-datepicker.ui-widget-content,
.ui-menu.ui-widget-content {
    border-color: var(--color-primary) !important;
}

/* OTHER */
.navbar-fixed-top .brand {
    margin-left: 0;
}

@media (min-width: 768px) and (max-width: 979px) {
    .subnav-fixed {
        position: static;
    }
}

.page-header {
    border-bottom: none;
}

.strong {
    font-weight: bold;
}

.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: var(--color-surface);
}

.popover-title {
    background-color: #fff;
    border-color: #FFb850;
}

.popover {
    background-color: #FDF0D5;
}

.title {
    padding: 16px 0 0;
    border: 0;
}

.title h1 {
    color: var(--color-secondary);
    padding: 0;
    margin: 0;
    font-size: 22pt;
    font-weight: bold;
}

.title h1 span {
    display: inline-block;
    position: relative;
    text-transform: uppercase;
    letter-spacing: -.02em;
    /*font-weight: 300;*/

    /*color: var(--color-background);*/
    /*background-color: var(--color-background);*/
    /*text-shadow:*/
    /*        -1px -1px 0 var(--color-text),*/
    /*        1px -1px 0 var(--color-text),*/
    /*        -1px 1px 0 var(--color-text),*/
    /*        1px 1px 0 var(--color-text);*/
}

/*.title h1 span:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -10px;*/
/*    left: 0;*/
/*    width: 100px;*/
/*    height: 5px;*/
/*    background: var(--color-primary);*/
/*    border-radius: 4px;*/
/*}*/

.title h1 small {
    /*margin-left: 1rem;*/
    text-transform: none;
    font-weight: normal;
    display: block;
}

.navbar.navbar-inverse .strong a {
    font-weight: bold;
    color: #fff;
}

a.thumbnail:hover {
    border-color: #ff8800;
}

div.tos h2 {
    font-size: 2.1em !important;
}

.table th, .table td {
    border-top: 1px solid var(--color-border);
}

.table tr:first-child th, .table tr:first-child td {
    border-top: none;
}

.table.handbooks td.td-icons {
    width: 16px;
    border-top-color: transparent;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
    background-color: var(--color-primary);
}

div.tos, div.bos {
    background: none repeat scroll 0 0 #f4f4f4 !important;
}

.summa-desc {
    margin-bottom: 1rem;
    font-size: smaller;
}

.ui-aiwa .summa-desc th {
    box-shadow: none;
}

.ui-aiwa .summa-desc th,
div.tos p.header {
    border-bottom-color: var(--color-border) !important;
}

.progress-warning.progress-striped .bar,
.progress-striped .bar-warning {
    background-color: #62c462;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

.navbar-inner .container {
    padding-bottom: 0;
}

.noview {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    background: url('/i/eye.gif') no-repeat 50% 50% transparent;
}

.ui-nodata.noview {
    height: 200px;
}

.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
    background-color: #DDDDDD;
}

.tab-content > .active, .pill-content > .active {
    padding-top: 2px;
}

.center-block-3 {
    margin: 0 auto;
    width: 300px;
}

.center-block-4 {
    margin: 0 auto;
    width: 400px;
}

.center-block-5 {
    margin: 0 auto;
    width: 500px;
}

.center-block-6 {
    margin: 0 auto;
    width: 600px;
}

#aiwa-footer {
    padding: .5em 0;
}

#aiwa-footer a {
    color: #777;
}

#aiwa-footer .navi {
    float: right;
}

table.fixed {
    font-size: 0.85em;
}

.navbar .nav a {
    position: relative;
    font-size: 14px;
    padding: .5rem 1rem !important;
    display: inline-block;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
    background-color: transparent;
    box-shadow: none;
    color: var(--color-primary);
    font-weight: normal !important;
}

.navbar .nav > .active > a:before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--color-primary);
    opacity: .1;
    border-radius: 1rem;
}

.btn-toolbar {
    border-top-color: transparent;
    width: 100%;
}

.btn-toolbar.affix {
    position: sticky;
    top: 0;
    z-index: 100;
}

@media (max-width: 979px) {
    .btn-toolbar.affix {
        /*position: absolute;*/
        /*position: fixed !important;*/
        top: 0 !important;
        left: .5rem !important;
        right: .5rem !important;
    }

    .btn-toolbar.affix:after {
        border-radius: 0;
    }

    #jquery-stickers {
        box-sizing: border-box;
        inset: 5px 5px auto 5px !important;
        width: auto !important;
        margin-left: 0 !important;
    }

    #jquery-stickers .stick {
        box-sizing: border-box;
        width: 100% !important;
        margin: 0;
        border-radius: 0;
    }
}

.row-headers > div {
    padding-bottom: 1em;
}

.ui-group-valid .ui-title {
    font-weight: bold;
}

.ui-success {
    display: none;
}

.ui-group-valid .ui-success {
    display: inline-block;
}

.btn-primary {
    color: #fff;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover {
    color: #fff;
    background-color: #455665;
    border-color: #455665;
}

.btn-primary:focus, .btn-primary.focus {
    color: #fff;
    background-color: #455665;
    border-color: #455665;
}

.btn-primary:active, .btn-primary.active,
.open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #455665;
    background-image: none;
    border-color: #455665;
}

.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus,
.open > .btn-primary.dropdown-toggle:hover,
.open > .btn-primary.dropdown-toggle:focus,
.open > .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #455665;
    border-color: #455665;
}

.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary.disabled:hover, .btn-primary:disabled:hover {
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {

}

.btn-primary.disabled,
.btn-primary[disabled] {
    color: #777;
    background-color: #fff;
    border-color: var(--color-primary);
}

.controls {
    position: relative;
    margin-left: 0;
    white-space: normal;
}

.row-fluid [class*="span"] {
    min-height: 34px;
}

.row-fluid input,
.row-fluid .add-on {
    box-sizing: border-box;
    min-height: 34px;
    line-height: 22px;
}

.row-fluid input[type=checkbox],
.row-fluid input[type=radio] {
    min-height: auto;
}

.row-fluid .controls {
    position: relative;
}

.row-fluid .select2-container {
    margin-left: 0;
    position: absolute;
}

.row-fluid .select2-dropdown-open {
    margin-top: -32px;
}

@media (max-width: 767px) {
    .row-fluid .input-append {
        position: relative;
    }

    .row-fluid .add-on {
        position: absolute;
        right: 0;
    }

    .row-fluid .input-append {
        width: 100%;
    }

    .row-fluid .input-append input {
        width: 100%;
    }
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
    margin-left: 0;
}

.row-fluid .input-append .s4,
.row-fluid .input-append .s6,
.row-fluid .input-append .s8 {
    display: inline-block;
}

.row-fluid .input-append .s4 {
    width: 34%;
}

.row-fluid .input-append .s6 {
    width: 50%;
}

.row-fluid .input-append .s8 {
    width: 66%;
}

.row-fluid .input-append .s6 > *:first-child {
    width: 100%;
}

.row-fluid .input-append input,
.row-fluid .input-append select,
.row-fluid .input-append .uneditable-input {
    border-radius: 4px !important;
}

.ui-state-approve div[data-form-show-on-approve="1"] {
    display: block !important;
}

.ui-offers-list {
    display: block;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    padding: 3px;
    margin-bottom: 1rem;
    border-radius: 6px;
    border: 1px solid rgba(125, 125, 125, .3);
    background: transparent;
}

.ui-offer {
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: .5rem .5rem .5rem 100px;
    cursor: pointer;
    border: 1px solid rgba(125, 125, 125, .3);
    border-radius: 0;
    z-index: 2;
    margin-top: -1px;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.6, 1);
}

.ui-offer:first-child {
    z-index: 1;
    margin-top: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-offer:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-offer:hover,
.ui-offer.active {
    background: #fff;
}

.ui-offer.error {
    padding-left: .5rem;
    color: #ED1C24;
}

.ui-offer.active {
    border-color: var(--color-primary);
    /*z-index: 3;*/
    cursor: default;
}

.ui-offer .ui-amount {
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
    margin: 0;
    padding: 0;
}

.ui-offer.active .ui-amount {
    font-weight: bold;
}

.ui-offers-list.multi .ui-offer.best:after {
    content: 'best';
    position: absolute;
    right: 1rem;
    top: 16px;
    padding: 3px 5px;
    background: gold;
    color: black;
    font-size: 10px;
    border-radius: 2px;
    line-height: 1;
}

.ui-readonly .ui-offers-list .ui-offer:not(.active),
.ui-state-approve .ui-offers-list .ui-offer:not(.active) {
    display: none !important;
}

.ui-offer-filter-clear {
    display: none;
}

.ui-dataview[data-multi='1'] + .ui-itemPanel .ui-offer-filter-clear {
    display: block;
}

.ui-readonly .ui-offer-filter-clear,
.ui-state-approve .ui-offer-filter-clear {
    display: none !important;
}

.ui-offer i {
    position: absolute;
    left: .75rem;
    width: 32px;
    height: 32px;
    background-size: cover;
    background-position: 50% 50%;
    background-color: #fff;
    background-image: none;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.ui-offer i:after {
    content: '';
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    line-height: 32px;
    margin-left: 40px;
}

.ui-offer-Demo i {
    background-image: url('../../i/demo.png');
}

.ui-offer-Demo i:after {
    content: 'ALZ';
}

.ui-offer-Arsenal i {
    background-image: url('../../i/arsenal.png');
}

.ui-offer-Arsenal i:after {
    content: 'ARS';
}

.ui-offer-Ingo i {
    background-image: url('../../i/ingo.png');
}

.ui-offer-Ingo i:after {
    content: 'ING';
}

.ui-offer-Kvorum i {
    background-size: 80%;
    background-image: url('../../i/kvorum.png');
}

.ui-offer-Kvorum i:after {
    content: 'KVM';
}

.ui-flex {
    display: flex;
}

.ui-flex-1,
.ui-flex > * {
    flex: 1;
}

.ui-no-flex {
    flex: none !important;
}

.ui-flex-wrap {
    flex-wrap: wrap;
}

.ui-flex-column {
    flex-direction: column;
}

.ui-flex-align-self-center {
    align-self: center;
}

.ui-flex-align-items-center {
    align-items: center;
}

.ui-flex-space-between {
    justify-content: space-between;
}

@media (min-width: 460px) {
    .ui-flex-align-items-center .title {
        margin-top: -5rem;
    }
}

.ui-flex-justify-center {
    justify-content: center;
}

.fields {
    margin-bottom: 2rem;
}

.field-body {
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    width: calc(100% - 4px);
    margin-left: 4px;
}

.field-value input {
    flex-grow: 2;
    width: 100%;
    box-sizing: border-box;
    height: 34px;
    margin: 0;
}

.field-content {
    margin-bottom: .75rem;
}

.field-content .field-body {
    margin-bottom: 0;
}

.field-content .delta {
    margin-left: 1rem;
}

.field-content .delta.none {
    visibility: hidden;
}

.field-content .delta:before {
    content: '';
    display: inline-block;
    margin-right: .3rem;
}

.field-content .delta.up:before {
    content: '▲';
}

.field-content .delta.down:before {
    content: '▼';
}

.field-content .delta.down {
    color: red;
}

.field-content .delta.up {
    color: darkgreen;
}

.field-content .result {
    font-weight: bold;
}

.field-label {
    line-height: 1;
}

.field-label b {
    display: block;
}

.step {
    min-height: 100px;
    padding: .1rem 0;
}

.step .btn {
    margin-bottom: .5rem;
}

.ui-uppercase {
    text-transform: uppercase;
}

.control-label .checkbox {
    float: right;
    min-height: auto;
    line-height: 18px;
    margin-bottom: 1px;
}

.ui-aiwa pre {
    max-height: 560px;
    overflow: auto;
    word-break: break-word;
    position: relative;
    background: var(--color-surface);
    color: inherit;
    border-radius: 1em;
    padding: 1em;

    code.language-json {
        color: inherit;
        display: block;
        width: max-content;
    }
}

.ui-aiwa .alert pre {
    border: none;
    cursor: auto;
    background: transparent;
    padding: 0;
    border-radius: 0;
}

td pre code {
    color: var(--color-text);
}

/*.ui-doc pre code:after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    background: var(--color-primary-opa);*/
/*    opacity: .5;*/
/*    z-index: 0;*/
/*    pointer-events: none;*/
/*}*/

.ui-full-width {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

.ui-full-width.ui-combo,
.ui-full-width.ui-input {
    min-height: 34px;
}

.ui-full-width.btn {
    white-space: normal;
}

.ui-full-height {
    box-sizing: border-box;
    height: 100%;
}

.calculator h1,
.calculator h2,
.calculator h3 {
    margin: 0;
}

.calculator h2 {
    line-height: 1.1;
    padding-bottom: .3em;
}

.calculator h2 small {
    display: block;
}

.calculator h2.ui-amount small {
    display: inline-block;
}

.ui-box,
.calculator .btn {
    box-sizing: border-box;
}

blockquote p + small {
    margin-top: .3rem;
}

.calculator .action-info .btn {
    margin-bottom: .1rem;
}

.card .ngt-option {
    margin-top: .5rem;
    margin-bottom: .5rem;
    position: relative;
    padding-top: 1rem;
}

.text-success {
    color: darkgreen;
}

.text-danger {
    color: #da4f49;
}

.ngt-option:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff;
}

.card .ngt-option .help-inline {
    padding-top: 5px;
    padding-bottom: .75rem;
}

.card .ngt-option h4 {
    margin: 0;
}

.card .ngt-option.ui-processing:before,
.card .ngt-option.ui-processing:after {
    position: absolute;
}

:lang(ru) .card .ngt-option.ui-processing:after {
    content: 'выполняется обработка...';
}

:lang(ua) .card .ngt-option.ui-processing:after,
:lang(uk) .card .ngt-option.ui-processing:after {
    content: 'виконується обробка...';
}

.card .ngt-option blockquote {
    margin: 0;
}

.card .ngt-option .ui-option-answer {
    background: #f5f5f5;
    border-radius: .5rem;
    position: relative;
}

.card .ngt-option .ui-option-answer:before {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    color: #333;
    background: #ccc;
    font-size: 10px;
    padding: 4px 5px;
    border-radius: .5rem 0;
    line-height: 1;
}

:lang(ru) .card .ngt-option .ui-option-answer:before {
    content: 'ответ';
}

:lang(ua) .card .ngt-option .ui-option-answer:before,
:lang(uk) .card .ngt-option .ui-option-answer:before {
    content: 'відповідь';
}

.btn {
    user-select: none;
}

.modal-footer-buttons {
    margin-top: 1.5rem;
    text-align: right;
}

.modal textarea {
    height: auto;
}


ul.ui-menu {
    max-height: calc(100% - 200px) !important;
}

.ui-menu-container {
    position: relative;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    vertical-align: middle;
    white-space: nowrap;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    z-index: 1;
}

.ui-menu-container:before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: 2;
    pointer-events: none;
}

.ui-menu-container.on:before {
    pointer-events: all;
}

.ui-menu-item-icon {
    float: left;
    line-height: 28px;
}

/*.ui-dd-menu {*/
/*    background: var(--color-surface);*/
/*}*/

.ui-dd-menu .ui-dd-menu-list {
    padding: 0;
    margin: 0;
}

.ui-dd-menu .ui-menu-item-wrapper {
    padding: .75em 1.05em .95em;
    font-size: var(--font-size);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row-reverse;
    gap: .75em;
    min-width: 320px;

    & > *:not(i) {
        flex: 1;
    }
}

.ui-dd-menu li .ui-menu-item-wrapper {
    line-height: 1.4;
}

.ui-menu-item-icon {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
}

.ui-menu-item-icon + .ui-menu-item-body {
    white-space: normal;
    line-height: 1.4;
    min-width: 200px;
}

.ui-dd-menu .ui-menu-item-wrapper {
    text-align: left;
}

.ui-dd-menu .ui-menu-item {
    white-space: normal;
    cursor: pointer;
    position: relative;
    list-style: none !important;

    i {
        opacity: .5;
    }
}

.ui-dd-menu .ui-menu-item:before {
    content: '';
    position: absolute;
    inset: 0;
    margin: 0;
}

.ui-dd-menu .ui-menu-item:hover::before {
    background: #e4b9c0;
    opacity: .05;
}

.ui-dd-menu .ui-menu-item [class^="icon-"],
.ui-dd-menu .ui-menu-item [class*=" icon-"] {
    position: relative;
    opacity: .5;
    font-size: 1.2em;
}

.ui-dd-menu .ui-menu-item small {
    opacity: .5;
}

.ui-dd-menu .ui-menu-item code {
    display: inline-block;
    min-width: 46px;
    margin-right: 1rem;
    text-align: center;
}

.ui-dd-menu .ui-menu-item.selected {
    font-weight: bolder;
}

.ui-dd-menu .ui-menu-item-separator {
    margin: 0;
    height: 1px;
    border-top: 1px solid var(--color-border);
}

.ui-dd-menu .ui-menu-item:hover {
    background: rgba(125, 125, 125, .1);
}

.ui-ios .collapse-panel,
.ui-android .collapse-panel {
    position: fixed;
    top: auto !important;
    left: max(.5rem, calc((100% - 480px) / 2));
    right: max(.5rem, calc((100% - 480px) / 2));
    bottom: .5rem;

    .ui-menu-item span,
    .ui-menu-item small {
        white-space: normal !important;
    }
}

.ui-ios .navbar.navbar-fixed-top .collapse-panel,
.ui-android .navbar.navbar-fixed-top .collapse-panel {
    bottom: auto;
}

.ui-ios .collapse-panel-backdrop,
.ui-android .collapse-panel-backdrop {
    background: var(--color-backdrop);
}

.ui-ios .navbar.navbar-fixed-top .collapse-panel-backdrop,
.ui-android .navbar.navbar-fixed-top .collapse-panel-backdrop {
    background: transparent;
}

.doc-negotiation-promo {
    min-height: 390px;
    /*    background: url('//v5.aiwa.in.ua/libs/i/Reservoir-Dogs-Standoff-Icon.svg') no-repeat 100% 0 / 33% auto transparent;*/
}

.card.ui-head .base-info {
    max-height: 200px;
    overflow: auto;
    padding: .5rem;
    background: #f9f9f9;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25) inset;
}

.card.ui-head .form-horizontal .base-info .control-label {
    opacity: .5;
}

@media (min-width: 1024px) {
    .card.ui-head .form-horizontal .base-info .control-label {
        width: 230px;
        cursor: default;
    }

    .card.ui-head .form-horizontal .base-info .controls {
        margin-left: 240px;
    }
}

.card.ui-head .form-horizontal .base-info .controls .help-inline {
    user-select: all;
}

.card .base-info .control-label {
    margin-bottom: 0;
}

.icon-circle {
    position: relative;
}

.icon-circle:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    border: 3px solid transparent;
    border-radius: 50%;
    top: -4px;
    left: -4px;
}

.td-draft .icon-circle:after,
.ui-state-clear.icon-circle:after {
    border-color: #000;
}

.td-approved .icon-circle:after,
.ui-state-approve.icon-circle:after {
    border-color: green;
}

.td-canceled .icon-circle:after,
.ui-state-cancel.icon-circle:after {
    border-color: #999;
}

.active .ui-state-clear.icon-circle:after {
    background: #000;
}

.active .ui-state-approve.icon-circle:after {
    background: green;
}

.active .ui-state-cancel.icon-circle:after {
    background: #999;
}

.ui-btn-checkbox > .btn {
    border: none !important;
    background: none !important;
    user-focus: none !important;
    box-shadow: none !important;
    margin: 0 !important;
}

.table tr .icon-circle {
    float: left;
}

.table tr .icon-circle:after {
    width: 8px;
    height: 8px;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    top: 4px;
    left: 0;
}

.table tr .icon-circle + .ellipsis {
    margin-left: 20px;
}

.help-inline {
    user-select: all;
}

.ui-input + .small {
    margin-top: .2rem;
}

.select2-drop {
    border-radius: 6px !important;
    overflow: hidden;
}

.strong + .small {
    display: block;
    margin-bottom: .5rem;
}

.strong + .small span + span:not(:empty):before {
    content: ', ';
}

.ui-masked {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    direction: rtl;
    text-align: left;
}

.help-inline .ui-masked {
    max-width: 96px;
}

.ui-overflow-scroll {
    max-width: 100%;
    white-space: nowrap;
    overflow: scroll;
}

.log-rows {
    min-height: 200px;
}

.log-rows p {
    margin: 0 0 .5rem;
    line-height: 1.2;
    font-size: smaller;
    font-family: "Courier New";
}

.monotext {
    font-family: "Courier New";
}

.select-wrap option {
    white-space: normal;
}

.mt-05 {
    margin-top: .5rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-2 {
    margin-top: 2rem;
}

.alert input {
    /*color: currentColor !important;*/
    border-color: var(--color-border-hover);
    box-sizing: border-box;
    max-width: 100%;
    height: 32px;
}

.ui-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(var(--column-width), 1fr));
    min-height: 0; /* NEW */
    min-width: 0; /* NEW; needed for Firefox */

    & > {
        overflow: hidden; /* NEW */
        min-width: 0; /* NEW; needed for Firefox */
    }
}

.ui-grid--fa {
    grid-template-columns: 1fr auto;
}

.ui-grid--af {
    grid-template-columns: auto 1fr;
}

.ui-grid--2_10 {
    grid-template-columns: 2fr 10fr;
}

.ui-grid--10_2 {
    grid-template-columns: 10fr 2fr;
}

.ui-grid--4_8 {
    grid-template-columns: 4fr 8fr;
}

.ui-grid--8_4 {
    grid-template-columns: minmax(0, 8fr) minmax(0, 4fr);
}

.ui-grid--2_6_4 {
    grid-template-columns: 2fr 6fr 4fr;
}

.ui-grid--4_4_4 {
    grid-template-columns: 4fr 4fr 4fr;
}

.ui-grid--5_5_2 {
    grid-template-columns: 5fr 5fr 2fr;
}

.ui-grid--4_5_3 {
    grid-template-columns: 4fr 5fr 3fr;
}


.ui-grid--g05 {
    gap: .5rem;
}

.ui-grid--g1 {
    gap: 1rem;
}

.ui-grid--g2 {
    gap: 2rem;
}

.ui-grid--g4 {
    gap: 4rem;
}

.ui-grid--rg05 {
    grid-row-gap: .5rem;
}

.ui-grid--rg1 {
    grid-row-gap: 1rem;
}

.ui-grid--rg2 {
    grid-row-gap: 2rem;
}

.ui-grid--rg4 {
    grid-row-gap: 4rem;
}

.ui-grid--cg05 {
    grid-column-gap: .5rem;
}

.ui-grid--cg1 {
    grid-column-gap: 1rem;
}

.ui-grid--cg2 {
    grid-column-gap: 2rem;
}

.ui-grid--cg4 {
    grid-column-gap: 4rem;
}

.ui-grid--1 {
    grid-template-columns: 1fr;
}

.ui-grid--2 {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

.ui-grid--3 {
    grid-template-columns: 1fr 1fr 1fr;
}

.ui-grid--4 {
    grid-template-columns: repeat(4, fit-content(25%));
}

/*.ui-grid--6 {*/
/*    grid-template-columns: repeat(6, 1fr);*/
/*}*/

/*.ui-grid--8 {*/
/*    grid-template-columns: repeat(8, 1fr);*/
/*}*/

.ui-grid--12 {
    grid-template-columns: repeat(auto-fit, minmax(10px, 1fr))
}

.ui-grid-cell {
    /*background: #efefef;*/
}

.ui-grid-cell--all {
    grid-column: 1 / -1;
}

.ui-grid-cell--1_2 {
    grid-column: 1 / 2;
}

.ui-grid-cell--1_3 {
    grid-column: 1 / 3;
}

.ui-grid-cell--1_4 {
    grid-column: 1 / 4;
}

.ui-grid-cell--1_5 {
    grid-column: 1 / 5;
}

.ui-grid-cell--1_6 {
    grid-column: 1 / 6;
}

.ui-grid-cell--7_12 {
    grid-column: 7 / 12;
}

.ui-grid-cell label {
    margin: 0;
    padding: .25rem .5rem;
    border: 1px solid var(--color-border);
    background: transparent;
    border-radius: var(--border-radius);
    position: relative;
    display: flex;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-grid-cell small + label {
    margin-top: .25em;
}

.ui-grid-cell label:not(.ui-checkbox) span:not(.ui-input-value) {
    overflow: hidden;
    max-height: 1.4em;
}

.ui-grid-cell label input::placeholder {
    color: hsl(from var(--color-text) h s l / .2) !important;
}

.ui-grid-cell label:not(.ui-checkbox) span:not(.ui-input-value) {
    font-size: smaller;
}

/*.ui-grid-cell > input {*/
/*    max-width: 80%;*/
/*}*/

.controls-fixed .ui-grid-cell {
    position: relative;
}

.controls-fixed .ui-grid-cell input {
    box-sizing: border-box;
    width: 100%;
}

.ui-grid-cell p {
    margin-bottom: .25rem;
}

.ui-grid-cell label:not(.ui-checkbox) {
    flex-direction: column-reverse;
}

.ui-grid-cell label.ui-checkbox {
    align-items: center;
}

.ui-grid-cell label.ui-checkbox.ui-checkbox-xs {
    flex-direction: column;
}

.ui-grid-cell label.ui-checkbox:not(.ui-checkbox-xs) {
    flex-direction: row;
    align-items: flex-start;
    gap: .5rem;
    user-select: none;
}

.ui-grid-cell label.ui-checkbox:not(.ui-checkbox-xs) small {
    display: block;
    line-height: 1.2;
    margin: .1rem 0 .2rem;
}

.ui-grid-cell label:not(:has(.ui-input-value)):hover {
    border-color: var(--color-border-hover);
}

.ui-grid-cell label.verify-invalid {
    border-color: var(--color-focus);

    &:not(:has(.ui-input-value)):hover {
        border-color: var(--color-focus);
    }
}

.ui-grid-cell label:focus-within {
    border-color: var(--color-focus);
    outline: 3px solid hsl(from var(--color-focus) h s l / .75);
    background: var(--color-background);
}

.ui-readonly .ui-grid-cell label {
    background: var(--color-input-background);
}

.ui-grid-cell label:has(.ui-input-value:not(.hide)) {
    background: var(--color-input-background);
}

.ui-grid-cell label > span:not(.ui-input-value) {
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-grid-cell label :not(:checked) + span:not(.ui-input-value) {
    opacity: .75;
}

.ui-grid-cell label.verify-invalid > span,
.ui-grid-cell label:hover > span {
    opacity: 1;
}

.ui-grid-cell label + pre {
    margin: 0;
    padding: 0;
    border-color: transparent;
    background: transparent;
    z-index: 0;
    border-radius: var(--border-radius);
}

.ui-grid-cell label + pre code:after {
    top: -1rem;
}

.ui-grid-cell label + pre code:not(:empty) {
    width: 100%;
    display: block;
    padding: .2rem .75rem .5rem;
    box-sizing: border-box;
    overflow: auto;
}

.ui-card .ui-grid-cell label + pre code:not(:empty) {
    max-height: 100px;
    overflow: auto;
    background: var(--color-surface);
}

.ui-grid-cell .ui-checkbox-container + .ui-checkbox-container,
.ui-grid-cell label + .ui-checkbox-container,
.ui-grid-cell .ui-checkbox-container + label,
.ui-grid-cell label + label {
    margin-top: .5rem;
}

.ui-grid-cell .ui-grid + .ui-grid {
    margin-top: 1em;
}

.ui-grid-cell .ui-grid.ui-grid--g05 + .ui-grid.ui-grid--g05 {
    margin-top: .5rem;
}

.ui-grid-cell label .ui-input-value,
.ui-grid-cell label input:not([type="checkbox"]),
.ui-grid-cell label select {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    height: 1.4em;
    margin: .2em 0 !important;
    padding: 0;
}

.ui-grid-cell label .ui-combo.select2-container {
    top: auto;
    bottom: 0;
}

.ui-grid-cell label .help-inline {
    display: block;
    box-sizing: border-box;
    height: 1.4em;
    line-height: 1.4em;
    margin: .2em 0;
    padding: 0;
    cursor: default;
}

.ui-grid-cell label .verify-invalid,
.ui-grid-cell label .verify-invalid .select2-choice {
    outline: none !important;
    border: none;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.ui-grid-cell label {
    input {
        &,
        &:hover,
        &:focus,
        &:invalid,
        &.verify-invalid {
            outline: none !important;
            border: none;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }
    }
    textarea {
        width: 100%;
        height: auto;
        margin: 0;

        &,
        &:hover,
        &:focus,
        &:invalid,
        &.verify-invalid {
            outline: none !important;
            border: none;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }
    }
    select {
        &,
        &:hover,
        &:focus,
        &:invalid,
        &.verify-invalid {
            outline: none !important;
            border: none;
            box-shadow: none !important;
            -webkit-box-shadow: none !important;
        }
    }
}


.ui-grid-cell select option {
    padding: 0;
}

.ui-grid-cell select[multiple] {
    overflow: scroll;
}

.ui-grid-cell select[multiple]::-webkit-scrollbar {
    display: none;
}

.ui-grid-cell select[multiple] {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}

.ui-grid-cell select[multiple] option {
    display: inline-block;
    margin-right: .5rem;
    padding: 0 4px;
    border-radius: 4px;
}

.ui-grid-cell input[type="checkbox"] {
    width: auto;
    height: 1.5em;
    outline: none !important;
    box-shadow: none !important;
}

.ui-doc {
    padding-right: 3px;
    padding-left: 3px;

    .ui-card {
        &:before {
            position: absolute;
            z-index: 1;
            left: -9px;
            top: var(--border-radius-card);
            rotate: -90deg;
            transform: translateX(-100%);
            transform-origin: 0 0;
            color: currentColor;
            background: transparent;
            font-size: 10px;
            padding: 4px 5px;
            border-radius: calc(var(--border-radius) * .5);
            line-height: 1;
        }
    }
}

@media (max-width: 480px) {
    .ui-doc .ui-card:before {
        left: 2rem;
        top: -9px;
        transform: none;
        rotate: none;
    }
}

.ui-loading .ui-card:before {
    visibility: hidden;
}

.ui-state-draft .ui-doc .ui-card:before,
.ui-state-clear .ui-doc .ui-card:before {
    content: 'draft';
    background: var(--color-surface);
    color: var(--color-text);
}

:lang(ru) .ui-state-draft .ui-doc .ui-card:before,
:lang(ru) .ui-state-clear .ui-doc .ui-card:before {
    content: 'черновик';
}

:lang(ua) .ui-state-draft .ui-doc .ui-card:before,
:lang(ua) .ui-state-clear .ui-doc .ui-card:before {
    content: 'чернетка';
}

.ui-state-approve .ui-doc .ui-card:before,
.ui-state-approved .ui-doc .ui-card:before {
    content: 'approved';
    background: var(--color-approved);
    color: var(--color-on-success);
}

:lang(ru) .ui-state-approve .ui-doc .ui-card:before,
:lang(ru) .ui-state-approved .ui-doc .ui-card:before {
    content: 'подготовлено';
}

:lang(ua) .ui-state-approve .ui-doc .ui-card:before,
:lang(ua) .ui-state-approved .ui-doc .ui-card:before {
    content: 'підготовлено';
}

.ui-state-offered .ui-doc .ui-card:before {
    content: 'offered';
    background: var(--color-offered);
    color: var(--color-on-success);
}

:lang(ru) .ui-state-offered .ui-doc .ui-card:before {
    content: 'предложение';
}

:lang(ua) .ui-state-offered .ui-doc .ui-card:before {
    content: 'пропозиція';
}

.ui-state-renewed .ui-doc .ui-card:before {
    content: 'renewed';
    background: var(--color-renewed);
    color: var(--color-on-success);
}

:lang(ru) .ui-state-renewed .ui-doc .ui-card:before {
    content: 'прервано';
}

:lang(ua) .ui-state-renewed .ui-doc .ui-card:before {
    content: 'перервано';
}

.ui-state-published .ui-doc .ui-card:before {
    content: 'published';
    background: var(--color-published);
    color: var(--color-on-success);
}

:lang(ru) .ui-state-published .ui-doc .ui-card:before {
    content: 'опубликовано';
}

:lang(ua) .ui-state-published .ui-doc .ui-card:before {
    content: 'опубліковано';
}

.ui-doc h2 {
    font-size: 18pt;
    line-height: 1;
    margin-bottom: 1rem;
}

.ui-doc h3 {
    font-size: 15pt;
    position: relative;
}

/*.ui-doc h3:after {*/
/*    background: var(--color-primary);*/
/*    content: '';*/
/*    display: inline-block;*/
/*    bottom: -5px;*/
/*    height: 2px;*/
/*    border-radius: 2px;*/
/*    left: 0;*/
/*    position: absolute;*/
/*    width: 40px;*/
/*}*/

.ui-doc .ui-amount {
    font-size: 42pt;
    font-weight: normal;
    line-height: 1;
    text-align: right;
}

.ui-doc .ui-amount b {
    color: var(--color-primary);
}

.ui-doc .ui-amount small {
    opacity: .25;
    font-size: 21pt;
}

.ui-doc .ui-btn-toolbar {
    margin-bottom: 1rem;

    & + .ui-table-body {
        margin-top: .3em;
    }
}

.ui-doc .ui-table-container {
    border: 1px solid var(--color-border);
    border-radius: 1rem;
    padding: 1rem;
    background: var(--color-surface);
    display: flex;
    flex-direction: column;
    gap: 1rem;

    .btn-toolbar,
    .ui-btn-toolbar {
        margin: 0;
    }
}

.ui-doc .ui-table-container .btn {
    border-radius: var(--border-radius-button);
}

.ui-doc .ui-table-container .ui-table-noinfo {
    padding: 2rem;
}

.ui-doc .ui-table-container .ui-item {
    border: 1px solid var(--color-border);
    border-radius: var(--border-radius);
    padding: 0 1rem;
    margin-bottom: .5rem;
    font-size: 1rem;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-active-sessions .ui-table-container .ui-item {
    padding: .75rem 1rem !important;
}

.ui-doc .ui-table-container .ui-item .td-clickable,
.ui-doc .ui-table-container .ui-item .td-actions {
    padding: .75rem 0;
}

.ui-doc .ui-table-container .ui-item:not(.hide):last-child {
    margin-bottom: 0;
}

.ui-doc .ui-table-container .ui-item .ui-table-goal {
    font-size: 24px;
    font-weight: bold;
    font-family: monospace;
    line-height: 1;
    box-sizing: border-box;
    min-width: 58px;
    padding: 0 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--color-primary-opa);
}

.ui-doc .ui-table-container .ui-item:hover {
    border-color: var(--color-primary);
    outline: 3px solid var(--color-primary-opa);
    background: var(--color-background);
}

.ui-readonly .ui-doc .ui-table-container .ui-item,
.ui-readonly .ui-doc .ui-table-container .ui-item * {
    cursor: not-allowed;
}

.ui-doc .ui-table-container .ui-item .ui-table-desc {
    opacity: .5;
    font-size: smaller;
}

.ui-doc .ui-table-container .ui-item .ui-table-desc > span + span:not(:empty):before {
    content: '\2022';
    display: inline-block;
    padding: 0 .25rem;
}

.ui-doc .slide-form {
    border-radius: 2rem;
    box-shadow: 0 9px 46px 8px rgba(0, 0, 0, 0.14), 0 11px 15px -7px rgba(0, 0, 0, 0.12), 0 24px 38px 3px rgba(0, 0, 0, 0.2);
    transform: translateY(40px);
    transition: opacity 0.3s ease 0s, transform 0.2s ease 0s;
    will-change: transform, opacity;
    opacity: 0;
    visibility: visible;
    /*position: absolute!important;*/
}

.ui-doc .slide-form.in {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all;
}

.ui-doc .slide-form h3 {
    margin-top: 0;
}

.ui-doc .slide-form header,
.ui-doc .slide-form section,
.ui-doc .slide-form footer {
    padding: 0 2rem;
}

.ui-doc .slide-form header {
    padding-top: 1em;
    padding-bottom: 1em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;

    & > * {
        margin-bottom: 0;
    }
}

.ui-doc .slide-form section {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    background: var(--color-background);
    overflow-y: auto;
    max-height: 60vh;
}

.ui-doc .slide-form footer {
    margin: 0;
    padding: 1rem;
}

.busy.dotted {
    background: transparent;
}

.btn {
    border-color: transparent;
    position: relative;
    z-index: 1;
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
    -web-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: var(--border-radius-button);
}

.btn-clear {
    border-color: transparent;
    background: transparent;
}

.btn-flat {
    outline: 1px solid var(--color-primary-opa);
    background: transparent;
}

.ui-aiwa .btn-clear:hover {
    background: transparent;
}

.btn-link,
.btn-link:hover,
.btn:not(.btn-primary):not(.btn-info):not(.btn-danger) {
    color: var(--color-primary);
    background: transparent;
}

.btn:not(.btn-clear):not(.btn-link):hover {
    border-color: var(--color-primary);
    outline: 3px solid var(--color-primary-opa);
}

.btn.disabled,
.btn[disabled] {
    filter: grayscale(1);
    opacity: .85;
}

.btn:not(.btn-clear):not(.btn-link):not(.btn-flat):after {
    position: absolute;
    content: '';
    inset: 0;
    border-radius: inherit;
    background: var(--color-primary);
    opacity: .1;
    z-index: -1;
}

.btn.btn-danger:after {
    background: red !important;
}

.btn.btn-danger:hover {
    border-color: red !important;
    outline: 3px solid rgba(255, 0, 0, .3) !important;
}

.btn.btn-info:after {
    background: blue !important;
}

.btn.btn-info:hover {
    border-color: blue !important;
    outline: 3px solid rgba(0, 0, 255, .3) !important;
}


/*.btn:not(.btn-clear):not(.btn-link):hover:after {*/
/*    opacity: .2;*/
/*}*/

.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
    background: transparent;
    position: relative;
    color: var(--color-primary);
}

.navbar .nav li.dropdown.open > .dropdown-toggle:after,
.navbar .nav li.dropdown.active > .dropdown-toggle:after,
.navbar .nav li.dropdown.open.active > .dropdown-toggle:after {
    content: '';
    position: absolute;
    inset: 0;
    background: var(--color-primary);
    opacity: .1;
    border-radius: 1rem;
}

.ui-aiwa .navbar .nav > li > a {
    text-shadow: none;
}

.ui-aiwa .navbar .nav > li > a:focus,
.ui-aiwa .navbar .nav > li > a:hover {
    color: var(--color-link);
}

.ui-aiwa .navbar .btn,
.ui-aiwa .navbar .btn-group {
    margin: 0;
}

.input-append,
.input-append > * {
    transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-group + .btn-group {
    margin-left: 7px;
}

.input-append:focus-within input,
.input-append:focus-within .btn {
    outline: none;
    border-color: var(--color-primary);
}

.btn-toolbar .input-append {
    position: relative;
    z-index: 1;
}

.btn-toolbar .input-append > * {
    border-radius: 1rem;
    margin-left: .2rem;
}

.btn-toolbar .input-append input {
    margin-left: 0;
    position: relative;
    padding-left: .75rem;
    padding-right: .75rem;
    z-index: 1;
    background: var(--color-background);
}

.btn-toolbar .input-append .btn {
    margin-left: -1.65rem;
    position: relative;
    z-index: 0;
    padding-left: 1.75rem;
}

.ui-doc .slide-form footer .ui-btn-toolbar {
    margin-bottom: 0;
}

.ui-doc .info {
    font-size: smaller;
    line-height: 1.3;
}


@media (max-width: 978px) {
    .item-sideMain .ui-card {
        padding: 1.5rem;
    }

    .item-sideMain .ui-card:after {
        border-radius: 1.5rem;
    }

    .ui-grid.ui-grid--2.ui-grid--cg4 {
        gap: 1.5rem;
    }

    .ui-grid-cell > .ui-grid.ui-grid--2:not(.ui-grid--mobile-fix) {
        grid-template-columns: 1fr;
    }

    .ui-grid-cell label:not(.ui-checkbox) > span {
        overflow: hidden;
        white-space: nowrap;
    }

    .ui-doc .slide-form.in {
        top: 0;
        bottom: 0;
        border-radius: 0;
    }

    .ui-doc .slide-form header {
        padding-top: .5rem;
        padding-bottom: .5rem;
        border-radius: 0;
    }

    .ui-doc .slide-form header h2,
    .ui-doc .ui-btn-toolbar {
        margin: 0;
    }

    .ui-doc .slide-form section {
        padding-top: 1rem;
        padding-bottom: 1rem;
        max-height: unset;
        flex: 1 1 auto;
    }

    .ui-doc .slide-form footer {
        padding-top: .5rem;
        padding-bottom: .5rem;
        border-radius: 0;
    }
}

@media (max-width: 480px) {
    .item-sideMain .ui-card {
        margin-right: -2rem;
        margin-left: -2rem;
        padding: 1.5rem 2rem;
    }

    .item-sideMain .ui-card:after {
        border-radius: 0;
    }

    .ui-grid-cell label:not(.ui-checkbox) > span {
        overflow: hidden;
        white-space: nowrap;
    }

    .ui-grid.ui-grid--2.ui-grid--cg4 {
        grid-template-columns: 1fr;
    }

    .ui-grid.ui-grid--2:not(.ui-grid--mobile-fix) {
        grid-template-columns: 1fr;
    }

    .ui-doc .slide-form.in {
        top: 0;
        bottom: 0;
        border-radius: 0;
    }

    .ui-doc .slide-form header,
    .ui-doc .slide-form section,
    .ui-doc .slide-form footer {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .ui-doc .slide-form footer {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .ui-doc .ui-table-container {
        margin-right: -2rem;
        margin-left: -2rem;
        padding: 1rem 1.75rem;
        border-radius: 0;
    }

    .ui-doc .ui-table-container .ui-item {
        padding: .5rem;
    }

    .ui-doc .ui-table-container .ui-item > .ui-grid:not(.ui-grid--mobile-fix) {
        grid-template-columns: 1fr;
        gap: .5rem;
    }

    .ui-doc .ui-table-container .ui-item .td-clickable,
    .ui-doc .ui-table-container .ui-item .td-actions {
        padding: 0;
    }
}

/*.ui-guides {*/
/*    --guideSolidColor: rgba(66, 71, 112, 0.06);*/
/*    --guideDashedColor: rgba(66, 71, 112, 0.09);*/
/*    --layoutWidth: 940px;*/
/*    --columnMaxWidth: calc(var(--layoutWidth) * 0.25);*/
/*    --columnCountMax: 4;*/

/*    position: fixed;*/
/*    z-index: 10;*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    padding: 0;*/
/*    pointer-events: none;*/
/*}*/

/*.ui-guides .ui-guides-container {*/
/*    display: grid;*/
/*    grid: 1fr/repeat(var(--columnCountMax), 1fr);*/
/*    grid-template-columns: 1fr 1fr 1fr 1fr;*/
/*    position: relative;*/
/*    max-width: var(--layoutWidth);*/
/*    height: 100%;*/
/*    margin: 0 auto;*/
/*}*/

/*.ui-guides .ui-guides-container .ui-guides-guide {*/
/*    width: 1px;*/
/*    background: linear-gradient(180deg, var(--guideDashedColor), var(--guideDashedColor) 50%, transparent 0, transparent);*/
/*    background-size: 1px 8px;*/
/*}*/

/*.ui-guides .ui-guides-container .ui-guides-guide:first-of-type,*/
/*.ui-guides .ui-guides-container .ui-guides-guide:last-of-type {*/
/*    background: var(--guideSolidColor);*/
/*}*/

/*.ui-guides .ui-guides-container .ui-guides-guide:last-of-type {*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    height: 100%;*/
/*}*/

.ui-otp {
    display: flex;
    gap: .5rem;
}

.mb-05 {
    margin-bottom: .5rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.mb-2 {
    margin-bottom: 2rem;
}

/*.ui-search-container {*/
/*    --_offest: 6px;*/
/*    position: relative;*/

/*    &:not(:focus-within)&::after {*/
/*        content: '/';*/
/*        display: inline-block;*/
/*        position: absolute;*/
/*        z-index: 1;*/
/*        top: var(--_offest);*/
/*        bottom: var(--_offest);*/
/*        right: var(--_offest);*/
/*        aspect-ratio: 1 / 1;*/
/*        line-height: 1.2;*/
/*        text-align: center;*/
/*        color: var(--color-text);*/
/*        font-size: 1rem;*/
/*        border: 1px solid var(--color-text);*/
/*        border-radius: var(--_offest);*/
/*        opacity: .25;*/
/*    }*/
/*}*/

/*@media (max-width: 480px) {*/
/*    .ui-search-container::after {*/
/*        display: none !important;*/
/*    }*/
/*}*/

.ui-search-container .input-append {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    position: relative;
}

.ui-search-container .input-append input {
    width: auto;
    flex: 1;
    transition: width 400ms;
}

.ui-search-container .input-append input + .add-on {
    display: none;
    position: absolute;
    right: 0;
    z-index: 1;
    padding-left: 1.1rem;
}

.ui-search-container .input-append input:focus,
.ui-search-container .input-append input:not(:placeholder-shown) {
    width: 30vh;
}

.ui-search-container .input-append input:not(:placeholder-shown) + .add-on {
    display: block;
}

@media (max-width: 480px) {
    .ui-search-container .input-append input:focus,
    .ui-search-container .input-append input:not(:placeholder-shown) {
        width: 100%;
        width: calc(100vw - 92px);
    }
}

.btn-toolbar .icon-refresh,
.btn-toolbar .ui-icon-refresh {
    position: relative;
}

.busy .btn-toolbar .ui-icon-refresh,
.ui-loading .btn-toolbar .ui-icon-refresh {
    --rotate-time: .5s;
    -webkit-animation: rotating var(--rotate-time, .5s) linear infinite;
    -moz-animation: rotating var(--rotate-time, .5s) linear infinite;
    -ms-animation: rotating var(--rotate-time, .5s) linear infinite;
    -o-animation: rotating var(--rotate-time, .5s) linear infinite;
    animation: rotating var(--rotate-time, .5s) linear infinite;
    cursor: progress;
}

.ui-rt-1 {
    --rotate-time: 1s !important;
}

.ui-rt-2 {
    --rotate-time: 2s !important;
}

.ui-rt-3 {
    --rotate-time: 3s !important;
}

.ui-rt-4 {
    --rotate-time: 4s !important;
}


@-webkit-keyframes rotating /* Safari and Chrome */
{
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.table .table {
    background: var(--color-surface);
}

.ui-locked-by-parent input,
.ui-locked-by-parent label,
.ui-locked-by-parent .control-label,
.ui-locked-by-parent .controls-fixed {
    /*opacity: .75;*/
    cursor: not-allowed !important;
}

.ui-grid-cell > label > input {
    background-color: initial;
}

.ui-locked-by-parent div:not(.ui-grid-cell) > label > input,
.ui-locked-by-parent .add-on {
    background-color: var(--color-surface) !important;
}

.ui-extra-mode-required {
    display: none;
}

.ui-extra-mode .ui-extra-mode-required {
    display: block;
}

.ui-aiwa .ui-combo-item b {
    overflow: visible;
    white-space: normal;
}

.ui-select-flex {
    white-space: normal !important;
    height: auto !important;
}

.ui-select-flex option {
    white-space: normal;
}

.ui-hint {
    font-size: initial;
    color: #cc8401;
    line-height: 1.1;
    margin: .25em 0 .5em;
}

.ui-tip {
    color: var(--color-text);
    font-size: initial;
}

.ui-list-vertical {
    & > dt {
        padding: 3px;
    }

    & > dd {
        margin-left: 0;
        margin-bottom: 1em;
        overflow: auto;
        padding: 3px;

        overflow-wrap: break-word;
        word-break: break-all;

        .ui-grid-cell {
            border-top: 1px solid var(--color-border);
            margin-top: .25em;
            padding-top: .25em;
            padding-bottom: .25em;
        }
    }
}

@media screen and (max-width: 480px) {
    .ui-list-vertical dd {
        inline-size: 37ch;
    }
}

.report-body {
    --_gap: 1em;

    margin: 1em 0;

    .ui-report-container {
        max-width: 100%;
        overflow: auto;

        .ui-report-table {
            /*width: 100%;*/
            /*min-width: 460px;*/
            /*font-size: 10pt;*/

            .ui-item {
                text-decoration: none !important;
                display: grid;
                grid-template-columns: 1fr minmax(32px, auto) 100px;
                gap: .2em;
                padding: 0 .5em;

                &:hover {
                    background-color: hsl(from var(--color-primary) h s l / .05);
                }

                &.ui-item-amount {
                    font-weight: bold;
                }

                & > * {
                    vertical-align: top;
                    line-height: 1.2;
                    padding: 5px;

                    &:last-child {
                        text-align: right;
                    }
                }

                &:not(:first-child) > * {
                    border-top: 1px solid var(--color-border);
                }

                a {
                    opacity: 1;
                    line-height: inherit;

                    &:hover {
                        text-decoration: underline;
                        outline: 1px;
                        color: var(--color-link);
                    }
                }

                span,
                small {
                    opacity: 0.75;
                }

                .td-title {
                    opacity: 1;
                    width: 100%;

                    b {
                        box-sizing: border-box;
                        width: 100%;
                    }
                }

                .ui-row-filter:hover {
                    cursor: pointer;
                    color: var(--color-link);
                }

            }

            &.ui-report-details {
                margin-right: calc(-1 * var(--_gap));
                margin-left: calc(-1 * var(--_gap));

                .ui-item {
                    grid-template-columns: minmax(32px, auto) 1fr 100px;
                }

                .ui-item:has(.td-last-visit) {
                    grid-template-columns: minmax(32px, auto) 1fr 200px 160px;
                }
            }
        }
    }

    details {
        border: 1px solid var(--color-border);
        border-radius: var(--border-radius);
        padding: var(--_gap) var(--_gap) 0;
        margin: .5em 0;

        &[open] {
            padding: var(--_gap);

            summary {
                border-bottom: 1px solid var(--color-border);
                margin-bottom: var(--_gap);
            }
        }

        summary {
            list-style: none;
            font-weight: bold;
            margin: calc(-1 * var(--_gap)) calc(-1 * var(--_gap)) 0;
            padding: var(--_gap);
            cursor: pointer;
            display: flex;
            flex-direction: row;
            gap: var(--_gap);

            &::before {
                content: "+";
                color: var(--color-primary);
                margin-inline-start: 5px;
                flex: none;
            }

            & > * {
                flex: 1 0 auto;
            }

            [open] &::before {
                content: "−";
            }
        }
    }
}

.ui-input-value {
    user-select: text;
    overflow: auto;
    scrollbar-width: none;

    & + span {
        cursor: default;
    }
}

.ui-width-80 {
    width: 80px;
}

.form-switch {
    padding-left: 2.5em;
}

.ui-checkbox {
    display: block;
    min-height: 1.5rem;
    padding-left: 2.5em;

    &:hover {
        color: var(--color-primary);
    }

    &:has(input:disabled) {
        cursor: not-allowed;
        filter: grayscale(.75);

        input {
            /*background-color: var(--color-border) !important;*/
            border-color: hsl(from var(--color-text) h s l / .5) !important;
        }
    }

    input {
        flex: 0 0 2em;
        width: 2em !important;
        height: 1em !important;
        margin-top: .3em;
        vertical-align: top;
        /*background-color: var(--color-surface);*/
        background-repeat: no-repeat !important;
        background-size: contain;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-print-color-adjust: exact;
        color-adjust: exact;

        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
        background-position: left center;
        border: 1px solid var(--color-primary) !important;
        border-radius: 2em;
        transition: background-position .15s ease-in-out;
        opacity: .75;

        &:checked {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
            background-position: right center;
            background-color: var(--color-primary) !important;
            opacity: 1;
        }

        &:not(:checked) {
            :disabled + span {
                opacity: .25 !important;
            }
        }
    }
}

@media (prefers-color-scheme: dark) {
    .ui-aiwa:not(.ui-no-theme) body {
        .ui-checkbox {
            input:not(:checked) {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ccc'/%3e%3c/svg%3e") !important;
            }

            input:checked {
                background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23111'/%3e%3c/svg%3e") !important;
            }
        }
    }
}

.ui-summa-desc {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(36px, 1fr));
    gap: 1em .5em;
    font-size: 11px;

    dl {
        margin: 0;
        padding: 0;
        cursor: default;

        & > * {
            margin: 0;
            padding: 2px 0;
            text-align: center;
            line-height: 1.2;
        }

        dt {
            font-weight: lighter;
            opacity: .75;
        }
    }
}

.ui-icon-inline {
    font-size: inherit;
    margin-bottom: -2px;
}

.ui-active-sessions {
    .ui-nodata {
        padding: 96px 0;
    }

    .ui-item {
        &:hover {
            b {
                color: var(--color-primary);
            }
        }

        &.current {
            position: relative;
            overflow: hidden;

            &:after {
                content: '';
                inset: 0;
                position: absolute;
                z-index: -1;
                background: var(--color-primary);
                opacity: .1;
            }

            .td-actions {
                display: none;
            }
        }

        a {
            display: inline-block;
        }

        small {
            display: block;
            line-height: 1.4;
        }

        .ui-flex {
            gap: .3em;
        }
    }
}

.ui-fs-large {
    font-size: larger;
    line-height: 1.3;
}

.ui-fs-2 {
    font-size: 2rem;
    line-height: 1.3;
}

.ui-fs-3 {
    font-size: 3rem;
    line-height: 1.3;
}

.ui-fs-5 {
    font-size: 5rem;
    line-height: 1.3;
}

.payment-item {
    display: block;
    line-height: 1.2;
    margin: .5em 0;

    small {
        opacity: .5;
    }
}

.ui-banners {
    display: grid;
    grid-template-columns: repeat( auto-fit, minmax(180px, calc(50% - .5em)) );
    gap: 1em;
    position: relative;
    box-sizing: border-box;
    max-width: 100%;

    @media (max-width: 479px) {
        & {
            grid-template-columns: 1fr;
        }
    }

    & * {
        box-sizing: border-box;
    }

    a.ui-banner {
        text-decoration: none;
        color: hsl(from var(--color-text) h s l /.5);
    }

    .ui-banner {
        --_gap: 1.5em;
        position: relative;
        color: hsl(from var(--color-text) h s l /.5);
        background-color: hsl(var(--color-background) h s l /.1);
        border-radius: var(--_gap);
        overflow: hidden;
        transition: all 0.2s ease-in-out 0s;

        .ui-banner-title {
            margin-top: 0;
            font-size: .8rem;
            text-transform: uppercase;
            opacity: .5;
            letter-spacing: 1px;
        }

        p:last-child {
            margin-bottom: 0;
        }

        &:after {
            content: "";
            position: absolute;
            z-index: -1;
            inset: 0;
            border-radius: var(--_gap);
            background: var(--color-primary);
            opacity: .05;
        }

        &:hover {
            background: url('../../i/products/2023/bg-green.svg') no-repeat 50% 50% / cover var(--color-primary);
            color: var(--color-secondary);
        }

        &:hover h2 {
            opacity: 1;
            color: var(--color-secondary) !important;
        }

        .ui-banner-body {
            padding: var(--_gap);
        }

        &.ui-banner-whats-new .ui-banner-body {
            padding-right: 102px;
            background-repeat: no-repeat;
            background-image: url('../../i/icons/calendar.svg');
            background-size: auto 96px;
            background-position: 100% 50%;
        }
    }
}

/*.ui-wn-img {*/
/*    width: 360px;*/
/*    !*height: 360px;*!*/
/*    clip-path: circle(50% at 50% 50%);*/
/*    position: relative;*/
/*    object-fit: cover;*/
/*}*/

/*.ui-wn-img {*/
/*    width: 320px;*/
/*    aspect-ratio: 1 / 1;*/
/*    position: relative;*/
/*    border-radius: 50%;*/
/*    box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;*/

/*    .ui-wn-img-body {*/
/*        width: 100%;*/
/*        height: 100%;*/
/*        border-radius: 50%;*/
/*        overflow: hidden;*/
/*    }*/

/*    img {*/
/*        width: 402px;*/
/*        max-width: unset;*/
/*    }*/
/*}*/

.ui-info-block {
    padding: 0;
    margin-bottom: 2em;

    h3 {
        font-weight: 200;
    }

    p {
        max-width: 60ch;
    }

    .caption {
        letter-spacing: 1px;
        font-size: larger;
        line-height: 1.4;
        padding-right: 2em;
    }
}

/*.ui-img-masked-h {*/
/*    mask-image: url('../i/masks/blob-h.svg');*/
/*    !*mask-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIKICAgICB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIgogICAgIHZpZXdCb3g9IjAgMCA2NDggNDg5IgogICAgIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDsgY2xpcC1ydWxlOmV2ZW5vZGQ7IHN0cm9rZS1saW5lam9pbjpyb3VuZDsgc3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMSwwLDAsMSwtMjI3LjU5LC04OC4zMzg3KSI+CiAgICAgICAgPHBhdGggZD0iTTU2NC41LDEzNEM4MDMuMjA5LDE2My45NTIgODM3LDI3MyA4MzcsMzQyLjVDODM3LDQxMiA3NjYuNjQxLDQ5MC4wNjEgNTY0LjUsNTUxQzQ0MC4wNTYsNTg4LjUxNiAzNjQuMTI5LDQ1MC41NzYgMzExLDM0OC41QzIxNi40NDksMTY2Ljg0MSAzMzkuNDE1LDEwNS43NTggNTY0LjUsMTM0WiI+PC9wYXRoPgogICAgPC9nPgogICAgPGcgdHJhbnNmb3JtPSJtYXRyaXgoMS4xMzc5NiwwLDAsMS4xMTM5OCwtMzA1LjA2NCwtMTI3Ljg2MykiPgogICAgICAgIDxwYXRoIGQ9Ik01NjQuNSwxMzRDNzk4Ljk0NCwxODcuOTkyIDgzNywyNzMgODM3LDM0Mi41QzgzNyw0MTIgNzcyLjUxMSw1MTQuODYyIDU2NC41LDU1MUM0NTMuNDMzLDU3MC4yOTYgMzY1LjcwMyw0NDcuMjc2IDMxMSwzNDguNUMxOTQuMDA2LDEzNy4yNDUgMzI4LjYxMyw3OS42NzYgNTY0LjUsMTM0WiIKICAgICAgICAgICAgICBzdHlsZT0iZmlsbC1vcGFjaXR5OjAuMjU7Ij48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPgo=');*!*/
/*    mask-position: 50% 50%;*/
/*    mask-repeat: no-repeat;*/
/*    object-fit: cover;*/
/*    aspect-ratio: 1 / 1;*/
/*}*/

/*.ui-img-masked-v {*/
/*    mask-image: url('../i/masks/blob-v.svg');*/
/*    mask-position: 50% 50%;*/
/*    mask-repeat: no-repeat;*/
/*}*/

/*.ui-dummy-iphone-v {*/
/*    box-sizing: border-box;*/
/*    width: 1350px;*/
/*    height: 1020px;*/
/*    overflow: hidden;*/
/*    background: transparent;*/
/*    zoom: 25%;*/

/*    & * {*/
/*        box-sizing: border-box;*/
/*    }*/

/*    .ui-dummy-iphone-v-body {*/
/*        position: relative;*/
/*        width: 1350px;*/
/*        height: 2760px;*/

/*        .ui-dummy-iphone-v-frame {*/
/*            position: absolute;*/
/*            inset: 0;*/
/*            z-index: 3;*/
/*            background: url('//cdn.arsenal-ic.com/i/apple/iPhone17Pro-CosmicOrange-Portrait.png') no-repeat 50% 50% / cover transparent;*/
/*        }*/

/*        .ui-dummy-iphone-v-frame-bg {*/
/*            content: '';*/
/*            position: absolute;*/
/*            top: 68px;*/
/*            left: 74px;*/
/*            right: 72px;*/
/*            bottom: 68px;*/
/*            z-index: 0;*/
/*            background: var(--color-background);*/
/*            overflow: hidden;*/
/*            border-radius: 186px;*/
/*        }*/

/*        .ui-dummy-iphone-v-container {*/
/*            position: absolute;*/
/*            inset: 260px 68px 68px 68px;*/
/*            z-index: 1;*/
/*            background: transparent;*/
/*            border-radius: 0 0 186px 186px;*/
/*            overflow: hidden;*/

/*            img {*/
/*                position: absolute;*/
/*                top: 0;*/
/*                left: 0;*/
/*                width: 100%;*/
/*                height: auto;*/
/*            }*/
/*        }*/
/*    }*/
/*}*/

.ui-dD4dwxess0-v {
    display: none;
}

.ui-dD4dwxess0 .ui-dD4dwxess0-v {
    display: unset;

    .ui-info-block {
        h3 {
            color: var(--color-warning);
        }
    }
}

.ui-search-dialog {
    position: fixed;
    inset: 0;
    z-index: 999999;
    pointer-events: none;
    font-size: var(--font-size);
    opacity: 0;

    & * {
        box-sizing: border-box;
    }

    &.in {
        pointer-events: auto;
        opacity: 1;

        .collapse-panel-backdrop {
            z-index: -1;
            /*background: hsl(from var(--color-background) h s l / .875);*/
            backdrop-filter: blur(32px);
        }
    }

    .ui-search-dialog-body {
        --_gap: 2rem;
        --_font-size: 2rem;

        @media (max-width: 479px) {
            --_gap: 1.2rem;
            --_font-size: 1.5rem;
        }

        width: 90%;
        max-width: 680px;
        margin: var(--_gap) auto;
        padding: var(--_gap);
        max-height: calc(100vh - var(--_gap) * 2);

        display: flex;
        flex-direction: column;
        gap: calc(var(--_gap) * .75);

        -webkit-background-clip: padding-box;
        -moz-background-clip: padding;
        background-clip: padding-box;
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.3s ease 0s, transform 0.2s ease 0s;
        will-change: transform, opacity;

        border-radius: 32px;
        border: 1px solid hsl(from var(--color-text) h s l / .025);
        background: hsl(from var(--color-background) h s l / .875);
        box-shadow: -1px -1px 1px -1px hsl(from var(--color-text) h s l / .85),
        1px 1px 1px -1px hsl(from var(--color-text) h s l / .85),
        rgba(0, 0, 0, .56) 0 22px 70px 4px;

        .in & {
            opacity: 1;
            transform: translateY(0);
        }

        .hide {
            display: none !important;
        }

        .ui-search-dialog-search {
            .ui-search-dialog-mode {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: start;
                gap: 1em;

                .ui-search-dialog-params {
                    flex: 1;
                }

                & > .btn {
                    min-height: 42px;
                    aspect-ratio: 1 / 1;
                }
            }

            .ui-search-dialog-search-label {
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                align-items: center;
                gap: 1rem;

                & > * {
                    font-size: var(--_font-size);
                }

                i {
                    flex: 0 0 var(--_font-size);
                    opacity: .5;
                    line-height: 1;
                }

                input {
                    border: none !important;
                    outline: none !important;
                    box-shadow: none !important;
                    border-radius: 0 !important;
                    padding: 0 !important;
                    margin: 0 !important;
                    height: calc(var(--_font-size) * 1.3);
                    line-height: 1.3;
                    flex: 1;
                }
            }
        }

        .ui-search-dialog-results {
            position: relative;
            overflow: auto;
            scrollbar-width: none;
            min-height: 100px;

            .ui-search-rows {
                .ui-search-item {
                    position: relative;
                    display: grid;
                    grid-template-areas:
                    "icon title"
                    "icon desc"
                    "icon chips";
                    grid-template-columns: 24px 1fr;
                    gap: .2em 1rem;
                    color: var(--color-text) !important;
                    text-decoration: none;
                    padding: .5em;

                    &:after {
                        position: absolute;
                        content: '';
                        inset: 0;
                        z-index: -1;
                        transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
                        border-radius: var(--border-radius);
                        opacity: .2;
                    }

                    &:hover:after {
                        background: var(--color-primary);
                    }

                    & > * {
                        line-height: 1.4;
                    }

                    .ui-search-item-icon {
                        grid-area: icon;

                        i {
                            font-size: calc(var(--font-size) * 1.3);
                            opacity: .5;
                        }
                    }

                    .ui-search-item-title {
                        grid-area: title;

                        &:after {
                            content: attr(data-status);
                            display: inline-block;
                            position: absolute;
                            top: 1.4em;
                            margin: 0 .5rem;
                            background: var(--_color, gray);
                            color: white;
                            text-transform: uppercase;
                            font-size: .5em;
                            padding: .25em .5em;
                            line-height: 1.4em;
                            border-radius: .5em;

                            will-change: transform;
                            transition: all 280ms cubic-bezier(0.4, 0, 0.2, 1);
                            /*transform: translateX(-10px);*/
                            /*opacity: 0;*/
                        }
                    }

                    .ui-search-item-desc {
                        grid-area: desc;
                        font-size: smaller;
                    }

                    .ui-search-item-chips {
                        grid-area: chips;
                        font-size: smaller;
                        opacity: .5;
                        display: flex;
                        flex-direction: row;
                        flex-wrap: wrap;
                        justify-content: start;
                        gap: 0 1em;

                        & > * {
                            position: relative;

                            &:not(:last-child):after {
                                content: "·";
                                position: absolute;
                                right: -.5em;
                                transform: translateX(50%);
                                opacity: .5;
                            }
                        }
                    }
                }

            }
        }

        .ui-search-dialog-bottom {
            small {
                display: flex;
                flex-direction: row;
                align-items: start;
                gap: .5em;

                i {
                    font-size: 16px;
                    flex: 0 0 16px;
                    margin-top: 2px;
                }
            }
        }
    }
}

.ui-oxa {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
}

.ui-totp {
    .ui-grid-cell p {
        margin-bottom: .75rem;
    }

    .ui-totp-step {
        display: none;

        &.active {
            display: block;
        }
    }

    .ui-totp-qr {
        max-width: 320px;
        aspect-ratio: 1 / 1;
    }

    .ui-totp-codes {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1em;
        font-family: "Courier New";
        margin-left: 0 !important;

        & > * {
            list-style: none !important;
            display: block;
            padding: 1em;
            border: 1px solid var(--color-border);
            border-radius: var(--border-radius);
            background: var(--color-surface);
            text-align: center;
            font-size: larger;
            line-height: 1;

            &:before {
                display: none;
            }
        }
    }
}

.hide-fix {
    display: none !important;
}

.ui-b {
    display: block;
}

.ui-cb-container {
    & + .ui-cb-required {
        display: none;
    }

    &:has(input[type="checkbox"]:checked) {
        & + .ui-cb-required {
            display: block;
        }
    }
}