@charset "UTF-8";@font-face {
    font-family: Glyphicons Halflings;
    src: url(content/glyphicons-halflings-regular.eot);
    src: url(content/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),url(content/glyphicons-halflings-regular.woff2) format("woff2"),url(content/glyphicons-halflings-regular.woff) format("woff"),url(content/glyphicons-halflings-regular.ttf) format("truetype"),url(content/images/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

@font-face {
    font-family: Noto Sans;
    font-weight: 300;
    font-style: normal;
    src: url(content/NotoSans-Light.woff2) format("woff2"),url(content/NotoSans-Light.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-style: normal;
    src: url(content/NotoSans-Regular.woff2) format("woff2"),url(content/NotoSans-Regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Noto Sans;
    font-weight: 500;
    font-style: normal;
    src: url(content/NotoSans-Medium.woff2) format("woff2"),url(content/NotoSans-Medium.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Noto Sans;
    font-weight: 600;
    font-style: normal;
    src: url(content/NotoSans-SemiBold.woff2) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Noto Sans;
    font-weight: 700;
    font-style: normal;
    src: url(content/NotoSans-Bold.woff2) format("woff2"),url(content/NotoSans-Bold.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: Noto Sans;
    font-weight: 400;
    font-style: italic;
    src: url(content/NotoSans-Italic.woff2) format("woff2"),url(content/NotoSans-Italic.woff) format("woff");
    font-display: swap
}

:root {
    --font-size-base: 14px;
    --font-size-xsmall: .715em;
    --font-size-small: .857em;
    --font-size-medium: 1.285em;
    --icon-indent: 8px;
    --label-indent: 8px;
    --button-min-width: 152px;
    --input-min-width: 230px;
    --indent-base: 12px;
    --radius-base: 6px;
    --side-width: 280px;
    --side-width-s: 220px;
    --icon-width-base: 40px;
    --wrap-indent-base: 20px;
    --wrap-indent-tab: 59px;
    --wrap-indent-l: 32px;
    --wrap-indent-m: 24px;
    --wrap-indent-s: 16px;
    --wrap-indent-xs: 8px;
    --page-min-width: 1024px;
    --content-max-width: 1200px;
    --content-sm-width: 760px;
    --content-min-height: 520px;
    --duration-base: .24s;
    --indent-2xs: var(--indent-s);
    --indent-xs: var(--indent-m);
    --indent-s: 8px;
    --radius-sm: var(--radius-s);
    --radius-s: 4px;
    --control-height-s: 36px;
    --indent-m: var(--indent-base);
    --radius-m: var(--radius-base);
    --control-height-m: 40px;
    --indent-l: var(--indent-base);
    --radius-l: var(--radius-base);
    --control-height-l: 48px;
    --clr-white: #fff;
    --clr-text: #383e47;
    --clr-error: #ff2969;
    --clr-success: #76bf69;
    --clr-gray: #9caab4;
    --clr-gray-dark: #6d7683;
    --clr-label: var(--clr-gray-dark);
    --clr-placeholder-type-1: #ccd2d7;
    --clr-placeholder-type-2: #9eaab3;
    --clr-placeholder-disabled: var(--clr-placeholder-type-1);
    --clr-orange-h: 28;
    --clr-orange-s: 100%;
    --clr-orange-l: 50%;
    --clr-blue-h: 217;
    --clr-blue-s: 88%;
    --clr-blue-l: 57%;
    --clr-primary-h: var(--clr-blue-h);
    --clr-primary-s: var(--clr-blue-s);
    --clr-primary-l: var(--clr-blue-l);
    --clr-primary: hsl(var(--clr-primary-h),var(--clr-primary-s),var(--clr-primary-l));
    --clr-primary-light: hsl(var(--clr-primary-h),var(--clr-primary-s),94%);
    --clr-border-primary: hsl(var(--clr-primary-h),12%,88%);
    --clr-bg-pager-item: hsl(var(--clr-primary-h),27%,98%);
    --clr-bg-table-head: hsl(var(--clr-primary-h),16%,90%);
    --clr-bg-table-hover: hsl(var(--clr-primary-h),27%,98%);
    --clr-border-table-td: hsl(var(--clr-primary-h),20%,95%);
    --clr-bg-control: hsl(var(--clr-primary-h),20%,96%);
    --clr-bg-control-hover: hsl(var(--clr-primary-h),20%,94%);
    --clr-bg-control-focus: hsl(var(--clr-primary-h),20%,92%)
}

h1 {
    font-size: 48px;
    font-weight: 600;
    line-height: 1.2
}

h1 span {
    font-weight: 400
}

.c-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px
}

.c-subtitle,.c-title {
    font-weight: 300;
    margin-bottom: 1em
}

.c-subtitle strong,.c-title strong {
    font-weight: 600
}

.c-title {
    font-size: 2.575em
}

.c-subtitle {
    font-size: 1.285em
}

.c-subblock .c-subtitle {
    margin-top: 0
}

.c-line {
    display: grid;
    justify-content: start;
    gap: 36px
}

.c-line--auto {
    grid-auto-flow: column
}

.c-line--sm {
    grid-template-columns: repeat(auto-fill,240px)
}

.c-line--md {
    grid-template-columns: repeat(auto-fill,360px)
}

.c-line--lg {
    grid-template-columns: repeat(auto-fill,440px)
}

.c-line:not(:last-child) {
    margin-bottom: 36px
}

.c-block:not(:last-child) {
    margin-bottom: 108px
}

.c-subblock:not(:last-child) {
    margin-bottom: 54px
}

.c-line .c-subblock {
    margin-bottom: 0
}

.c-list__item:not(:last-child) {
    margin-bottom: 32px
}

.c-row {
    display: flex;
    margin: calc(var(--indent-base)*-1);
    flex-wrap: wrap
}

.c-col {
    padding: var(--indent-base);
    flex: 1 1 0
}

*,:after,:before {
    box-sizing: border-box
}

body,html {
    height: 100%
}

body {
    font-family: Noto Sans,sans-serif;
    font-size: var(--font-size-base);
    margin: 0;
    color: var(--clr-text)
}

body button,body input,body optgroup,body select,body textarea {
    font-family: inherit;
    font-size: inherit;
    color: currentColor;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.svg-clr {
    display: inline-block;
    vertical-align: middle
}

.svg {
    fill: currentColor
}

.svg,img {
    display: block;
    max-width: 100%;
    height: auto
}

a {
    text-decoration: none;
    color: var(--clr-primary)
}

[data-js-focus-visible] :focus:not([data-focus-visible-added]) {
    outline: none
}

:focus {
    outline-offset: 4px
}

.page__body {
    min-width: var(--page-min-width)
}

.main-wrap {
    display: grid;
    height: 100vh;
    grid-template-columns: var(--side-width) 1fr;
    grid-template-rows: auto 1fr
}

.main-wrap.collapsed {
    grid-template-columns: calc(var(--icon-width-base) + var(--wrap-indent-base)*2) 1fr
}

.wrap {
    display: grid;
    height: 100vh;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr
}

.error-text {
    font-size: var(--font-size-small);
    line-height: 1.5;
    color: var(--clr-error)
}

.error-text--center {
    text-align: center
}

.error-text--right {
    text-align: right
}

.align-center {
    text-align: center
}

.is-disabled {
    color: var(--clr-gray)!important
}

.is-disabled,.is-disabled summary {
    cursor: not-allowed!important
}

.list {
    display: grid;
    margin: 0;
    padding: 0;
    list-style: none;
    grid-template-columns: 100%
}

.list .list {
    margin-left: 62px
}

.list--sm {
    gap: var(--indent-l)
}

.list--bordered>.list__item:not(:last-child) {
    padding-bottom: var(--indent-base);
    border-bottom: 1px solid var(--clr-border-table-td)
}

.row {
    display: flex;
    margin: -12px -16px;
    flex-wrap: wrap
}

.row--aife {
    align-items: flex-end
}

.col {
    padding: 12px 16px;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 0
}

.col--full {
    max-width: 100%;
    flex-basis: 100%
}

.col--half {
    max-width: 50%;
    flex-basis: 50%
}

.col--third {
    max-width: 33.333%;
    flex-basis: 33.333%
}

.col--two-thirds {
    max-width: 66.666%;
    flex-basis: 66.666%
}

.col--fourth {
    max-width: 25%;
    flex-basis: 25%
}

.col--eighth {
    max-width: 12.5%;
    flex-basis: 12.5%
}

.col--seven-eighths {
    max-width: 87.5%;
    flex-basis: 87.5%
}

.col--three-fourths {
    max-width: 75%;
    flex-basis: 75%
}

.line {
    display: flex;
    margin: calc(var(--wrap-indent-xs)*-1) calc(var(--indent-base)*-1);
    align-items: center;
    flex-wrap: wrap
}

.line__item {
    padding: var(--wrap-indent-xs) var(--indent-base)
}

.line__item--mra {
    margin-right: auto
}

.line__item--mla {
    margin-left: auto
}

.line--jcsb {
    justify-content: space-between
}

.line--jcfe {
    justify-content: flex-end
}

.start-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    padding: var(--indent-base);
    justify-content: center;
    align-items: center
}

.start-page__wrap {
    width: 100vw;
    height: 100vh;
    background-color: var(--clr-white)
}

.start-page__wrap .vcenter {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100vw
}

.start-page__top {
    margin-bottom: 32px
}

.start-page__logo {
    margin-bottom: 24px
}

.start-page__logo img {
    margin: 0 auto
}

.start-page__title {
    font-size: 20px;
    font-weight: 700;
    text-align: center
}

.start-page__tabs {
    margin-top: 32px
}

.start-page__main {
    margin: 0 auto
}

.start-page__main--narrow {
    max-width: 200px
}

.start-page__main--wide {
    max-width: 480px
}

.start-page__group:not(:last-child) {
    margin-bottom: 16px
}

.start-page__error {
    margin-top: 16px;
    margin-bottom: -16px
}

.start-page__submit {
    margin-top: 36px;
    text-align: center
}

.start-page__submit button {
    width: 100%;
    max-width: 200px
}

.start-page__extra {
    margin-top: 20px
}

.start-page__bottom {
    margin-top: 32px;
    text-align: center
}

.start-page__contacts,.start-page__link {
    font-size: var(--font-size-small)
}

.start-page__contacts {
    margin-top: 16px;
    color: var(--clr-gray-dark)
}

.start-page__contacts p {
    margin: 0
}

.start-page__contacts p:not(:last-child) {
    margin-bottom: .2em
}

.start-page__cover {
    margin-bottom: var(--wrap-indent-m)
}

.start-page__cover img {
    margin: auto
}

.start-page__error-links {
    font-size: var(--font-size-medium);
    font-weight: 600
}

.start-page__form:invalid button {
    --color-s: 12%;
    --color-l: 88%;
    pointer-events: none
}

.error-block {
    font-weight: 700;
    text-align: center
}

.error-block__title {
    font-size: 2.25em;
    margin-bottom: .2em
}

.error-block__description {
    font-size: var(--font-size-medium)
}

.tabs {
    border-bottom: 2px solid transparent
}

.tabs--2 {
    border-color: var(--clr-primary-light)
}

.tabs__list {
    display: flex;
    margin: calc(var(--wrap-indent-xs)*-1) calc(var(--indent-base)*-1);
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
    align-items: center
}

.tabs__list--center {
    justify-content: center
}

.tabs__item {
    padding: var(--wrap-indent-xs) var(--indent-base)
}

.tabs__link {
    font-size: 14px;
    font-weight: 500;
    position: relative;
    display: inline-block;
    padding: 8px 0;
    vertical-align: middle;
    color: var(--clr-text);
    cursor: pointer
}

.tabs__link:after {
    position: absolute;
    right: 0;
    bottom: -2px;
    left: 0;
    height: 2px;
    content: "";
    background-color: initial
}

.tabs__link--active,.tabs__link:hover {
    color: var(--clr-primary)
}

.tabs__link--active:after {
    background-color: currentColor
}

.tabs__link--disabled {
    cursor: not-allowed;
    pointer-events: none;
    color: var(--clr-placeholder-disabled)
}

.tabs__qty {
    color: var(--clr-gray)
}

.header {
    position: relative;
    overflow: hidden;
    padding: var(--indent-s) var(--wrap-indent-base);
    grid-column: 1/3
}

.header:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: "";
    background-color: var(--clr-border-primary)
}

.header__wrap {
    display: grid;
    align-items: stretch;
    grid-template-columns: var(--side-width) 1fr auto
}

.header__logo {
    display: flex;
    align-items: center
}

.header__notify {
    position: absolute;
    z-index: 8;
    top: 50%;
    right: 0;
    transition: .8s;
    transform: translateY(-50%)
}

.header__notify.hidden {
    right: -100%
}

.logo {
    font-size: var(--font-size-small);
    font-weight: 700;
    line-height: 1.2;
    text-wrap: nowrap;
    font-size: 3vh;
    display: inline-grid;
    color: var(--clr-text);
    grid-template-columns: 28px 60px;
    align-items: center;
    gap: var(--indent-s)
}

.h-nav__list,.logo {
    justify-content: start
}

.h-nav__list {
    display: grid;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: stretch;
    grid-auto-flow: column;
    gap: var(--wrap-indent-l)
}

.h-nav__link {
    font-weight: 600;
    position: relative;
    display: flex;
    height: 100%;
    min-height: 40px;
    transition: color .2s;
    text-transform: uppercase;
    color: var(--clr-text);
    align-items: center
}

.activeNavLink,.h-nav__link:hover {
    color: var(--clr-primary)
}

.activeNavLink:before {
    position: absolute;
    top: calc(var(--indent-s)*-1);
    right: 0;
    left: 0;
    height: 2px;
    content: "";
    background-color: var(--clr-primary)
}

.h-profile {
    font-weight: 500;
    display: grid;
    grid-auto-flow: column;
    justify-self: start;
    align-items: center;
    gap: var(--wrap-indent-xs)
}

.h-profile__main {
    text-align: right
}

.h-profile__post {
    font-size: var(--font-size-small);
    line-height: 1;
    color: var(--clr-gray)
}

.r-notify {
    display: flex;
    padding: var(--indent-s) var(--indent-base);
    color: var(--clr-white);
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-top-left-radius: var(--radius-base);
    border-bottom-left-radius: var(--radius-base);
    background-color: var(--clr-gray);
    align-items: center;
    gap: var(--indent-base)
}

.r-notify--success {
    background-color: var(--clr-success)
}

.r-notify--error {
    background-color: var(--clr-error)
}

.r-notify__text {
    font-size: 12px
}

.side {
    position: relative;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    padding: var(--wrap-indent-base) 0
}

.side.collapsed {
    padding-right: var(--wrap-indent-base)
}

.side.collapsed .side-link__label,.side.collapsed .side-link__qty {
    display: none
}

.side__wrap {
    display: flex;
    overflow-y: auto;
    flex-direction: column;
    padding: 0 var(--wrap-indent-base);
    flex-grow: 1;
    scrollbar-width: thin;
    scrollbar-color: var(--clr-bg-control);
    overflow-x: hidden
}

.side.collapsed .side__wrap {
    padding: 0 auto;
    scrollbar-width: auto
}

.side__wrap::-webkit-scrollbar {
    width: 4px
}

.side__wrap::-webkit-scrollbar-track {
    background-color: initial
}

.side__wrap::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background-color: var(--clr-bg-control)
}

.side__main {
    margin-bottom: var(--wrap-indent-base)
}

.side__bottom {
    margin-top: auto
}

.side-nav__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.side-nav__list--sub {
    margin-top: var(--wrap-indent-base);
    margin-left: var(--wrap-indent-base)
}

.side-nav__item:not(:last-child) {
    margin-bottom: var(--wrap-indent-base)
}

.side-nav__item--extra {
    margin-top: var(--wrap-indent-l)
}

.side-nav__item summary {
    font-weight: 500;
    cursor: pointer;
    -webkit-hyphens: auto;
    hyphens: auto
}

.side-link {
    font-weight: 600;
    display: grid;
    transition: color .2s;
    color: var(--clr-text);
    grid-template-columns: 24px 1fr auto;
    gap: var(--wrap-indent-s);
    cursor: pointer
}

.side-link--extra {
    position: relative;
    color: var(--clr-placeholder-type-1)
}

.side-link--extra:before {
    position: absolute;
    top: -8px;
    right: -8px;
    bottom: -8px;
    left: -8px;
    content: "";
    transition: border-color .2s;
    border: 1px solid var(--clr-placeholder-type-1);
    border-radius: var(--radius-base)
}

.side-link--extra:hover {
    color: var(--clr-primary)
}

.side-link--extra:hover:before {
    border-color: var(--clr-primary)
}

.side-link--extra:hover .side-link__icons .svg-clr:last-child {
    opacity: 1
}

.activeSideLink,.side-link:hover {
    color: var(--clr-primary)
}

.activeSideLink .side-link__icons .svg-clr:last-child {
    opacity: 1
}

.side-link__icons {
    display: grid
}

.side-link__icons .svg-clr {
    grid-area: 1/2
}

.side-link__icons .svg-clr:last-child {
    opacity: 0
}

.side-link__label,.side-link__qty {
    display: flex;
    align-items: center
}

.side-link__label {
    min-height: 24px
}

.side-link__qty {
    font-size: 10px;
    line-height: 20px;
    display: none;
    min-width: 20px;
    height: 20px;
    margin-top: 8px;
    padding: 0 4px;
    text-align: center;
    color: var(--clr-text);
    border-radius: 10px;
    background-color: var(--clr-primary-light)
}

.deals .side-link__qty {
    display: block
}

.side-btn {
    display: grid;
    padding: 0;
    cursor: pointer;
    border: 0;
    background-color: initial
}

.side-btn.collapsed svg {
    transform: rotate(180deg)
}

.side-btn:hover .svg-clr:last-child {
    opacity: 1
}

.side-btn .svg-clr {
    grid-area: 1/2
}

.side-btn .svg-clr:last-child {
    opacity: 0
}

.sub-link {
    font-size: var(--font-size-small);
    font-weight: 500;
    line-height: 1.2;
    display: grid;
    color: var(--clr-text);
    grid-template-columns: 1fr auto
}

.sub-link--active {
    color: var(--clr-primary)
}

.sub-link__qty {
    font-size: var(--font-size-xsmall);
    font-weight: 600;
    line-height: var(--wrap-indent-base);
    display: block;
    min-width: var(--wrap-indent-base);
    height: var(--wrap-indent-base);
    margin-top: 2px;
    padding: 0 4px;
    text-align: center;
    color: var(--clr-text);
    border-radius: calc(var(--wrap-indent-base)/2);
    background-color: var(--clr-primary-light)
}

.main {
    position: relative;
    overflow-y: auto;
    width: 100%;
    padding: var(--wrap-indent-base)
}

.footer {
    display: grid;
    grid-column: 1/3
}

.main--sticky {
    display: flex;
    overflow-y: hidden;
    flex-direction: column
}

.main--sticky .main__body,.main--sticky .main__wrap {
    display: flex;
    flex-direction: column;
    height: 100%;
    flex-grow: 1
}

.main__header {
    position: sticky;
    z-index: 2;
    top: calc(var(--wrap-indent-base)*-1);
    margin-top: calc(var(--wrap-indent-base)*-1);
    margin-right: calc(var(--indent-s)*-1);
    margin-left: calc(var(--indent-s)*-1);
    padding: var(--wrap-indent-s) var(--indent-s);
    background-color: var(--clr-white)
}

.main__tabs,.main__under-title {
    margin-top: var(--wrap-indent-s);
    margin-bottom: var(--wrap-indent-l)
}

.main__over-body {
    margin-bottom: var(--indent-base)
}

.main__body {
    min-width: 0
}

.main__block:not(:last-child) {
    margin-bottom: var(--wrap-indent-l)
}

.main__wrap {
    width: calc(100% - 20px)
}

.main__wrap--sm {
    max-width: var(--content-sm-width)
}

.main__wrap--single {
    margin-right: auto;
    margin-left: auto
}

.main__footer {
    margin-top: var(--wrap-indent-base)
}

.main__footer--sticky {
    position: sticky;
    z-index: 4;
    bottom: calc(var(--wrap-indent-base)*-1);
    padding: var(--wrap-indent-s) 0;
    background-color: hsla(0,0%,100%,.8);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px)
}

.main__grid {
    display: grid;
    grid-template-columns: var(--side-width-s) 1fr;
    gap: var(--wrap-indent-base)
}

.title {
    font-size: 1.715em;
    font-weight: 600
}

.subtitle {
    font-size: var(--font-size-medium)
}

.subtitle--gray {
    color: var(--clr-gray)
}

.text li,.text p {
    margin: 1em 0
}

.text ol {
    padding-left: 0;
    list-style-type: none;
    counter-reset: item
}

.text ol li {
    counter-increment: item
}

.text ol li:before {
    font-weight: 600;
    content: counters(item,".") ". "
}

.text ol li ol {
    margin-left: 2em
}

.text ol li ol>li:before {
    content: counters(item,".") ". "
}

.text--right {
    text-align: right
}

.text--ttu {
    text-transform: uppercase
}

[data-modal] {
    cursor: pointer
}

.block--narrow {
    max-width: 200px;
    margin: 0 auto
}

.block__top {
    margin-bottom: var(--wrap-indent-s)
}

.block__top--extra {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.block__subblock:not(:last-child) {
    margin-bottom: var(--wrap-indent-l)
}

.block__bottom {
    margin-top: var(--wrap-indent-s)
}

.block-title {
    font-size: 1.285em;
    font-weight: 500
}

.block-title span {
    color: var(--clr-gray)
}

.more-wrap {
    width: 100%
}

.more-wrap[open] .more-ctrl__icon {
    transform: rotate(180deg)
}

.more-ctrl {
    font-weight: 500;
    display: inline-grid;
    cursor: pointer;
    vertical-align: middle;
    color: var(--clr-primary);
    grid-auto-flow: column;
    justify-content: start;
    gap: var(--wrap-indent-xs);
    align-items: center
}

.more-ctrl+.row {
    margin-top: var(--wrap-indent-xs)
}

.more-ctrl::-webkit-details-marker {
    display: none
}

.more-item--bordered {
    padding: 8px 12px;
    border: 1px solid var(--clr-border-table-td);
    border-radius: var(--radius-base)
}

.more-item--bordered .more-item__main {
    margin-top: 20px
}

.more-item[open]>summary .more-item__marker:before {
    transform: rotate(90deg)
}

.more-item--load .more-item__marker:before {
    display: none;
    opacity: 0
}

.more-item--load .more-item__marker:after {
    display: block;
    box-sizing: border-box;
    width: 12px;
    height: 12px;
    content: "";
    animation: lds-hourglass 1.2s infinite;
    border-color: var(--clr-text);
    border-left: 2px solid transparent;
    border-bottom: 2px solid var(--clr-primary);
    border-right: 2px solid transparent;
    border-top: 2px solid var(--clr-primary);
    border-radius: 50%
}

.more-item__top {
    display: flex;
    list-style: none;
    cursor: pointer;
    align-items: flex-start
}

.more-item__top::-webkit-details-marker {
    display: none
}

.more-item__marker {
    position: relative;
    display: flex;
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-right: 4px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center
}

.more-item__marker:before {
    width: 0;
    height: 0;
    content: "";
    border-color: transparent transparent transparent currentcolor;
    border-style: solid;
    border-width: 4px 0 4px 6px
}

.more-item__marker svg {
    transform: rotate(-90deg)
}

.more-item__title {
    flex-grow: 1
}

.more-item__main {
    margin-top: var(--indent-base)
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    to {
        transform: rotate(5turn)
    }
}

.c-btn {
    font-weight: 600;
    display: inline-grid;
    width: 100%;
    vertical-align: middle;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center
}

.c-btn--primary {
    --color-h: var(--clr-primary-h);
    --color-s: var(--clr-primary-s);
    --color-l: var(--clr-primary-l);
    --color: hsl(var(--color-h),var(--color-s),var(--color-l))
}

.c-btn--light {
    color: var(--color);
    background-color: hsl(var(--color-h),var(--color-s),94%)
}

.c-btn--light:hover {
    background-color: hsl(var(--color-h),var(--color-s),89%)
}

.c-btn--light:active {
    background-color: hsl(var(--color-h),var(--color-s),82%)
}

.c-btn--light:disabled {
    color: hsl(var(--color-h),14%,66%);
    background-color: hsl(var(--color-h),12%,88%)
}

.c-btn--s {
    font-size: var(--font-size-small);
    min-height: var(--control-height-s);
    padding: 0 var(--indent-s);
    border-radius: var(--radius-base);
    gap: 4px
}

.link {
    display: inline-flex;
    padding: 0;
    cursor: pointer;
    vertical-align: middle;
    border: 0;
    background-color: initial
}

.link--text {
    vertical-align: inherit
}

.link--primary {
    color: var(--color);
    --color-h: var(--clr-primary-h);
    --color-s: var(--clr-primary-s);
    --color-l: var(--clr-primary-l);
    --color: hsl(var(--color-h),var(--color-s),var(--color-l))
}

.link--primary:hover {
    --color-l: 45%
}

.link--primary:active {
    --color-l: 39%
}

.link--gray {
    color: var(--clr-gray)
}

.link--gray:hover {
    color: var(--clr-gray-dark)
}

.link--underline {
    text-decoration: underline
}

.link svg {
    max-width: none
}

.main-link {
    font-weight: 600;
    color: var(--clr-text)
}

.main-link--active {
    color: var(--clr-primary)
}

.dd-wrap {
    position: relative
}

.dd-wrap--active .dd-list {
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

.dd-btn svg {
    transform: rotate(180deg)
}

.dd-list {
    position: absolute;
    z-index: 4;
    bottom: 100%;
    visibility: hidden;
    overflow: hidden;
    min-width: 100%;
    margin: 0 0 var(--wrap-indent-xs) 0;
    padding: 0;
    list-style: none;
    transition: .2s;
    pointer-events: none;
    opacity: 0;
    border: 1px solid var(--clr-border-primary);
    border-radius: var(--radius-base);
    background-color: var(--clr-white);
    box-shadow: 0 12px 36px rgba(0,0,0,.1)
}

.dd-link {
    display: flex;
    min-height: var(--control-height-s);
    padding: 0 var(--indent-base);
    white-space: nowrap;
    color: var(--clr-text);
    align-items: center
}

.dd-link:hover {
    background-color: hsl(var(--clr-primary-h),var(--clr-primary-s),98%)
}

.files .file-item {
    margin-top: var(--indent-base)
}

.file-item {
    font-weight: 500;
    position: relative;
    border-radius: var(--radius-base)
}

.file-item:hover {
    background-color: var(--clr-bg-control)
}

.file-item:hover .file-item__extra {
    opacity: 1
}

.file-item__main {
    display: grid;
    padding: 4px var(--wrap-indent-xs);
    color: var(--clr-text);
    grid-auto-flow: column;
    justify-content: start;
    align-items: center;
    gap: var(--indent-s)
}

.file-item__description {
    font-size: var(--font-size-xsmall);
    white-space: nowrap;
    color: var(--clr-gray)
}

.file-item__extra {
    position: absolute;
    z-index: 2;
    top: 50%;
    right: var(--indent-base);
    display: grid;
    transform: translateY(-50%);
    opacity: 0;
    grid-auto-flow: column;
    gap: var(--wrap-indent-xs)
}

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

.loader--l .svg-clr {
    width: 64px
}

.loader .svg-clr {
    height: auto;
    animation: rotation 1s linear 0s infinite normal none running
}

@keyframes rotation {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.tag {
    font-size: 9px;
    font-weight: 600;
    display: inline-flex;
    min-height: var(--font-size-base);
    padding-right: calc(var(--wrap-indent-xs) - 2px);
    padding-left: calc(var(--wrap-indent-xs)/2);
    vertical-align: middle;
    color: var(--clr-white);
    border-radius: calc(var(--font-size-base)/2);
    background-color: var(--clr-gray);
    align-items: center
}

.tag svg {
    margin-right: calc(var(--wrap-indent-xs)/2)
}

.tag--success {
    background-color: var(--clr-success)
}

.no-data {
    display: flex;
    flex-direction: column;
    min-height: 200px;
    padding: var(--wrap-indent-base);
    text-align: center;
    background-color: var(--clr-bg-table-hover);
    align-items: center;
    justify-content: center
}

.no-data__description {
    margin-top: var(--wrap-indent-base);
    color: var(--clr-gray)
}

.index-line--sub .index-line__name {
    padding-left: 20px
}

.index-line--sub .index-line__name:before {
    font-weight: 700;
    position: absolute;
    left: 0;
    content: "— "
}

.index-line--sub .index-line__value {
    font-size: 20px
}

.index-line__wrap {
    position: relative;
    display: flex;
    gap: var(--indent-base)
}

.index-line__num {
    font-size: 16px;
    font-weight: 500;
    text-align: right;
    color: var(--clr-gray);
    flex-shrink: 0;
    flex-basis: 32px
}

.index-line__body {
    flex-grow: 1
}

.index-line__link {
    font-size: 12px;
    margin-left: 20px;
    color: var(--clr-gray)
}

.index-line__link a {
    text-decoration: underline
}

.index-line__value {
    font-size: 24px;
    font-weight: 500;
    text-align: right;
    color: var(--clr-placeholder-type-1);
    flex-basis: 80px;
    flex-shrink: 0
}

.index-line__value .switch {
    width: 16px;
    margin-left: auto
}

.btn {
    font-weight: 600;
    line-height: 1.2;
    display: inline-grid;
    min-width: var(--button-min-width);
    cursor: pointer;
    transition: background-color var(--duration-base);
    text-decoration: none;
    border: none;
    background-color: initial;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
    gap: var(--icon-indent)
}

.btn:disabled {
    cursor: not-allowed
}

.btn--expandable {
    width: 100%
}

.btn--s {
    min-height: var(--control-height-s);
    padding: 0 var(--indent-base)
}

.btn--m,.btn--s {
    border-radius: var(--radius-base)
}

.btn--m {
    height: var(--control-height-m);
    padding: 0 var(--indent-m)
}

.btn--l {
    height: var(--control-height-l);
    padding: 0 var(--indent-l);
    border-radius: var(--radius-l)
}

.btn--primary {
    --color-h: var(--clr-primary-h);
    --color-s: var(--clr-primary-s);
    --color-l: var(--clr-primary-l);
    --color: hsl(var(--color-h),var(--color-s),var(--color-l))
}

.btn--primary:focus {
    outline-color: var(--color)
}

.btn--gray {
    --color: var(--clr-gray)
}

.btn--gray:focus {
    outline-color: var(--color)
}

.btn--1 {
    color: var(--clr-white);
    background-color: var(--color)
}

.btn--100 {
    min-width: 90%;
}


.btn--1:hover {
    --color-l: 45%
}

.btn--1:active {
    --color-l: 39%
}

.btn--1:disabled {
    --color-s: 12%;
    --color-l: 88%
}

.btn--2 {
    color: var(--color);
    border: 1px solid;
    background-color: var(--clr-white)
}

.btn--2:hover {
    background-color: hsl(var(--color-h),var(--color-s),99%)
}

.btn--2:active {
    background-color: hsl(var(--color-h),var(--color-s),94%)
}

.btn--2:disabled {
    background-color: initial;
    --color-s: 14%;
    --color-l: 66%
}

.btn--3 {
    color: var(--color);
    background-color: hsl(var(--color-h),var(--color-s),94%)
}

.btn--3:hover {
    background-color: hsl(var(--color-h),var(--color-s),89%)
}

.btn--3:active {
    background-color: hsl(var(--color-h),var(--color-s),82%)
}

.btn--3:disabled {
    color: hsl(var(--color-h),14%,66%);
    background-color: hsl(var(--color-h),12%,88%)
}

.btn--4 {
    color: var(--color)
}

.btn--4:hover {
    background-color: hsl(var(--color-h),var(--color-s),99%)
}

.btn--4:active {
    background-color: hsl(var(--color-h),var(--color-s),94%)
}

.btn--4:disabled {
    background-color: initial;
    --color-s: 14%;
    --color-l: 66%
}

.btn--icon {
    min-width: auto
}

.form-group,.group {
    position: relative
}

.form-group--line,.group--line {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.form-group--line .form-label,.group--line .form-label {
    min-width: 2ch;
    margin-right: var(--label-indent);
    margin-bottom: 0
}

.form-group--grid,.group--grid {
    display: grid;
    grid-template-columns: 1fr var(--button-min-width);
    gap: var(--indent-base);
    align-items: start
}

.form-group--grid .form-label,.group--grid .form-label {
    font-size: var(--font-size-base)
}

.form-group .gray-link,.group .gray-link {
    position: absolute;
    top: 0;
    right: 0;
    transition: opacity .2s;
    pointer-events: none;
    opacity: .2
}

.form-group:hover .gray-link,.group:hover .gray-link {
    pointer-events: auto;
    opacity: 1
}

.form-group .switch,.group .switch {
    display: flex
}

input,select,textarea {
    display: block;
    width: 100%;
    resize: none;
    border: none;
    border-radius: inherit;
    outline: none;
    background-color: initial
}

input[type=checkbox] {
    display: inline;
    background-color: #0ff;
    height: 1em;
    appearance: auto;
    width: auto
}

input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus {
    box-shadow: none!important
}

.form-field {
    display: inline-flex;
    min-height: var(--control-height);
    padding: 0 var(--indent-base);
    transition: border-color var(--duration-base),background-color var(--duration-base);
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: var(--radius-base)
}

.form-field.disabled {
    cursor: not-allowed
}

.form-field.disabled button,.form-field.disabled label {
    pointer-events: none
}

.form-field--select,.form-field--text {
    width: 100%;
    align-items: center
}

.form-field--select .ss-arrow span {
    border-color: hsl(var(--color-h),12%,72%)
}

.form-field--select .ss-value {
    height: calc(var(--control-height) - 8);
    padding: 2px calc(var(--control-height)/4)
}

.form-field--select.user-select .ss-main,.form-field--select.user-select .ss-main .ss-single-selected .placeholder {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    user-select: auto
}

.form-field--textarea {
    width: 100%;
    align-items: flex-start
}

.form-field--textarea .form-control {
    padding-top: calc(var(--control-height)/4);
    padding-bottom: calc(var(--control-height)/4)
}

.form-field--textarea .file-attach,.form-field--textarea .form-btn,.form-field--textarea .form-icon {
    margin-top: 8px
}

.form-field--files {
    width: 100%
}

.form-field--files .file-attach {
    margin-right: calc(var(--icon-width-base)/4*-1)
}

.form-field--primary {
    --color-h: var(--clr-primary-h);
    --color-s: var(--clr-primary-s);
    --color-l: var(--clr-primary-l);
    --color: hsl(var(--color-h),var(--color-s),var(--color-l))
}

.form-field--s {
    --control-height: calc(var(--control-height-s) - 2px)
}

.form-field--s .ss-add {
    margin-top: 10px
}

.form-field--m {
    --control-height: calc(var(--control-height-m) - 2px)
}

.form-field--m .ss-add {
    margin-top: 14px
}

.form-field--l {
    font-size: 1.15em;
    --control-height: calc(var(--control-height-l) - 2px)
}

.form-field--l .ss-add {
    margin-top: 18px
}

.form-field--1 {
    background-color: var(--clr-white);
    --color-placeholder: var(--clr-placeholder-type-1);
    --color-border: hsl(var(--color-h),12%,88%)
}

.form-field--1,.form-field--1 .ss-content {
    border-color: var(--color-border)
}

.form-field--1 .ss-value {
    background-color: #f8fafb
}

.form-field--1:hover {
    border-color: hsl(var(--color-h),14%,82%)
}

.form-field--1.form-field--focus {
    border-color: var(--color)
}

.form-field--1.form-field--focus .form-field__icon {
    color: var(--color)
}

.form-field--1.has-error {
    border-color: var(--clr-error)
}

.form-field--1.disabled {
    background-color: hsl(var(--color-h),28%,98%)
}

.form-field--1.disabled,.form-field--1.disabled:hover {
    border-color: var(--color-border)
}

.form-field--1 .file-attach__btn {
    background-color: var(--clr-primary-light)
}

.form-field--2 {
    background-color: var(--clr-bg-control);
    --color-placeholder: var(--clr-placeholder-type-2)
}

.form-field--2 .ss-content {
    box-shadow: 0 12px 36px rgba(0,0,0,.05)
}

.form-field--2 .ss-value {
    background-color: var(--clr-white)
}

.form-field--2:hover {
    background-color: var(--clr-bg-control-hover)
}

.form-field--2.form-field--focus {
    background-color: var(--clr-bg-control-focus)
}

.form-field--2.has-error {
    background-color: #faf0f3
}

.form-field--2.disabled {
    color: var(--clr-gray-dark);
    background-color: #f9fafb
}

.form-field--2.disabled::-moz-placeholder {
    color: #cbd2d7
}

.form-field--2.disabled::placeholder {
    color: #cbd2d7
}

.form-field--2.disabled svg {
    fill: #cbd2d7
}

.form-field--2 .file-attach__btn {
    background-color: var(--clr-white)
}

.form-field__attach,.form-field__btn,.form-field__icon {
    display: inline-block;
    vertical-align: middle;
    color: var(--color-placeholder);
    flex-shrink: 0
}

.form-field__attach,.form-field__btn {
    padding: 0;
    cursor: pointer;
    border: none;
    background-color: initial
}

.form-field__attach:hover,.form-field__btn:hover {
    color: var(--color)
}

.form-field__suffix {
    color: var(--clr-label)
}

.form-btn,.form-icon,.form-text {
    display: block;
    color: var(--color-placeholder)
}

.form-btn {
    padding: 0;
    cursor: pointer;
    border: 0;
    background-color: initial
}

.form-label,.label {
    font-size: .8575em;
    display: block;
    margin-bottom: var(--label-indent);
    color: var(--clr-label)
}

.form-label--required:after,.label--required:after {
    font-weight: 700;
    content: " *";
    color: var(--clr-error)
}

.form-control {
    line-height: 1;
    min-height: var(--control-height-8);
    padding: 0 4px;
    
    flex-grow: 1 box-shadow: none !important;
    border: none;
    background-color: transparent;
}

.form-control.ss-content {
    padding-right: 0;
    padding-left: 0
}

.form-control::-moz-placeholder {
    color: var(--color-placeholder)
}

.form-control::placeholder {
    color: var(--color-placeholder)
}

.form-control:disabled {
    cursor: inherit;
    background-color: initial
}

.check-btn.checked,.focus-btn:focus {
    color: var(--clr-primary)
}

.form-value {
    font-weight: 500
}

.form-caption {
    font-size: var(--font-size-small);
    line-height: var(--font-size-base);
    margin-top: 4px;
    color: var(--clr-gray)
}

.form-caption--right {
    text-align: right
}

.form-caption--error {
    color: var(--clr-error)
}


.checkbox--s,.radio--s,.toggle--s {
    --cover-size: 16px;
    --font-size: var(--font-size-small)
}

.checkbox--m,.radio--m,.toggle--m {
    --cover-size: 24px;
    --font-size: var(--font-size-base)
}

.checkbox--l,.radio--l,.toggle--l {
    --cover-size: 32px;
    --font-size: var(--font-size-medium)
}

.checkbox__cover,.radio__cover {
    width: var(--cover-size);
    height: var(--cover-size);
    flex-shrink: 0
}

.checkbox input:checked+.checkbox__cover {
    color: var(--clr-white);
    border-color: var(--clr-primary);
    background-color: var(--clr-primary)
}

.checkbox input:checked+.checkbox__cover .svg {
    opacity: 1
}

.checkbox__cover {
    border-radius: var(--radius-s);
    background-color: var(--clr-white)
}

.radio--s {
    --icon-size: 6px
}

.radio--m {
    --icon-size: 10px
}

.radio--l {
    --icon-size: 12px
}

.radio input:checked+.radio__cover {
    border-color: hsl(var(--clr-primary-h),var(--clr-primary-s),94%);
    background-color: hsl(var(--clr-primary-h),var(--clr-primary-s),94%)
}

.radio input:checked+.radio__cover:after {
    background-color: var(--clr-primary)
}

.radio__cover {
    border-radius: 50%
}

.radio__cover:after {
    width: var(--icon-size);
    height: var(--icon-size);
    content: "";
    border-radius: inherit
}

.toggle--s {
    --icon-size: 12px
}

.toggle--m {
    --icon-size: 18px
}

.toggle input:checked+.toggle__cover {
    border-color: hsl(var(--clr-primary-h),var(--clr-primary-s),94%);
    background-color: hsl(var(--clr-primary-h),var(--clr-primary-s),94%)
}

.toggle input:checked+.toggle__cover:after {
    left: auto;
    left: calc(100% - var(--icon-size) - 2px);
    background-color: var(--clr-primary)
}

.toggle input:disabled+.toggle__cover:after {
    background-color: #dde0e4
}

.toggle__cover {
    width: calc(var(--cover-size)*2);
    height: var(--cover-size);
    border-radius: calc(var(--cover-size)/2)
}

.toggle__cover:after {
    position: absolute;
    top: 50%;
    left: 2px;
    width: var(--icon-size);
    height: var(--icon-size);
    margin-top: calc(var(--icon-size)/2*-1);
    content: "";
    transition: left .4s;
    border-radius: 50%;
    background-color: hsl(var(--clr-primary-h),8%,58%)
}

.selector {
    display: grid;
    grid-auto-flow: column;
    gap: var(--indent-base)
}

.selector--s {
    --value-size: 22px;
    --font-size: .715em
}

.selector--m {
    --value-size: 28px;
    --font-size: 1em
}

.selector input {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px;
    border: 0;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%)
}

.selector input:checked+.selector__value {
    color: var(--clr-white);
    border-color: var(--clr-primary);
    background-color: var(--clr-primary)
}

.selector__item {
    cursor: pointer
}

.selector__value {
    font-size: var(--font-size);
    font-weight: 600;
    line-height: calc(var(--value-size) - 2px);
    display: block;
    min-width: calc(var(--value-size) - 2px);
    text-align: center;
    border: 1px solid hsl(var(--clr-primary-h),12%,88%);
    border-radius: calc(var(--value-size)/2)
}

.selector__value:hover {
    color: var(--clr-primary);
    border-color: currentColor
}

.seg-nav--s {
    --height: 26px;
    --font-size: .875em
}

.seg-nav--m {
    --height: 36px;
    --font-size: 1em
}

.seg-nav--l {
    --height: 42px;
    --font-size: 1em
}

.seg-nav__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    align-items: center;
    flex-wrap: wrap
}

.seg-nav__item:not(:first-child) a {
    border-width: 1px 1px 1px 0
}

.seg-nav__item:last-child a {
    border-top-right-radius: var(--radius-base);
    border-bottom-right-radius: var(--radius-base)
}

.seg-nav__item:first-child a {
    border-width: 1px;
    border-top-left-radius: var(--radius-base);
    border-bottom-left-radius: var(--radius-base)
}

.seg-nav__link {
    font-size: var(--font-size);
    font-weight: 500;
    line-height: calc(var(--height) - 2px);
    display: inline-block;
    padding: 0 var(--height);
    vertical-align: middle;
    text-decoration: none;
    color: var(--clr-primary);
    border-style: solid;
    border-color: var(--clr-primary)
}

.seg-nav__link:hover {
    background-color: hsl(var(--clr-primary-h),var(--clr-primary-s),98%)
}

.seg-nav__link--active,.seg-nav__link--active:hover {
    color: var(--clr-white);
    background-color: var(--clr-primary)
}

.ss-main {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ss-main .ss-single-selected {
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: background-color .2s;
    outline: 0;
    flex-grow: 1
}

.ss-main .ss-single-selected.ss-disabled {
    cursor: not-allowed
}

.ss-main .ss-single-selected.ss-disabled .placeholder .ss-disabled {
    color: var(--clr-placeholder-disabled)
}

.ss-main .ss-single-selected.ss-open-above {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ss-main .ss-single-selected.ss-open-below {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ss-main .ss-single-selected .placeholder {
    line-height: 1em;
    overflow: hidden;
    width: calc(100% - 30px);
    margin: auto 0;
    padding: 0 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1 1 100%;
    align-items: center
}

.ss-main .ss-single-selected .placeholder .ss-disabled {
    color: var(--color-placeholder)
}

.ss-main .ss-single-selected .placeholder * {
    display: flex;
    overflow: hidden;
    width: auto;
    white-space: nowrap;
    text-overflow: ellipsis;
    align-items: center
}

.ss-main .ss-single-selected .ss-deselect {
    font-weight: 700;
    display: flex;
    margin: 0 6px;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto
}

.ss-main .ss-single-selected .ss-deselect.ss-hide {
    display: none
}

.ss-main .ss-single-selected .ss-arrow {
    display: flex;
    margin: 0 6px;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto
}

.ss-main .ss-single-selected .ss-arrow span {
    display: inline-block;
    padding: 3px;
    transition: transform .2s,margin .2s;
    border-width: 0 2px 2px 0;
    border-style: solid
}

.ss-main .ss-single-selected .ss-arrow span.arrow-up {
    margin: 3px 0 0;
    transform: rotate(-135deg)
}

.ss-main .ss-single-selected .ss-arrow span.arrow-down {
    margin: -3px 0 0;
    transform: rotate(45deg)
}

.ss-main .ss-multi-selected {
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    width: 100%;
    padding: 0;
    cursor: pointer;
    transition: background-color .2s;
    outline: 0;
    flex-grow: 1
}

.ss-main .ss-multi-selected.ss-disabled {
    cursor: not-allowed
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-disabled {
    color: var(--clr-placeholder-disabled)
}

.ss-main .ss-multi-selected.ss-disabled .ss-values .ss-value .ss-value-delete {
    cursor: not-allowed
}

.ss-main .ss-multi-selected.ss-open-above {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.ss-main .ss-multi-selected.ss-open-below {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.ss-main .ss-multi-selected .ss-values {
    display: flex;
    width: calc(100% - 30px);
    margin-left: -8px;
    flex-wrap: wrap;
    justify-content: flex-start;
    flex: 1 1 100%
}

.ss-main .ss-multi-selected .ss-values .ss-disabled {
    line-height: 1em;
    display: flex;
    overflow: hidden;
    width: 100%;
    margin: 2px 0;
    padding: 4px 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #dedede;
    align-items: center
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
        opacity: 0
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes scaleOut {
    0% {
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(0);
        opacity: 0
    }
}

.ss-main .ss-multi-selected .ss-values .ss-value {
    display: flex;
    margin: 4px 8px 4px 0;
    padding-top: 2px;
    padding-bottom: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    animation-name: scaleIn;
    animation-duration: .2s;
    animation-timing-function: ease-out;
    border-radius: var(--radius-s);
    align-items: center;
    animation-fill-mode: both
}

.ss-main .ss-multi-selected .ss-values .ss-value.ss-out {
    animation-name: scaleOut;
    animation-duration: .2s;
    animation-timing-function: ease-out
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete {
    position: relative;
    overflow: hidden;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    cursor: pointer;
    text-indent: -9999px
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete:after,.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 2px;
    margin-top: -1px;
    margin-left: -7px;
    content: "";
    background-color: var(--color)
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete:before {
    transform: rotate(45deg)
}

.ss-main .ss-multi-selected .ss-values .ss-value .ss-value-delete:after {
    transform: rotate(135deg)
}

.ss-main .ss-multi-selected .ss-add {
    display: flex;
    margin-right: 4px;
    margin-left: 4px;
    flex-grow: 0
}

.ss-main .ss-multi-selected .ss-add .ss-plus {
    position: relative;
    display: flex;
    width: 2px;
    height: 12px;
    transition: transform .2s;
    background-color: var(--color-placeholder);
    justify-content: center;
    align-items: center
}

.ss-main .ss-multi-selected .ss-add .ss-plus:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    transform: rotate(90deg);
    background-color: inherit
}

.ss-main .ss-multi-selected .ss-add .ss-plus.ss-cross {
    transform: rotate(45deg)
}

.ss-content {
    position: absolute;
    z-index: 1010;
    top: 100%;
    right: calc(var(--indent-base)*-1 + -1px);
    left: calc(var(--indent-base)*-1 + -1px);
    overflow: hidden;
    box-sizing: border-box;
    margin-top: 1px;
    transition: transform .2s,opacity .2s;
    transform: scaleY(0);
    transform-origin: center top;
    opacity: 0;
    border: 1px solid transparent;
    border-radius: var(--radius-base);
    background-color: var(--clr-white)
}

.ss-content.ss-open {
    display: block;
    transform: scaleY(1);
    opacity: 1
}

.ss-content .ss-search {
    display: flex;
    flex-direction: row;
    padding: 8px 8px 6px
}

.ss-content .ss-search.ss-hide,.ss-content .ss-search.ss-hide input {
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0
}

.ss-content .ss-search input {
    font-size: inherit;
    line-height: inherit;
    display: inline-flex;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 30px;
    margin: 0;
    padding: 6px 8px;
    text-align: left;
    border-radius: 4px;
    outline: 0;
    background-color: var(--clr-white);
    flex: 1 1 auto;
    -webkit-appearance: textfield
}

.ss-content .ss-search input::-moz-placeholder {
    vertical-align: middle;
    color: #8a8a8a
}

.ss-content .ss-search input::placeholder {
    vertical-align: middle;
    color: #8a8a8a
}

.ss-content .ss-search input:focus {
    box-shadow: 0 0 5px var(--clr-primary)
}

.ss-content .ss-search .ss-addable {
    font-size: 22px;
    font-weight: 700;
    display: inline-flex;
    box-sizing: border-box;
    height: 30px;
    margin: 0 0 0 8px;
    cursor: pointer;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    flex: 0 0 30px
}

.ss-content .ss-addable {
    padding-top: 0
}

.ss-content .ss-list {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 200px;
    text-align: left
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
    font-weight: 700;
    padding: 6px 10px
}

.ss-content .ss-list .ss-optgroup .ss-option {
    padding: 6px 6px 6px 25px
}

.ss-content .ss-list .ss-optgroup-label-selectable {
    cursor: pointer
}

.ss-content .ss-list .ss-optgroup-label-selectable:hover {
    color: var(--clr-white);
    background-color: var(--clr-primary)
}

.ss-content .ss-list .ss-option {
    padding: 8px var(--indent-base);
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.ss-content .ss-list .ss-option * {
    display: inline-block
}

.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:hover {
    color: var(--clr-white);
    background-color: var(--clr-primary)
}

.ss-content .ss-list .ss-option.ss-disabled {
    cursor: not-allowed;
    background-color: #f9fafb
}

.ss-content .ss-list .ss-option.ss-disabled:not(.ss-option-selected),.ss-content .ss-list .ss-option.ss-disabled:not(.ss-option-selected):hover {
    color: var(--color-placeholder)
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
    color: inherit
}

.ss-content .ss-list .ss-option:not(.ss-disabled).ss-option-selected {
    color: var(--color-placeholder);
    background-color: rgba(var(--clr-primary),.1)
}

.ss-content .ss-list .ss-option.ss-hide {
    display: none
}

.ss-content .ss-list .ss-option .ss-search-highlight {
    background-color: #fffb8c
}

.tbl-wrap {
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
    padding: 10px 0;
}

.tbl-wrap--sticky {
    padding-bottom: 116px
}

.tbl-wrap--sticky thead {
    position: sticky;
    z-index: 2;
    top: -1px
}

.tbl-wrap--sticky th:first-child {
    position: sticky;
    z-index: 1;
    left: -1px
}

.tbl-wrap::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.tbl-wrap::-webkit-scrollbar-thumb {
    background-color: var(--clr-bg-table-head)
}

table {
    font-size: var(--font-size-small);
    font-weight: 500;
    width: 100%;
    caption-side: bottom;
    border-collapse: collapse
}

table th {
    font-weight: 600;
    text-align: left
}

table td,table th {
    padding: var(--wrap-indent-xs)
}

.tbl {
    border: 1px solid var(--clr-border-table-td)
}

.tbl,.tbl th {
    vertical-align: top
}

.tbl th {
    background-color: var(--clr-bg-table-head)
}

.tbl td:not(:last-child),.tbl th:not(:last-child) {
    border: 1px solid var(--clr-border-table-td)
}

.tbl tbody tr:not(:last-child) {
    border: solid var(--clr-border-table-td);
    border-width: 0 0 1px
}

.tbl-link:hover td {
    cursor: pointer;
    background-color: var(--clr-bg-table-hover)
}

.tbl-link:focus {
    outline: none
}

.tbl-link:focus td {
    background-color: var(--clr-bg-table-hover)
}

.tbl-list thead th {
    color: var(--clr-gray)
}

.tbl-list thead tr {
    border: solid var(--clr-border-table-td);
    border-width: 0 0 1px
}

.tbl-list td {
    overflow: hidden;
    height: calc(var(--control-height-s) + var(--wrap-indent-xs)*2)
}

.tbl-list tr:not(:last-child) {
    border: solid var(--clr-border-table-td);
    border-width: 0 0 1px
}

.tbl-title {
    font-size: var(--font-size-medium)
}

.tbl-panel {
    background-color: var(--clr-bg-control)
}

.tbl-info__title {
    font-weight: 700
}

.tbl-info__description {
    font-size: var(--font-size-small);
    color: var(--clr-gray)
}

.td-link {
    display: flex;
    height: 100%;
    align-items: center
}

.td-link:hover {
    text-decoration: underline
}

.hrow td:first-child {
    position: relative
}

.hrow td:first-child:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    content: "";
    background-color: hsl(var(--clr-orange-h),var(--clr-orange-s),72%)
}

.hrow--urgent {
    background-color: hsl(var(--clr-orange-h),var(--clr-orange-s),98%)
}

.pager__list {
    display: flex;
    margin: -2px;
    padding: 0;
    list-style: none;
    align-items: center
}

.pager__item {
    padding: 2px;
    cursor: pointer
}

.pager__link {
    font-weight: 600;
    display: flex;
    min-width: var(--control-height-s);
    height: var(--control-height-s);
    color: var(--clr-text);
    border-radius: var(--radius-base);
    background-color: var(--clr-bg-pager-item);
    justify-content: center;
    align-items: center
}

.pager__link:hover {
    background-color: var(--clr-primary-light)
}

.pager__link--active {
    color: var(--clr-white)
}

.pager__link--active,.pager__link--active:hover {
    background-color: var(--clr-primary)
}

div.login-dialog {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    width: 100vw;
    height: 100vh;
    padding: 0;
    align-items: center;
    justify-content: center
}

.modal.open {
    z-index: 16;
    visibility: visible;
    pointer-events: auto;
    opacity: 1
}

.modal__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.16);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.modal-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100%;
    border-radius: var(--radius-base);
    background-color: var(--clr-white);
    padding-bottom: 20px;
    border: 1px solid var(--clr-border-primary)
}

.modal-box--lg {
    max-width: var(--page-min-width)
}

.modal-box--md {
    max-width: 820px
}

.modal-box--sm {
    max-width: 576px
}

.modal-box--xs {
    max-width: 420px
}

.modal-box__bottom,.modal-box__main,.modal-box__top {
    padding-top: var(--wrap-indent-s);
    padding-right: var(--wrap-indent-m);
    padding-left: var(--wrap-indent-m)
}

.modal-box__top {
    display: flex;
    padding-bottom: var(--wrap-indent-s);
    border-bottom: 1px solid var(--clr-border-primary);
    align-items: center
}

.modal-box__main {
    overflow: auto;
    padding-bottom: var(--wrap-indent-m);
    flex-grow: 1
}

.modal-box__title {
    font-weight: 600;
    flex-grow: 1
}

.modal-box__block:not(:last-child) {
    margin-bottom: var(--wrap-indent-l)
}

.modal-box__cover img {
    margin: auto
}

.modal-box__footer {
    margin-top: var(--wrap-indent-l)
}

.modal-box__bottom {
    padding-bottom: var(--wrap-indent-s);
    border-top: 1px solid var(--clr-border-primary)
}

.note {
    display: flex;
    margin: var(--indent-l) 0;
    align-items: center;
    gap: calc(var(--v-indent) + 4px)
}

.note--default {
    color: var(--clr-gray)
}

.note--warning {
    color: #ff5c67
}

.note--info {
    color: #f2952c
}

.note--ok {
    color: #57b643
}

.note--m {
    --font-size: var(--font-size-medium);
    --v-indent: var(--indent-m)
}

.note--s {
    --font-size: var(--font-size-base)
}

.note--s,.note--xs {
    --v-indent: var(--indent-s)
}

.note--xs {
    --font-size: var(--font-size-small)
}

.note__icon {
    flex-shrink: 0
}

.note__text {
    font-size: var(--font-size);
    font-weight: 500;
    line-height: 1.2
}

.blank {
    text-align: center
}

.blank__cover svg {
    width: 64px;
    height: 64px;
    margin: 0 auto
}

.blank__text {
    font-size: var(--font-size-medium);
    font-weight: 300;
    margin-top: var(--indent-base);
    color: var(--clr-gray)
}

@media (max-width: 16rem) {
    .datepicker-view .week {
        width:1.4rem
    }

    .calendar-weeks+.days .datepicker-grid {
        width: 9.8rem
    }
}

aside .side-link .icon {
    filter: invert(19%) sepia(78%) saturate(2796%) hue-rotate(177deg) brightness(105%) contrast(105%);
    width: 44px;
    height: 32px;
    background-repeat: no-repeat
}

aside .activeSideLink .icon {
    filter: invert(39%) sepia(72%) saturate(3677%) hue-rotate(206deg) brightness(101%) contrast(90%)
}

aside .certificates {
    background: url(/img/icons/index/certificates.png) no-repeat scroll 0 50%!important
}

aside .licenses {
    background: url(/styles/img/menu_icons/licenses.svg);
    background-size: 32px 32px!important
}

aside .orgs {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAzYTIgMiAwIDAwLTIgMnYzNGgxMXYtN2gzdjdoMTFWNWEyIDIgMCAwMC0yLTJIMTB6bTUgNWgtM3YzaDNWOHptLTMgNmgzdjNoLTN2LTN6bTMgNmgtM3YzaDN2LTN6bS0zIDZoM3YzaC0zdi0zem0zIDZoLTN2M2gzdi0zem00LTI0aDN2M2gtM1Y4em0zIDZoLTN2M2gzdi0zem0tMyA2aDN2M2gtM3YtM3ptMyA2aC0zdjNoM3YtM3ptNy0xOGgtM3YzaDNWOHptLTMgNmgzdjNoLTN2LTN6bTMgNmgtM3YzaDN2LTN6bS0zIDZoM3YzaC0zdi0zem0zIDZoLTN2M2gzdi0zeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==");
    background-size: 32px 32px!important
}

aside .programs {
    background: url(/styles/img/menu_icons/programs.svg);
    background-size: 32px 32px!important
}

aside .orders {
    background: url(/img/icons/index/orders.png) no-repeat scroll 0 50%!important
}

aside .errors {
    background: url(/img/icons/index/errors.png) no-repeat scroll 0 50%!important
}

aside .users {
    background: url(/styles/img/menu_icons/users.svg);
    background-size: 32px 32px!important
}

aside .reports {
    background: url(/styles/img/menu_icons/reports.svg)
}

aside .enqueue {
    background: url(/styles/img/menu_icons/equeue.svg);
    background-size: 32px 32px!important
}

aside .calendar {
    background: url(/styles/img/menu_icons/calendar.svg);
    background-size: 32px 32px!important
}

aside .user-list-requests {
    background: url(/img/icons/index/user-list-requests.png) no-repeat scroll 0 50%!important
}

aside .documents {
    background: url(/styles/img/menu_icons/documents.svg);
    background-size: 32px 32px!important
}

aside .documents-for-signing {
    background: url(/styles/img/sprite-clr.svg#extracts-on-sign-24);
    background-size: 32px 32px!important
}

aside .documents-for-approval {
    background: url(/styles/img/sprite-clr.svg#expertise-on-24);
    background-size: 32px 32px!important
}

aside .settings {
    background: url(/styles/img/sprite-clr.svg#settings-on-24);
    background-size: 32px 32px!important
}

aside .reports {
    background: url(/styles/img/sprite-clr.svg#reports-on-24);
    background-size: 32px 32px!important
}

aside .affairs-all_1,aside .step_11 {
    background: url(/styles/img/menu_icons/step_11.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_12,aside .step_12 {
    background: url(/styles/img/menu_icons/step_12.svg);
    background-size: 32px 32px!important
}

aside .step_1,aside .step_2 {
    background: url(/styles/img/menu_icons/step_01.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_3 {
    background: url(/styles/img/menu_icons/all_3.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_3_1 {
    background: url(/styles/img/menu_icons/all_3_1.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_4,aside .step_3 {
    background: url(/styles/img/menu_icons/step_03.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_5,aside .step_7 {
    background: url(/styles/img/menu_icons/step_07.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_6,aside .step_4 {
    background: url(/styles/img/menu_icons/step_04.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_7,aside .step_5 {
    background: url(/styles/img/menu_icons/step_05.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_8,aside .step_6 {
    background: url(/styles/img/menu_icons/step_06.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_9,aside .step_8 {
    background: url(/styles/img/menu_icons/step_08.svg);
    background-size: 32px 32px!important
}

aside .declaration_review {
    background: url(/img/icons/declaration/declaration_review.png) no-repeat scroll 10px 50%!important
}

aside .affairs-all_10,aside .step_9 {
    background: url(/styles/img/menu_icons/step_09.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_11,aside .step_10 {
    background: url(/styles/img/menu_icons/step_10.svg);
    background-size: 32px 32px!important
}

aside .affairs-all_17 {
    background: url(/styles/img/menu_icons/step_17.svg);
    background-size: 32px 32px!important
}

aside .affairs-archive {
    background: url(/styles/img/menu_icons/e-archive.svg);
    background-size: 32px 32px!important
}

aside .affairs-registry-extract {
    background: url(/styles/img/menu_icons/registry-extract.svg);
    background-size: 32px 32px!important
}

.row cmp-filter {
    flex-basis: 100%
}

cmp-form-field {
    width: 100%
}

cmp-checkbox {
    display: inline-flex
}

.close {
    float: right;
    cursor: pointer;
    font-size: 150%
}

input:invalid {
    color: red
}

.pager-flex {
    display: flex;
    align-items: center;
    margin-right: 20px
}

.pager-flex a {
    padding: 0 10px;
    background-color: var(--clr-primary);
    color: var(--clr-white);
    cursor: pointer
}

.pager-flex a:hover {
    color: var(--clr-text)
}

.main-tab {
    border: 1px solid silver;
    border-bottom: none;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 10px 10px 0;
    background-color: var(--clr-primary-light);
    position: relative;
    min-width: 45px;
    min-height: 10px;
    cursor: pointer
}

.main-tab .close {
    top: -5px;
    right: 0;
    position: absolute
}

.main-tab .tab-title {
    margin-bottom: 5px;
    display: list-item;
    list-style: none;
    max-width: 10vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.main-panel-tabs {
    top: 0;
    white-space: nowrap;
    overflow: hidden
}

.tail-list {
    top: 30px;
    left: auto;
    right: 0;
    position: absolute;
    z-index: 800
}

.tail-list-inner div {
    max-height: 80vh;
    overflow-y: auto;
    padding: 0 10px 0 0
}

.tail-list>div {
    text-align: left;
    display: inline-block;
    background-color: #f3f3f3;
    border-radius: 4px;
    box-shadow: 0 0 10px #000;
    padding: 10px
}

.tail-list .tail-item {
    cursor: pointer;
    white-space: nowrap;
    clear: both;
    display: block
}

.tail-list .tail-item span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 20vw
}

.tail-list .tail-item:hover .close-x {
    visibility: visible
}

.tail-list .close-x {
    float: right;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity = 20);
    visibility: hidden
}

.main-panel-tabs .active {
    background-color: var(--clr-white);
    border-bottom: 1px solid #fff;
    z-index: 100
}

cmp-isga-table {
    display: block;
    position: relative
}

.xtra-page-panel {
    position: absolute;
    left: 10px;
    bottom: 0
}

.errors svg {
    filter: invert(12%) sepia(77%) saturate(6326%) hue-rotate(358deg) brightness(111%) contrast(112%)
}

.permissionMatrix input[type=radio] {
    appearance: auto
}

.sticky-table {
    margin-bottom: 35px
}

.sticky-table thead th {
    padding: 3px;
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff
}

.sticky-table td {
    background: #fff;
    padding: 4px 5px;
    text-align: center
}

.sticky-table tbody th {
    font-weight: 100;
    position: relative
}

.sticky-table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2
}

.sticky-table tbody th {
    position: sticky;
    left: 0;
    background: #fff;
    z-index: 1
}

.main-panel-pages {
    position: absolute;
    overflow: auto;
    left: var(--wrap-indent-base);
    top: var(--wrap-indent-tab);
    right: 0;
    bottom: var(--wrap-indent-base);
    border-top: 1px solid grey
}

.modals .modal-header {
    position: absolute;
    width: 100%;
    height: 55px
}

.modals .modal-body{
    width: 100%;
    margin: 0 0 55px;
}

.modal-body {
    width: 100%;
    height: 80%;
    overflow-y: scroll;
}


.modals .modal-footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 55px
}

.modals .modal-header .img {
    position: absolute;
    top: 16px
}

td.control:before {
    content: "+";
    border: none;
    box-shadow: none;
    display: block;
    box-sizing: border-box;
    position: relative;
    margin: 0;
    top: 0;
    left: 0;
    color: --clr-primary;
    background-color: initial;
    z-index: 0
}

.glyphicon,.main__title {
    display: inline-block
}

.glyphicon {
    position: relative;
    top: 1px;
    font-family: Glyphicons Halflings;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-refresh:before {
    content: "\e031";
    display: none
}

.glyphicon-reload:before {
    content: "\e031"
}

.glyphicon-menu-hamburger {
    position: absolute;
    cursor: pointer;
    top: 2px;
    right: 0;
    font-size: 24px;
    margin-top: 25px
}

.glyphicon-menu-hamburger:before {
    content: "\e236"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-pencil:before {
    content: "\270f"
}

cmp-accordion-page .isOpen svg {
    transform: scale(-1)
}

.request-info cmp-textbox {
    display: block;
    width: 100%
}

.status-buttons {
    position: absolute;
    right: 0;
    z-index: 777;
    top: 5px
}

.status-button {
    margin-left: 10px;
    margin-bottom: 5px
}

.under-status-buttons {
    padding-top: 30px
}

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

.modals .modal-header {
    padding: .5vh .5vw;
    top: 1vh
}

.modals .modal-footer {
    text-align: center
}

.modals cmp-textarea {
    width: 100%
}

.modal-body {
    text-align: center
}

.pull-right {
    float: right
}

.doc-blocks .tabs__list {
    margin: 0
}

.hand {
    cursor: pointer
}

.doc-blocks .doc-bottom {
    display: flex
}

.doc-blocks .doc-number {
    white-space: nowrap
}

.accordion-button {
    margin-left: auto;
    margin-right: 10px
}

.new-doc-form {
    height: auto;
    width: auto;
    padding: 20px
}

.new-doc-form .modal-body {
    padding: 20px
}

.new-doc-form .button-row {
    margin-top: 20px;
    display: flex
}

.new-doc-form .button-row .right {
    margin-left: auto
}

.doc-blocks .fileChooser {
    display: none
}

.cades {
    text-align: left;
    padding: 5px
}

.cades .form-field--2 {
    margin-bottom: 5px
}

.cades thead {
    position: sticky;
    top: 0
}

.cades-cert-popup .tbl-wrap {
    overflow: visible
}

.cades .limited .tbl-wrap {
    max-height: 400px
}

.cades .pointer {
    cursor: pointer
}

.cades-cert-popup {
    position: absolute;
    top: 95px;
    width: 100%;
    z-index: 8644;
    max-height: 300px;
    overflow-y: auto;
    background-color: silver
}

.date-between {
    width: 100%
}

.date-between>div {
    display: flex
}

.date-between span {
    display: none
}

.date-between>div>div {
    width: 50%
}

.modal-cover {
    z-index: 1000;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    opacity: .5
}

.dragHandle {
    cursor: move
}

.lic2smev3 .tbl-wrap {
    max-height: 350px
}

.lic2smev3 .line {
    margin: 0 20px
}

.lic2smev3 .row {
    margin: 0
}

.lic2smev3 td>div {
    text-align: left
}

.lic2smev3 .no-padding {
    padding: 0
}

.lic2smev3 .control {
    width: 3%
}

.lic2smev3 .form-group label,.prompt-N {
    text-align: left
}

.prompt-N {
    padding: 0 10px
}

.prompt-N .form-field {
    margin-bottom: 5px
}

.prompt-N .form-field :first-child {
    width: 100%
}
input {
    box-shadow: none !important;
    border: none;
    background-color: transparent;
}

.row .form-control:focus {
    background-color: transparent;
}

.modal-dialog {
    max-width: 80rem;
    max-height: 80rem;
}
.modal-body {
    overflow-y: scroll;
    text-align: left;
}

.incoming::before {
    content: '⇦ ';
}
.outgoing::before
{
    content: '⇨ ';
}

.modal-content {
    max-height: 90vh;
}

.smev-fault {
    color: red;
}

#files,
#responseFiles {
    margin-right: auto;
}
.response-pages,
.response-info {
    padding: 1rem;
}

.response-pages label:has(input[type=radio]:checked)::before {
    content: '▣';
}

.response-pages label:has(input[type=radio])::before {
    content: '▢';
}
a.download
{
    font-size: smaller;
    padding-right: 1em;
}