* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

@font-face {
    font-family: "NeueHaasUnicaW1G-regular";
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/NeueHaasUnicaW1G-Regular.woff') format('woff'), 
         url('/fonts/NeueHaasUnicaW1G-Regular.ttf') format('truetype')
}

@font-face {
    font-family: 'NeueHaasUnicaW1G-bold';
    font-weight: normal;
    font-style: normal;
    src: url('/fonts/NeueHaasUnicaW1G-Bold.woff') format('woff'), 
         url('/fonts/NeueHaasUnicaW1G-Bold.ttf') format('truetype')
}

html, body { height: 100%; }
body {
    color: #00205B;
    font: normal 16px/1.375 'NeueHaasUnicaW1G-regular', sans-serif;
    background: #FFF;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}
a { 
    color: #00c996;
    text-decoration: none; 
}
a:hover {
    text-decoration: underline;
}

input, select, textarea, button {
    font-family: 'NeueHaasUnicaW1G-regular', sans-serif;
}

::placeholder {
    color: #808FAD;
}

.text {
    font-size: 16px;
    line-height: 1.5;
    word-break: break-word;
    overflow-wrap: break-word;
}
.h1,
.text h1 {
    font-size: 28px; 
    font-weight: bold;
    margin-bottom: 24px;
    line-height: 1.125;
}
.text h2 {
    font-size: 24px;
    margin-top: 32px;
    margin-bottom: 16px;
    line-height: 1.125;
}
.text h3 {
    margin-top: 20px;
    font-size: 20px;
    line-height: 1.125;
}
.text h4 {
    margin-top: 16px;
    font-size: 18px; font-weight: bold;
    line-height: 1.125;
}
.text h5 {
    margin-top: 8px;
    font-weight: bold;
}
.text h2:first-child,
.text h3:first-child,
.text h4:first-child,
.text h5:first-child {
    margin-top: 0;
}
.text h3,
.text h4 {
    margin-bottom: 8px;
}
.text p { margin-bottom: 16px; }
.text li { margin-bottom: 8px; }
.text ul,
.text ol {
    margin: 8px 0 24px 24px;
}
.text ul ul,
.text ul ol,
.text ol ol,
.text ol ul {
    margin-bottom: 0;
}
.text ul { list-style: disc; }
.text ul ul { list-style: circle; }
.text ul ul ul { list-style: square; }
.text ol { list-style: decimal; }
.text dl { margin-bottom: 16px; }
.text dt { font-weight: bold; }
.text dd { margin-left: 8px; }
.text strong { font-weight: bold; }
.text small { font-size: 14px; }
.text big { font-size: 20px; }
.text em {
    color: #EE7023;
    font-style: normal;
}
.text i {
    font-style: italic;
}
.text mark {
    background-color: #FBF0E6;
}
.text hr { margin: 24px 0; border: none; border-top: 1px solid #eee; }
.text blockquote {
    padding: 0 0 0 24px;
    margin: 0 0 24px;
    border-left: 4px solid #eee;
}
.text th,
.text td {
    padding-right:  8px;
}
.text_counter {
    counter-reset: section;
}
.text_counter h2::before {
    content: counters(section, '.') '. ';
    counter-increment: section;
}
.text_counter ol {
    margin-left: 0; padding-left: 40px;
    list-style: none;
    counter-reset: item;
}
.text_counter ol > li::before {
    content: counters(section, '.') '.' counters(item, '.') '. ';
    counter-increment: item;
    display: inline-block;
    margin-left: -40px;
    min-width: 40px;
}

.logo {
    width: 168px;
    height: 42px;
    position: absolute; z-index: 3;
    top: 80px;
    left: 80px;
    background: url('/img/logo.svg') no-repeat 0 0;
}

.header {
    position: relative; z-index: 2;
    padding: 80px 104px 30px 0;
    margin-left: 460px;
    min-height: 184px;
}
.header .actions-list {
    position: absolute; top: 76px; right: 76px;    
}

.middle {
    position: relative; z-index: 1;
    padding: 0 80px;
    display: flex;
    min-height: calc(100vh - 280px);
}

.aside {
    width: 380px;
    padding-bottom: 300px;
    flex-shrink: 0;
}

.main {
    padding-bottom: 48px;
    flex: 1;
}

.blank .logo,
.error .logo {
    left: 460px;
}
.blank .main,
.error .main {
    position: relative; z-index: 1; 
    padding-top: 184px;
    padding-left: 460px;
    padding-right: 80px;
    min-height: calc(100vh - 96px);
}
.blank .actions-list_blank {
    z-index: 3;
    position: absolute;
    top: 80px; 
    right: 80px;
}

.footer {
    position: relative; z-index: 0;
    background: url('/img/bg_line.png') repeat-x 0 0;
    background-size: auto 2px;
    min-height: 100px;
}

.footer::before {
    content: '';
    position: absolute; top: -408px; left: 0;
    width: 540px; height: 475px;
    background: url('/img/bg_image.png') no-repeat -470px 0;
    background-size: auto 475px;
}

.user__title {
    font-size: 18px;
    font-weight: bold;
    color: inherit;
    text-decoration: none;
}
a.user__title:hover {
    text-decoration: underline;
}
a.user__title_toggle::after {
    content: '';
    display: inline-block;
    position: relative;
    top: -2px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #182928;
    border-left: 2px solid #182928;
    transform: rotate(225deg);
}
.user__description {
    font-size: 14px;
}

.aside-nav__wrap {
    position: relative;
    padding-left: 24px;
}
.aside-nav__anchor {
    line-height: 48px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none; 
    color: inherit;
}
.aside-nav__anchor:hover {
    text-decoration: none;
}
.aside-nav__anchor::before {
    content: '';
    position: absolute; top: 2px; bottom: 2px; left: 0;
    width: 8px;
    transform: scaleY(0);

    -webkit-transition: transform 0.3s;
            transition: transform 0.3s;
}
.aside-nav__anchor:hover::before {
    background: #CCD2DE;
    transform: scaleY(1);
}
.aside-nav__anchor.active::before {
    background: #00C996;
    transform: scaleY(1);
}

.aside-subnav__item {
    padding-left: 24px;
    margin-bottom: 12px;
}
.aside-subnav__anchor {
    color: inherit;
}
.aside-subnav__anchor.active {
    color: #00C996;
}

.section {
    margin-bottom: 48px;
}
.section__header {
    margin-bottom: 20px;
}
.section_sticky {
    position: sticky;
    bottom: -12px;
    z-index: 10;
}
.section__header_action {
    position: relative;
    padding-left: 48px;
    min-height: 40px;
}
.section__title,
.section__action {
    font-size: 28px;
    font-weight: bold;
}
.section__title {
    display: inline-block;
}
.section__action {
    color: inherit;
}
.section__action:hover {
    text-decoration: none;
}
.section__action::before {
    position: absolute; top: 8px; left: 8px; z-index: 1;
}
.section__action::after{
    content: '';
    position: absolute; top: 0; left: 0; z-index: 0;
    width: 40px;
    height: 40px;
    background: #00C996;
    border-radius: 20px;

    -webkit-transition: background-color 0.3s linear;
            transition: background-color 0.3s linear;
}
.section__action:hover::after {
    text-decoration: none;

    -webkit-box-shadow: 0 0 0 4px rgba(0, 201, 150, 0.2);
            box-shadow: 0 0 0 4px rgba(0, 201, 150, 0.2);
}
.section__action_minor::after{
    background: #CCD2DE;
}
.section__title_small {
    font-size: 24px;
    font-weight: normal;
}
.section__select {
    padding: 0 28px 0 0;
    border: none;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font-size: 24px;
    line-height: 36px;
    box-shadow: none;
    background-repeat: no-repeat;
    background-position: 100% 70%;
    background-image: url('/img/select_black.svg');

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.section__footer {
    margin-top: 42px;
}
.section__footer:has(.button) {
    margin-top: 43px;
}
.section__anchor {
    color: #808FAD;
    margin-left: 24px;
    text-decoration: none;
}
.section__anchor:hover {
    text-decoration: underline;
}
.section__text {
    font-size: 24px;
    margin-bottom: 20px;
}
.section__text_last {
    margin: 0;
}
.section__error {
    color: #CCD2DE;
    font-weight: bold;
    font-size: 64px;
}
.section__loader {
    line-height: 20px;
}

.subsection {
    margin-bottom: 28px;
}
.subsection__title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 16px;
}
.subsection__caption {
    word-break: break-word;
    overflow-wrap: break-word;
    margin-bottom: 4px;
}

.footer-nav {
    position: relative;
    z-index: 2;
}
.footer-nav__list {
    padding: 40px 0;
    padding-left: 436px;
}
.footer-nav__item {
    display: inline-block;
    margin-left: 24px;
}
.footer-nav__item a {
    color: inherit;
}

.auth,
.sign {
    margin-left: -24px;
    font-size: 0;
}
.auth__item,
.sign__item {
    display: inline-block;
    padding-left: 24px;
    width: 312px;
    margin-bottom: 16px;
}
.auth__anchor,
.sign__anchor {
    display: block;
    padding: 19px 0;
    border-radius: 16px;
    border: 1px solid #CCD2DE;
    text-align: center;
    background: #fff;
}
.auth__anchor:hover,
.auth__anchor:focus,
.auth__anchor:active {
    -webkit-box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
            box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
}

.sign__anchor:hover,
.sign__anchor:focus,
.sign__anchor:active {
    -webkit-box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
            box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
}

.i::before {
    content: '';
    display: block;
    width: 24px; height: 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
.i_menu::before { background-image: url('/img/menu.svg'); }
.i_exit::before { background-image: url('/img/exit.svg'); }
.i_new::before { background-image: url('/img/add.svg'); }
.i_copy::before { background-image: url('/img/copy.svg'); }
.i_close::before { background-image: url('/img/close.svg'); }
.i_remove::before { background-image: url('/img/close.svg'); }
.i_select::before { background-image: url('/img/select_2.svg'); }
.i_search::before { background-image: url('/img/search.svg'); }
.i_eye::before { background-image: url('/img/eye.svg'); }
.i_bin::before { background-image: url('/img/bin.svg'); }

.data {
    border: 1px solid #E5E9EF;
    border-radius: 16px;
    background: #fff;
    max-width: 720px;
}
.data_code {
    font-family: monospace;
    display: block;
    padding: 16px 32px;
    color: #808FAD;
    font-size: 14px;
}
.data_text {
    padding: 21px 48px;
}
.data_space {
    padding-bottom: 16px;
}
.data_overflow {
    overflow: hidden;
}
.data__table_fixed {
    table-layout: fixed;
}
.data__th, 
.data__td {
    border-bottom: 1px solid #E5E9EF;
}
.data__th {
    padding: 8px;
    border-bottom: 1px solid #E5E9EF;
}
.data__td {
    padding: 21px 8px;
}
.data__th_first,
.data__td_first {
    padding-left: 24px;
}
.data__th_last,
.data__td_last {
    padding-right: 32px;
}
.data__th {
    color: #808FAD;
    font-size: 14px;
}
.data__tr:last-child .data__td {
    border-bottom: none;
}
.data__tr_clickable {
    cursor: pointer;
}
.data__tr_bg {
    background: #F9FAFB;
}
.data__th_right,
.data__td_right {
    text-align: right;
}
.data__th_compact {
    padding-top: 8px;
    padding-bottom: 8px;
}
.data__td_compact {
    vertical-align: middle;
    padding-top: 14px;
    padding-bottom: 14px;
}
.data__td_action {
    padding-top: 16px;
    padding-bottom: 16px;
}
.data__td_not_active {
    color: #999999;
}
.data__td_expired {
    text-decoration: line-through;
    color: #999999;
}
.data__td_status {
    position: relative;
}
.data__td_status::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: #CCD2DE;
}
.data__td_status-orange::before {
    background: #FF8C41;
}
.data__td_status-green::before {
    background: #00C996;
}
.data__tr:first-child .data__td_status::before {
    top: 13px;
}
.data__tr:last-child .data__td_status::before {
    bottom: 13px;
}
.data__empty {
    padding: 28px 32px;
    text-align: center;
    color: #B5BFD0;
}

.data__td_right .action.i {
    padding-right: 32px;
    padding-left: 0;
}
.data__td_right .action.i::before {
    right: 4px;
    left: auto;
}

.data-filter {
    /*display: flex;
    justify-content: space-between;*/
    position: relative;
/*    padding: 12px 8px 12px 48px;*/
    padding: 3px 4px 3px 4px;
    border-bottom: 1px solid #E5E9EF;
    height: 49px;
}
.data-filter__toolbar {
    border: 1px solid #CCD2DE;
    display: flex; 
    padding-left: 48px; 
    background: #FFF;
    border-radius: 12px;
    height: 42px;
}
.data-filter__form {
    padding: 0;
    flex-grow: 1;
/*    margin: -8px 0;*/
    margin: 0;
    padding-right: 24px;
    position: relative;
}
.data-filter .data-block {
    flex-grow: 0;
    padding-left: 48px;
    margin-left: -53px;
    line-height: 40px;
}

.data-filter__toolbar.transparent {
    border: 1px solid transparent;
}

.data-files {
    table-layout: fixed
}
.data-files__th {
    padding: 8px;
    background: #F9FAFB;
    font-size: 14px;
}
.data-files__td {
    padding: 10px 8px;
}
.data-files__td_date {
    padding: 24px 8px 10px;
    color: #00205B;
    font-weight: bold;
}
.data-files__th_first,
.data-files__td_first {
    padding-left: 48px;
}
.data-files__th_last,
.data-files__td_last {
    padding-right: 32px;
}
.data-files__td_day {
    font-size: 14px;
    color: #808FAD;
}
.data-files__th_right,
.data-files__td_right {
    text-align: right;
}

.required::after {
    content: '*';
    color: #E7391E;
}

.menu {
    position: absolute; right: 0; top: -11px; z-index: 50;
    margin-top: 3px; padding: 8px 0;
    min-width: 112px;
    border-radius: 3px;
    background: #FFF;
    white-space: nowrap;
    text-align: left;
    overflow: hidden;

    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
          box-shadow: 0 1px 6px rgba(0, 0, 0, .12), 0 1px 6px rgba(0, 0, 0, .12);
}
.menu__title,
.menu__anchor {
    display: block;
    padding: 7px 16px;
    text-decoration: none;
}
.menu__anchor {
    color: inherit;
    font-size: 14px;
}
.menu__anchor:hover {
    background: #F2F4F7;
    text-decoration: none;
}
.menu__anchor.active {
    background: #F2F4F7;
}
.menu__anchor_warn {
    color: #E7391E;
}
.menu_hidden {
    opacity: 0;

    -webkit-transform-origin: top right;
     -moz-transform-origin: top right;
      -ms-transform-origin: top right;
          transform-origin: top right;

    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);

    -webkit-transition: all .25s;
            transition: all .25s;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
}

.action {
    display: inline-block;
    height: 32px;
    color: #808FAD;
    font-size: 14px;
    line-height: 32px;
    white-space: nowrap;
}
.action.i {
    position: relative;
    padding-left: 32px;
}
.action.i::before {
    position: absolute; top: 4px; left: 4px;
}
.action.i_only {
    width: 32px;
    padding-left: 32px;
    overflow: hidden;
}

a.menu-toggle {
    font-size: 16px;
    color: inherit;
    padding-right: 16px;
}
a.menu-toggle::after {
    content: '';
    display: inline-block;
    position: relative;
    top: -2px;
    left: 6px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #182928;
    border-left: 2px solid #182928;
    transform: rotate(225deg);
}

.actions-list {
    font-size: 0;
    white-space: nowrap;
}
.actions-list__item {
    display: inline-block;
    position: relative; z-index: 1;
    vertical-align: middle;
}
.actions-list__item.active .menu {
    opacity: 1;

    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
}
.actions-list__item .loader-ticker {
    position: absolute; top: 50%; left: 2px;
    margin-top: -3px;
}
.actions-list__item .loader-ticker ~ .action {
    visibility: hidden;
}

.action-fab {
    display: block;
    padding: 0 8px;
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    border-radius: 20px;
    font-size: 16px;
    min-width: 40px;
    text-align: center;
    color: #808FAD;
    font-weight: bold;
    text-transform: uppercase;

    -webkit-transition: background-color 0.3s linear;
            transition: background-color 0.3s linear;
}
.action-fab:hover {
    background: rgba(0, 32, 91, .05);
    text-decoration: none;
}
.action-fab.i_only {
    width: 40px;
    padding-left: 40px;
    padding-right: 0;
    overflow: hidden;
}
.action-fab.i::before {
    position: absolute;
    top: 8px;
    left: 8px;    
}

.header .actions-list {
    position: absolute;
    top: 80px;
    right: 80px;
}

.grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: -16px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}
.grid__span {
    margin-bottom: 16px;
    padding-left: 16px;
    width: 100%;
}
.grid__span_compact {
    margin: 0;
}
.grid__span_auto {
    width: auto;
}
.grid__span_1  {
    width: 8.3333%;
}
.grid__span_2  {
    width: 16.6666%;
}
.grid__span_3  {
    width: 25%;
}
.grid__span_4  {
    width: 33.3333%;
}
.grid__span_5  {
    width: 41.6666%;
}
.grid__span_6  {
    width: 50%;
}
.grid__span_7  {
    width: 58.3333%;
}
.grid__span_8  {
    width: 66.6666%;
}
.grid__span_9  {
    width: 75%;
}
.grid__span_10 {
    width: 83.3333%;
}
.grid__span_11 {
    width: 91.6666%;
}
.grid__span_12 {
    width: 100%;
}
.grid__span_stretch {
    flex: 1 1;
    margin-bottom: 0;
}
.grid__span_shrink {
    flex: 0 0;
    margin-bottom: 0;
}

.field {
    padding: 11px 24px;
    border: 1px solid #CCD2DE;
    border-radius: 16px;
    background: #FFF;
    color: #333;
    font-size: 16px;
    line-height: 24px;
    box-shadow: none;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
.field.invalid {
    border-color: #FE5F1E;
}
.field.invalid:focus {
    border-color: #FE5F1E;

    -webkit-box-shadow: 0 0 0 2px rgba(254, 95, 30, 0.2);
            box-shadow: 0 0 0 2px rgba(254, 95, 30, 0.2);
}
.field_stretch { width: 100%; }
.field_select {
    padding-right: 32px;
    background-repeat: no-repeat;
    background-position: right 8px top 50%;
    background-image: url('/img/select_2.svg');
    -webkit-appearance: none;
            appearance: none;
}
.field_datepicker {
    padding-right: 32px;
    background-repeat: no-repeat;
    background-position: right 8px top 50%;
    background-image: url('/img/calendar.svg');
    -webkit-appearance: none;
            appearance: none;
}
.field_textarea {
    min-height: 56px;
}
.field:disabled {
    opacity: 0.4;
}
.field_small {
    padding: 7px 8px;
    height: 40px;
    border-radius: 8px;
    border: none;
}
.field_indent {
    padding-left: 84px;
}
.field_action {
    padding-right: 32px;
}

.field-block {
    position: relative;
    width: 100%;
}
.field-dropdown {
    position: absolute; left: 1px; top: 1px; bottom: 1px;
    border-radius: 15px 0 0 15px;
    border: none;
    border-right: 1px solid #CCD2DE;
    background: #FFF;
    color: #333;
    padding: 4px 0 4px 16px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: right 0px top 50%;
    background-image: url(/img/select_2.svg);
    -webkit-appearance: none;
            appearance: none;
}
.field-dropdown_readonly {
    background-image: none;
}
.field-block .button-icon {
    top: 8px;
    right: 4px;
}

.select-menu {
    border: none;
    margin: 4px 0 0 32px;
    color: #00205B;
    padding-right: 20px;
    background-repeat: no-repeat;
    background-position: right -2px top 14px;
    background-image: url('/img/select_black.svg');
    appearance: none;
}

.button {
    display: inline-block;
    border: 1px solid #CCD2DE;
    border-radius: 16px;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 31px;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: inherit;
    background: #fff;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;

    -webkit-transition: background-color 0.2s linear;
            transition: background-color 0.2s linear;
}
.button:hover,
.button:focus,
.button:active {
    text-decoration: none;

    -webkit-box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
            box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
}
.button.hidden {
    display: none;
}
.button_submit {
    border-color: transparent;
    background: #00C996;
    color: #fff;
}
.button_submit:hover,
.button_submit:focus,
.button_submit:active {
    -webkit-box-shadow: 0 0 0 4px rgba(0, 201, 150, 0.2);
            box-shadow: 0 0 0 4px rgba(0, 201, 150, 0.2);
}
.button_simple {
    background: transparent;
    border-color: transparent;
}
.button_simple:hover,
.button_simple:focus,
.button_simple:active {
    background: rgba(0, 32, 91, .05);

    -webkit-box-shadow: none;
            box-shadow: none;
}
.button_stretch {
    width: 100%;
    padding-right: 8px;
    padding-left: 8px;
}

.button-mobile {
    color: #808FAD;
}

.button-icon {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 32px;
    height: 32px;
    background: transparent;
    cursor: pointer;
    border: none;
    padding: 4px;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.simple-form {
    max-width: 720px;
}
.simple-form_compact {
    max-width: 480px;
}
.simple-form_box {
    padding: 16px; 
    background: #F2F4F7; 
    border-radius: 24px;
    margin-top: 20px;
}
.simple-form__field {
    margin-bottom: 16px;
}
.simple-form__footer .button {
    float: right;
    margin-left: 10px;
}
.simple-form__footer::after {
    content: '';
    display: table;
    clear: both;
}
.simple-form_files {
    padding: 16px 0;
}

.simple-message {
    position: relative;
    background: #FFFFFF;
    border-radius: 10px;
    width: 100%;
    padding: 16px 24px;
    overflow: hidden;
}   
.simple-message__title {
    line-height: 1.2;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
}
.simple-message__title_small {
    font-size: 28px;
}
.simple-message__title_tiny {
    font-size: 16px;
}
.simple-message__text {
    margin-top: 4px;
    color: #808FAD;
    font-size: 14px;
    text-align: center;
}
.simple-message__text_error {
    margin-top: 8px;
    color: inherit;
}
.simple-message__text_big {
    font-size: 16px;
}
.simple-message__action {
    text-align: center;
    margin-top: 16px;
}
.simple-message__footnote {
    font-size: 14px;
    text-align: center;
    color: #808FAD;
}
.simple-message > .overlay {
    margin: -16px 0 0 -16px;
}
.simple-message > .overlay .overlay__bg {
    background: #FFF;
}

.simple-block {
    position: relative;
    border-top: 1px solid #CCD2DE;
    margin-top: 32px;
    padding-top: 32px;
    text-align: center;
}
.simple-block__title {
    position: absolute; top: -10px; left: 50%;
    background: #FFF;
    padding: 0 16px;
    color: #808FAD;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;

    -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
}
.box .simple-block__title {
    background: #F2F4F7;
}

.tabs {
    position: relative;
    border-bottom: 1px solid #CCD2DE;
    padding: 16px 24px 0;
    padding-right: 120px;
}
.tabs__list {
    margin-left: -40px;
    padding-top: 8px;
    height: 48px;
    overflow: hidden;
}
.tabs__item {
    display: inline-block;
    margin-left: 40px;
    position: relative;
    padding-bottom: 18px;
}
.tabs__anchor {
    padding-bottom: 18px;
    font-weight: bold;
    color: #808FAD;
}
.tabs__anchor:hover {
    text-decoration: none;
}
.tabs__anchor::before {
    bottom: 0;
    content: '';
    height: 8px;
    left: 0;
    position: absolute;
    right: 0;
    transform: scaleX(0);

    -webkit-transition: transform 0.3s;
            transition: transform 0.3s;
}
.tabs__anchor:hover::before {
    background: #CCD2DE;
    transform: scaleX(1);
}
.tabs__anchor.active {
    color: inherit;
}
.tabs__anchor.active::before {
    background: #00C996;
    transform: scaleX(1);
}
.tabs__counter {
    position: absolute; top: 16px; right: 32px;
    background: #00205B;
    color: #fff;
    padding: 7px 16px;
    border-radius: 18px;
    font-weight: bold;
    min-width: 60px;
    text-align: center;
}

.status {
    display: inline-block;
    line-height: 24px;
    padding-left: 8px;
    white-space: nowrap;
}
.status img {
    margin-right: 4px;
    vertical-align: middle;
}

.person {
    display: inline-block;
    position: relative;
    padding-left: 52px;
}
.person__avatar {
    width: 36px;
    height: 36px;
    border-radius: 18px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 14px;
    line-height: 36px;
    background: #00C996;
    color: #fff;
    text-align: center;
}
.person__title {
    line-height: 36px;
    white-space: nowrap;
}

.box {
    padding: 16px; 
    background: #F2F4F7; 
    border-radius: 24px; 
    max-width: 720px;
}
.box_compact {
    max-width: 480px;
}
.box__header {
    position: relative;
}
.box__header:not(:last-child) {
    padding-bottom: 20px;
}
.box__header_space {
    padding-left: 8px;
}
.box__title {
    font-size: 20px;
    font-weight: bold;
}
.box__title + .box__text {
    padding-top: 8px;
}
.box__close {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 20px;

    -webkit-transition: background-color 0.2s linear;
            transition: background-color 0.2s linear;
}
.box__close:hover {
    background: rgba(0, 32, 91, .05);
}
.box__close::before {
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    left: 8px;
    width: 24px;
    height: 24px;
    background-image: url('/img/close.svg');
}
.box .overlay__bg {
    background-color: #F2F4F7;
}

.flash {
    position: fixed; top: 0; left: 0; right: 0; z-index: 10000;
    padding: 0 32px;
    padding-left: 460px;
}
.flash__body {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 16px 56px;
    font-size: 16px;
    border-radius: 0 0 16px 16px;
    color: #333;
    cursor: pointer;
    background: #CCD2DE;
    width: 100%;
    max-width: 720px;
}
.flash_error .flash__body {
    background: #F8D7DA;
    color: #B13E42;
}
.flash_success .flash__body {
    background: #DAF0EB;
    color: #079668;
}
.flash_notice .flash__body {
    background: #DDE8F7;
    color: #00205B;
}
.flash__body::before {
    content: '';
    display: block;
    position: absolute;
    top: 16px;
    left: 22px;
    width: 24px;
    height: 24px;
}
.flash_error .flash__body::before {
    background-image: url('/img/error.svg');
}
.flash_success .flash__body::before {
    background-image: url('/img/success.svg');
}
.flash_notice .flash__body::before {
    background-image: url('/img/info.svg');
}
.flash_close {
    position: absolute;
    top: 16px;
    right: 22px;
    width: 24px;
    height: 24px;
}
.flash_close::after,
.flash_close::before {
    content: '';
    display: block;
    position: absolute;
    top: 11px;
    right: 4px;
    width: 16px;
    height: 2px;
    background: #333;
}
.flash_close::after {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
}
.flash_close::before {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
}
.flash.fade {
    -webkit-transition: -webkit-transform 0.2s ease-out;
            transition: transform 0.2s ease-out;
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
}
.flash.show {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
}

.overlay {
    position: absolute; z-index: 1000;
}
.overlay__bg,
.overlay__loader {
    display: block;
    position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;
}
.overlay__bg {
    z-index: 1;
    background: #FFF;
    opacity: 0.7;
}
.overlay__ticker {
    position: absolute; top: 50%; left: 50%;
    margin: -3px 0 0 -20px;
}


.data-block_action {
    position: relative;
    padding-left: 48px;
    margin-left: -48px;
}
.data-block__action {
    position: absolute;
    top: -3px;
    left: 14px;
}
.data-block__title {
    font-size: 14px;
    color: #333;
}
.data-block__description {
    color: #808FAD;
    font-size: 14px;
}
.data-block_action .menu {
    line-height: 1;
}


.badges {
    margin-top: 4px;
    margin-left: -4px;
    font-size: 0;
}
.badge {
    display: inline-block;
    font-size: 10px;
    font-weight: bold;
    padding: 0 8px;
    border-radius: 2px;
    background: #B2BCCE;
    color: #fff;
    line-height: 16px;
    white-space: nowrap;
}
a.badge:hover {
    text-decoration: none;
    opacity: .6;
}
.badges .badge {
    margin-left: 4px;
}
.badge_green {
    background: #00C996;
}
.badge_orange {
    background: #FF8C41;
}
.badge_small {
    padding: 0 6px;
}

.progress-bar {
    background: rgb(204, 210, 222, 0.3);
    border-radius: 2px;
}
.progress-bar__bar {
    height: 8px; 
    width: 0; 
    background: #00c996; 
    border-radius: 2px;
}


.files__item {
    position: relative;
    padding: 8px 32px 8px 40px;
}
.files__item a {
    color: inherit;
}
.files__anchor {
    display: inline-block;
}
.files__anchor::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url('/img/file.svg');
}
.files__action,
.files__item .actions-list {
    position: absolute;
    top: 8px;
    right: 0;
}

.red {
  color: #D83500;
}

.block__description {
    font-size: 14px;
    color: #808FAD;
}

.upload-action {
    display: inline-block;
    position: relative; z-index: 1;
    vertical-align: middle;
}
.upload-action__wrapper {
    position: relative; 
    display: block; 
    overflow: hidden; 
    height: 40px;
}
.upload-action__input {
    position: absolute; top: 0; right: 0; z-index: 2;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 100px 1000px;
    cursor: pointer;

    -moz-transform: translate(-300px, 0) scale(4);

    -khtml-opacity: 0;
    -moz-opacity: 0;
         opacity: 0;
}
.upload-action__label {
    display: block;
    font-size: 28px;
    font-weight: bold;
    height: 48px;
}
.upload-action_icon .upload-action__label { padding-left: 48px; }
.upload-action_icon::before { 
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
}
.upload-action_icon::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 40px;
    height: 40px;
    background: #00C996;
    border-radius: 20px;

    -webkit-transition: background-color 0.3s linear;
            transition: background-color 0.3s linear;
}
.upload-action_icon:hover::after {
    text-decoration: none;

    -webkit-box-shadow: 0 0 0 4px rgba(0, 201, 150, 0.2);
            box-shadow: 0 0 0 4px rgba(0, 201, 150, 0.2);
}

.switch {
    display: inline-block;
    position: relative; z-index: 1;
    height: 20px;
    padding-left: 36px;
    margin: 0;
    cursor: pointer;
    text-align: left;
}
.switch input {
    position: absolute; top: 0; z-index: 1;
    width: 36px; height: 20px;
    margin-left: -36px;
    cursor: pointer;
    opacity: 0;
}
.switch i {
    display: inline-block;
    width: 0;
    height: 18px;
    margin-top: -2px;
    margin-right: 40px;
    margin-left: -36px;
    line-height: 1;
    vertical-align: middle;
    background-color: #00C996;
}
.switch i::before {
    position: absolute; top: 3px; left: 1px;
    width: 34px; height: 14px;
    background-color: #9e9e9e;
    border-radius: 8px;
    content: '';
    -webkit-transition: all .2s;
       -moz-transition: all .2s;
            transition: all .2s;
}
.switch i::after {
    position: absolute; top: 0; left: 0;
    width: 20px; height: 20px;
    background-color: #fff;
    border-radius: 20px;
    content: '';

    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .12);
            box-shadow: 0 2px 6px rgba(0, 0, 0, .12), 0 2px 6px rgba(0, 0, 0, .12);

    -webkit-transition: all .2s;
       -moz-transition: all .2s;
            transition: all .2s;
}
.switch input:checked + i::before {
    background: inherit;
    opacity: .5;
}
.switch input:checked + i::after {
    left: 16px;
    background: inherit;
}
.switch input:focus + i::after {
    -webkit-box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
            box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
}
.switch input:checked:focus + i::after {
    -webkit-box-shadow: 0 0 0 8px rgba(0, 201, 150, .1);
            box-shadow: 0 0 0 8px rgba(0, 201, 150, .1);
}
.switch input:disabled i,
.switch input:disabled + i::before,
.switch input:disabled + i::after {
    background: #BDBDBD;
}
.switch input:disabled + i::before {
    opacity: .5;
}
.switch input:disabled:focus + i::after,
.switch input:disabled:checked:focus + i::after {
    -webkit-box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
            box-shadow: 0 0 0 8px rgba(182, 182, 182, .2);
}

.switch-block {
    display: block;
    margin-bottom: 16px; padding: 8px 0 0 44px;
}
.switch-block.hidden {
    display: none;
}
.switch-block .switch {
    top: 1px;
    margin-left: -44px;
}

.radio {
    display: inline-block;
    position: relative; z-index: 1;
    width: 20px; height: 20px;
    padding-left: 24px;
    margin: 0;
    vertical-align: middle;
}
.radio__input {
    position: absolute; top: -3px; left: 0; z-index: 2;
    opacity: 0;
    width: 20px; height: 20px;
    cursor: pointer;

    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
            appearance: none;
}
.radio__input:disabled {
    cursor: default;
}
.radio__icon {
    display: block;
    position: absolute; top: -3px; left: 0; z-index: 1;
    width: 20px; height: 20px;
    border: 1px solid #CCD2DE;
    border-radius: 100%;
    background: #FFF;

    -webkit-transition: box-shadow 200ms;
}
.radio__input:focus + .radio__icon {
    -webkit-box-shadow: 0 0 0 4px rgba(211, 211, 211, .1);
            box-shadow: 0 0 0 4px rgba(211, 211, 211, .1);
}
.radio__input.invalid + .radio__icon {
    border-color: #F75F1E;
}
.radio__input:checked + .radio__icon {
    border-color: #00C996;
    background: #00C996;
}
.radio__input:checked:focus + .radio__icon {
    -webkit-box-shadow: 0 0 0 4px rgba(49, 163, 174, .1);
            box-shadow: 0 0 0 4px rgba(49, 163, 174, .1);
}
.radio__input + .radio__icon::before {
    content: '';
    display: block;
    position: relative; left: 4px; top: 4px;
    width: 10px; height: 10px;
    background: #FFF;
    -webkit-border-radius: 100%;
            border-radius: 100%;

    -webkit-transform: scale(0);
        -ms-transform: scale(0);
         -o-transform: scale(0);
            transform: scale(0);

    -webkit-transition: 240ms;
         -o-transition: 240ms;
            transition: 240ms;
}
.radio__input:checked + .radio__icon::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}
.radio__input:disabled + .radio__icon {
    opacity: .6;

    -webkit-box-shadow: none;
            box-shadow: none;
}
.radio__input:focus + .radio__icon {
    -webkit-box-shadow: 0 0 0 2px rgba(211, 211, 211, .1);
            box-shadow: 0 0 0 2px rgba(211, 211, 211, .1);
}
.radio__input.invalid:focus + .radio__icon {
    -webkit-box-shadow: 0 0 0 2px rgba(247, 95, 30, 0.1);
            box-shadow: 0 0 0 2px rgba(247, 95, 30, 0.1);
}
.radio__input:checked:focus + .radio__icon {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 122, 66, .1);
            box-shadow: 0 0 0 2px rgba(0, 122, 66, .1);
}

.radio__input:focus + .radio__color {
    -webkit-box-shadow: 0 0 0 2px rgba(211, 211, 211, .1);
            box-shadow: 0 0 0 2px rgba(211, 211, 211, .1);
}
.radio__input:checked + .radio__color::before {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
}

.radio-block {
    display: block;
    margin-bottom: 16px; padding: 8px 0 0 24px;
}
.radio-block.hidden {
    display: none;
}
.radio-block .radio {
    top: 1px;
    margin-left: -24px;
}

.checkbox {
    display: inline-block;
    position: relative; z-index: 1;
    width: 20px; height: 20px;
    vertical-align: middle;
}
.checkbox__input {
    position: absolute; top: 0; left: 0; z-index: 2;
    opacity: 0;
    width: 20px; height: 20px;
    cursor: pointer;

    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-appearance: none;
            appearance: none;
}
.checkbox__input:disabled {
    cursor: default;
}
.checkbox__icon {
    display: block;
    position: absolute; top: 0; left: 0; z-index: 1;
    width: 20px; height: 20px;

    -webkit-border-radius: 4px;
            border-radius: 4px;
    -webkit-transition: box-shadow 200ms;
}
.checkbox__input + .checkbox__icon::before,
.checkbox__input + .checkbox__icon::after {
    content: '';
    display: block;
    position: absolute; left: 0; z-index: 1;
    width: 20px; height: 20px;

    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    -webkit-transition: all 0.3s ease-in-out;
       -moz-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
}
.checkbox__input + .checkbox__icon::after {
    border-color: #D3D3D3;
    width: 11px;
    height: 8px;
    border: 2px solid #FFF;
    border-top: none;
    border-right: none;

    -webkit-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(0);
       -moz-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(0);
        -ms-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(0);
         -o-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(0);
            transform: translateY(5px) translateX(5px) rotate(-45deg) scale(0);
}
.checkbox__input + .checkbox__icon::before {
    border: 1px solid #CCD2DE; border-radius: 4px;
    background: #FFF;
}
.checkbox__input.invalid + .checkbox__icon::before {
    border-color: #F75F1E;
}
.checkbox__input:checked + .checkbox__icon::before {
    background: #00C996;
    border-color: #00C996;
}
.checkbox__input:checked + .checkbox__icon::after {
    -webkit-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(1);
       -moz-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(1);
        -ms-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(1);
         -o-transform: translateY(5px) translateX(5px) rotate(-45deg) scale(1);
            transform: translateY(5px) translateX(5px) rotate(-45deg) scale(1);
}
.checkbox__input:focus + .checkbox__icon {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 201, 150, 0.2);
            box-shadow: 0 0 0 2px rgba(0, 201, 150, 0.2);
}
.checkbox__input:checked:focus + .checkbox__icon {
    -webkit-box-shadow: 0 0 0 2px rgba(0, 201, 150, 0.2);
            box-shadow: 0 0 0 2px rgba(0, 201, 150, 0.2);
}
.checkbox__input:disabled + .checkbox__icon {
    opacity: .4;

    -webkit-box-shadow: none;
            box-shadow: none;
}

.dialog {
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050;
    padding: 24px;
    overflow: hidden;
    background: rgba(72, 61, 61, .4);
}
.dialog__box {
    position: relative;
    margin: 156px auto 0; padding: 16px 32px;
    width: 400px;
    max-width: 100%;
    border-radius: 4px;
    background: #fff;

    -webkit-box-shadow: 0 0 0 1px #E4D8D8;
          box-shadow: 0 0 0 1px #E4D8D8;
}
.dialog__body {
    padding: 16px 0;
    font-size: 18px;
}
.dialog__footer {
    padding-top: 8px;
    text-align: right;
}
.dialog__commit { margin-left: 12px; }

.dialog.fade .dialog__box {
    -webkit-transition: -webkit-transform 0.2s ease-out;
          transition: transform 0.2s ease-out;
    -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
.dialog.show .dialog__box {
    -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.viewer {
    max-width: 1000px;
}
.viewer_office {
    position: relative;
    border: 1px solid #E5E9EF;
    border-radius: 4px;
    height: calc(100vh - 188px);
    overflow: hidden;
}
.viewer__object {
    height: calc(100vh - 188px);
}
.viewer__iframe {
    position: absolute; top: -1px; left: -1px; right: -1px; bottom: -1px;
}

.loader-ticker {
    width: 26px;
    font-size: 0;
    white-space: nowrap;
    overflow: hidden;
}
.loader-ticker_center {
    margin: 0 auto;
}
.loader-ticker_inline {
    display: inline-block;
    vertical-align: middle;
    line-height: 0;
}
.loader-ticker_space_right {
    margin-right: 8px;
}
.loader-ticker::before,
.loader-ticker__bar,
.loader-ticker__bar::after,
.loader-ticker__bar::before {
    display: inline-block;
}
.loader-ticker::before,
.loader-ticker__bar::after,
.loader-ticker__bar::before {
    content: '';
    width: 6px; height: 6px;
    background-color: #00C996;
    -webkit-animation-name: ticker-bounce;
       -moz-animation-name: ticker-bounce;
        -ms-animation-name: ticker-bounce;
         -o-animation-name: ticker-bounce;
            animation-name: ticker-bounce;
    -webkit-animation-duration: .8775s;
       -moz-animation-duration: .8775s;
        -ms-animation-duration: .8775s;
         -o-animation-duration: .8775s;
            animation-duration: .8775s;
    -webkit-animation-iteration-count: infinite;
       -moz-animation-iteration-count: infinite;
        -ms-animation-iteration-count: infinite;
         -o-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
       -moz-animation-direction: normal;
        -ms-animation-direction: normal;
         -o-animation-direction: normal;
            animation-direction: normal;
}
.loader-ticker__bar::after,
.loader-ticker__bar::before {
    margin-left: 4px;
}
.loader-ticker::before {
    -webkit-animation-delay: .1795s;
       -moz-animation-delay: .1795s;
        -ms-animation-delay: .1795s;
         -o-animation-delay: .1795s;
            animation-delay: .1795s;
}
.loader-ticker__bar::before {
    -webkit-animation-delay: .4055s;
       -moz-animation-delay: .4055s;
        -ms-animation-delay: .4055s;
         -o-animation-delay: .4055s;
            animation-delay: .4055s;
}
.loader-ticker__bar::after {
    -webkit-animation-delay: .5285s;
       -moz-animation-delay: .5285s;
        -ms-animation-delay: .5285s;
         -o-animation-delay: .5285s;
            animation-delay: .5285s;
}
.loader-ticker_big {
    width: 36px;
}
.loader-ticker_big::before,
.loader-ticker_big .loader-ticker__bar::after,
.loader-ticker_big .loader-ticker__bar::before {
    width: 8px; height: 8px;
}
.loader-ticker_big .loader-ticker__bar::after,
.loader-ticker_big .loader-ticker__bar::before {
    margin-left: 6px;
}
.loader-ticker_white::before,
.loader-ticker_white .loader-ticker__bar::after,
.loader-ticker_white .loader-ticker__bar::before {
    background: #FFF;
}
@keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-o-keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-ms-keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-webkit-keyframes ticker-bounce {
  0%    {}
  50%   { opacity: .2; }
  100%  {}
}
@-moz-keyframes ticker-bounce {
  0%    {}
  50%   { background-color: rgba(128, 242, 13, 0.2); }
  100%  {}
}

@keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-o-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-ms-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-webkit-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}
@-moz-keyframes ticker-bounce-inverse {
  0%    {}
  50%   { background-color: fade(#fff, 20%); }
  100%  {}
}

.preview {
    position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;
    background: #FFF;
}
.preview__header {
    display: flex;
    position: absolute; top: 0; right: 0; left: 0; z-index: 2;
    padding: 0 120px 0 16px;
    height: 56px;
    background: #fff;
    border-bottom: 1px solid #CCD2DE;
}
.preview__body {
    position: absolute; top: 56px; right: 0; bottom: 0; left: 0;
    z-index: 1;
}
.preview__body_center {
    text-align: center;
}
.preview__title {
    padding-top: 8px;
    padding-right: 16px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
}
.preview__actions {
    padding-top: 11px;
}
.preview__close {
    position: absolute; top: 11px; right: 16px;
    padding: 5px 32px 5px 0;
    color: #808FAD;
    font-size: 14px;
    line-height: 22px;
}
.preview__close::after,
.preview__close::before {
    content: '';
    display: block;
    position: absolute; top: 16px; right: 12px;
    width: 16px; height: 2px;
    background: #808FAD;
}
.preview__close::after {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
}
.preview__close::before {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
}
.preview__close:focus::after,
.preview__close:focus::before {
    background: #eee;
}

.preview__iframe,
.preview__office,
.preview__object {
    display: block;
    width: 100%;
    height: 100%;
}
.preview__office {
    position: absolute;
    top: -1px;
    left: -1px;
}
.preview__image {
    max-width: 100%;
    max-height: 100%;
}

.minor {
    color: #808FAD;
    font-size: 14px;
}

.inherit {
    color:  inherit;
}

.description-date {
    font-size: 14px;
    color: #808FAD;
}

.wrap {
    word-break: break-all;
    overflow-wrap: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

.full-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 21px 8px 21px 48px;
    border-radius: 16px;
}
.full-link:hover {
    background-color: rgba(0, 32, 91, .05);
}

.full-link {
    display: block;
    width: 100%;
    height: 100%;
    padding: 21px 8px 21px 48px;
    border-radius: 16px;
}
.full-link:hover {
    background-color: rgba(0, 32, 91, .05);
}

.data-links {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}   
.data-links__item:only-child {
    width: 100%;
}
.data-links__item {
    width: 50%;
}
.data-links__anchor {
    display: block;
    padding: 21px 8px 21px 48px;
    border-radius: 16px;
}

.invisible {
    visibility: hidden;
}

.center {
    text-align: center;
}

.note {
    font-size: 14px;
    color: #808FAD;
}
.note_margin {
    margin-top: 8px;
}

.hint {
    font-size: 12px;
    color: #808FAD;
    margin-top: 4px;
}
.hint_field {
    margin-left: 24px;
}

.action-bar {
    margin-top: 20px;
}
.action-bar__list {
    font-size: 0;
    margin-bottom: -10px;
}
.action-bar__item {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.action-bar__button {
    display: inline-block;
    border-radius: 16px;
    font-size: 16px;
    font-weight: bold;
    padding: 11px 31px;
    text-decoration: none;
    text-align: center;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #808FAD;
    background: #F2F4F7;

    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;

    -webkit-transition: background-color 0.2s linear;
            transition: background-color 0.2s linear;
}
.action-bar__button:hover,
.action-bar__button:focus,
.action-bar__button:active {
    text-decoration: none;  
    background: #e5e7ea;
}

.data-link {
    display: block;
    margin: -21px -8px -21px -24px;
    padding: 21px 8px 21px 24px;
    color: inherit;
}

.cloneable__item_action {
    padding-right: 48px;
    position: relative;
}

.cancel-button {
    position: absolute;
    top: 4px;
    right: 0;
    z-index: 0;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 20px;
    background: #fff;

    -webkit-transition: background-color 0.3s linear;
            transition: background-color 0.3s linear;
}
.cancel-button:hover {
    background: rgba(0, 32, 91, .05);
}
.cancel-button::after {
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
}
.cancel-button::before {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
}
.cancel-button::after,
.cancel-button::before {
    content: '';
    display: block;
    position: absolute;
    top: 19px;
    right: 9px;
    width: 22px;
    height: 2px;
    background: #808FAD;
}

#add_btn {
    margin-bottom: 16px;
}

.timeline {
    position: relative;
}
.timeline__item {
    position: relative;
    padding: 18px 0;
    padding-left: 24px;
}
.timeline__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #E5E9EF;
}
.timeline__item:first-child::before {
    top: 22px;
}
.timeline__item:last-child::before {
    height: 22px;
    bottom: auto;
}
.timeline__item::after {
    content: '';
    position: absolute;
    left: -6px;
    top: 21px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 4px solid #E5E9EF;
    background: #FFF;
}
.timeline__meta {
    font-size: 14px;
    color: #808FAD;
}

.ellipsis {
    position: relative;
    max-width: 720px;
}
.ellipsis_title {
    height: 40px;
    font-size: 28px;
    font-weight: bold;
}
.ellipsis_subtitle {
    height: 24px; 
}
.ellipsis_table {
    display: flex;
    position: static;
    max-width: none;
}
.ellipsis__text {
    position: absolute; top: 0; left: 0; right: 0;
    display: flex;
    overflow: hidden;
}
.ellipsis__name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.ellipsis__suffix {
    color: #808fad61;
    white-space: nowrap;
}
.ellipsis_title .ellipsis__suffix {
    font-weight: 500;
}
.ellipsis__extra {
    color: #00205B;
}

@media only screen and (min-width: 841px) {
    .desktop-hidden {
        display: none;
    }

    .section_sticky {
        position: fixed;
        top: 188px;
        left: 80px;
        width: 300px;
        bottom: auto;
    }

    .data_clear {
        border: none;
        border-radius: 0;
        background: none;
    }

    .data-links {
        display: block;
    }
    .data-links__item {
        margin-bottom: 16px;
        width: auto;
    }
    .data-links__anchor {
        display: block;
        padding: 19px 0;
        border-radius: 16px;
        border: 1px solid #CCD2DE;
        text-align: center;
        background: #fff;
    }
    .data-links__anchor:hover,
    .data-links__anchor:focus,
    .data-links__anchor:active {
        -webkit-box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
                box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
    }

    .select-menu {
        padding: 0 28px 0 0;
        border: none;
        border-radius: 0;
        background: transparent;
        color: inherit;
        font-size: 24px;
        line-height: 36px;
        box-shadow: none;
        background-repeat: no-repeat;
        background-position: 100% 70%;
        background-image: url(/img/select_black.svg);
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        margin: 0 0 20px;
    }

    .action_inline {
       height: auto;
       line-height: normal; 
    }
    .action_inline.i::before {
        top: -2px;
    }
}

@media only screen and (max-width: 1400px) {
    .header {
        margin-left: 376px;
    }
    .aside {
        width: 296px;
    }
    .blank .logo,
    .error .logo {
        left: 376px;
    }
    .blank .main,
    .error .main {
        padding-left: 376px;
    }
    .footer::before {
        left: -32px;
    }

    .flash {
        padding-left: 376px;
    }

    .section_sticky {
        width: 232px;
    }
}

@media only screen and (max-width: 1200px) {
    .logo { 
        left: 32px; 
    }
    .header {
        margin-left: 296px;
        padding-right: 72px;
    }
    .header .actions-list {
        right: 32px;
    }

    .middle {
        padding-left: 32px;
        padding-right: 32px;
    }
    .aside {
        width: 264px;
    }
    .blank .logo,
    .error .logo {
        left: 296px;
    }
    .blank .main,
    .error .main {
        padding-left: 296px;
        padding-right: 32px;
    }

    .footer::before,
    .footer::after {
        left: -80px;
    }

    .flash {
        padding-left: 296px;
    }

    .section_sticky {
        left: 32px;
    }
}

@media only screen and (max-width: 840px) {
    .mobile-menu {
        display: block;
        position: absolute; top: 32px; right: 24px; z-index: 99;
        margin: 0; padding: 0;
        width: 40px; height: 40px;
        color: #182928;
        cursor: pointer;
    }
    .mobile-menu > div,
    .mobile-menu::after,
    .mobile-menu::before {
        position: absolute; top: 50%; left: 50%;
        width: 22px; height: 2px;
        background-color: #808FAD;

        -webkit-transition: -webkit-transform .25s cubic-bezier(.215, .61, .355, 1);
           -moz-transition: -moz-transform .25s cubic-bezier(.215, .61, .355, 1);
             -o-transition: -o-transform .25s cubic-bezier(.215, .61, .355, 1);
                transition: transform .25s cubic-bezier(.215, .61, .355, 1);

        -webkit-transform-origin: 50% 50%;
           -moz-transform-origin: 50% 50%;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
    }
    .mobile-menu > div {
        -webkit-transform: translateX(-50%) translateY(0%) rotate(0deg);
           -moz-transform: translateX(-50%) translateY(0%) rotate(0deg);
            -ms-transform: translateX(-50%) translateY(0%) rotate(0deg);
                transform: translateX(-50%) translateY(0%) rotate(0deg);
    }
    .mobile-menu::after,
    .mobile-menu::before {
        content: '';
    }
    .mobile-menu::after {
        -webkit-transform: translateX(-50%) translateY(300%) rotate(0deg);
           -moz-transform: translateX(-50%) translateY(300%) rotate(0deg);
            -ms-transform: translateX(-50%) translateY(300%) rotate(0deg);
                transform: translateX(-50%) translateY(300%) rotate(0deg);
    }
    .mobile-menu::before {
        -webkit-transform: translateX(-50%) translateY(-300%) rotate(0deg);
           -moz-transform: translateX(-50%) translateY(-300%) rotate(0deg);
            -ms-transform: translateX(-50%) translateY(-300%) rotate(0deg);
                transform: translateX(-50%) translateY(-300%) rotate(0deg);
    }
    .mobile-menu.active > div {
        -webkit-transform: translateX(-50%) translateY(0%) rotate(0deg) scaleX(0);
           -moz-transform: translateX(-50%) translateY(0%) rotate(0deg) scaleX(0);
            -ms-transform: translateX(-50%) translateY(0%) rotate(0deg) scaleX(0);
                transform: translateX(-50%) translateY(0%) rotate(0deg) scaleX(0);
    }
    .mobile-menu.active::after {
        -webkit-transform: translateX(-50%) translateY(0%) rotate(-45deg);
           -moz-transform: translateX(-50%) translateY(0%) rotate(-45deg);
            -ms-transform: translateX(-50%) translateY(0%) rotate(-45deg);
                transform: translateX(-50%) translateY(0%) rotate(-45deg);
    }
    .mobile-menu.active::before {
        -webkit-transform: translateX(-50%) translateY(0%) rotate(225deg);
           -moz-transform: translateX(-50%) translateY(0%) rotate(225deg);
            -ms-transform: translateX(-50%) translateY(0%) rotate(225deg);
                transform: translateX(-50%) translateY(0%) rotate(225deg);
    }

    .mobile-nav.active {
        position: absolute; 
        top: 104px;
        left: 0;
        right: 0;
        height: calc(100vh - 100px);
        z-index: 10;
        display: block;
        background: #fff;
    }

    .popup-menu {
        position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000;
        background: rgba(47, 65, 75, .6);;
    }
    .popup-menu.hidden {
        display: none;
    }
    .popup-menu__content {
        position: absolute; left: 0; right: 0; bottom: 0;
        background: #fff;
        height: 40vh;
        border-radius: 16px 16px 0 0;
    }

    .header,
    .aside {
        display: none;
    }

    .logo,
    .blank .logo {
        top: 32px;
        left: 24px;
    }
    .logo_blank,
    .error .logo,
    .blank .logo_blank {
        left: 50%; margin-left: -84px;
    }

    .main {
        padding-bottom: 120px;
    }
    .middle,
    .blank .main,
    .error .main {
        padding: 104px 24px 0;
        min-height: calc(100vh - 96px);
    }
    .blank .actions-list_blank {
        top: 32px;
        right: 24px;
    }

    .flash {
        padding: 0 24px;
    }
    .flash__body {
        width: 100%;
        max-width: none;
        padding: 26px 56px;
    }
    .flash__body::before {
        top: 26px;
    }
    .flash_close {
        top: 26px;
    }

    .field {
        padding: 11px 16px;
    }
    .field_small {
        padding: 7px 8px;
    }
    .field_action {
        padding-right: 32px;
    }
    .field_indent {
        padding-left: 76px;
    }

    .button_mobile_stretch {
        width: 100%;
        padding-right: 8px;
        padding-left: 8px;
    }

    .simple-message {
        padding: 16px;
    }

    .button-mobile {
        display: block;
        width: auto;
        border: 1px solid #CCD2DE;
        text-align: center;
        background: #fff;
        padding: 24px;
        border-radius: 16px;
    }
    .button-mobile:hover {
        text-decoration: none;

        -webkit-box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
                box-shadow: 0 0 0 4px rgba(0, 32, 91, .05);
    }

    .simple-form_box .simple-form__footer {
        margin-bottom: -16px;
    }
    .simple-form__footer .button {
        display: block;
        width: 100%;
        margin-bottom: 16px;
    }

    #add_btn {
        width: 100%;
    }

    .auth__item,
    .sign__item {
        display: block;
        width: auto;
    }

    .section__footer {
        margin-top: 16px;
    }

    .mobile-hidden {
        display: none;
    }

    .aside-nav__wrap {
        padding: 0 32px;
    }

    .aside-subnav__item {
        padding-left: 32px;
    }

    .footer {
        background-size: auto 1px;
    }
    .footer::before {
        background: url(/img/bg_image.png) no-repeat 50% 0;
        background-size: auto 235px;
        top: -202px;
        left: 0;
        width: 100%;
        height: 238px;
    }

    .footer-nav__list {
        padding-left: 0;
        text-align: center;
    }

    .user {
        display: block;
        padding: 20px 32px;
        position: relative;
        color: inherit;
    }
    .user:hover {
        text-decoration: none;
    }
    .user__title {
        font-size: 20px;
    }
    a.user_toggle::after {
        content: '';
        position: absolute;
        top: 38px;
        right: 47px;
        width: 8px;
        height: 8px;
        border-top: 2px solid #182928;
        border-left: 2px solid #182928;
        transform: rotate(135deg);
    }

    .aside-nav {
        padding-top: 20px;
    }
    .aside-nav__anchor {
        line-height: 54px;
        font-size: 20px;
        display: block;
    }

    .section_center .section__error,
    .section_center .section__title,
    .section_center .section__footer {
        display: block;
        text-align: center;
    }
    .section__text {
        font-size: 16px;
        text-align: center;
    }
    .section__title,
    .section__action {
        font-size: 20px;
        line-height: 1.2;
    }
    .upload-action__label {
        padding-top: 4px;
        font-size: 20px;
    }
    .section__title br {
        display: none;
    }
    .section__header_action {
        padding-top: 6px;
    }
    .section__title_small {
        font-size: 18px;
    }
    .section__select {
        font-size: 18px;
    }
    .section__loader {
        margin: 0 auto;
    }

    .action-bar .actions-list__item {
        display: block;
    }
    .action-bar .menu {
        width: 100%;
    }

    .grid {
        display: block;
    }
    .grid__span {
        width: 100%;
        margin-bottom: 16px;
    }
    .grid__span_compact:last-child {
        margin: 0;
    }
    .grid__span_shrink .button {
        width: 100%;
    }

    .tabs {
        padding-left: 16px;
        padding-right: 100px;
    }
    .tabs__counter {
        padding-left: 12px;
        padding-right: 12px;
        right: 16px;
    }
    .tabs__list {
        margin-left: -16px;
    }
    .tabs__item {
        margin-left: 16px;
    }

    .simple-form {
        max-width: 100%;
    }

    .data {
        max-width: 100%;
    }
    .data__th_first, 
    .data__td_first {
        padding-left: 16px;
    }
    .data__th_last, 
    .data__td_last {
        padding-right: 16px;
    }
    .data_code {
        padding: 16px;
    }

    .data-files__th_first,
    .data-files__td_first {
        padding-left: 16px;
    }
    .data-files__th_last, 
    .data-files__td_last {
        padding-right: 16px;
    }
    .data-files__th_compact,
    .data-files__td_compact {
        padding-right: 16px;
    }
    .data-files__tbody .checkbox {
        display: none;
    }
    .data-files__tbody_checkboxes .checkbox {
        display: inline-block;
    }
    .data-files__tbody_checkboxes .data-files__th_first,
    .data-files__tbody_checkboxes .data-files__td_first {
        padding-left: 48px;
    }
    .data_text {
        padding: 21px 16px;
    }

    .menu-toggle.menu-button {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: left;
        width: 100%;
        color: #808FAD;
        border: 1px solid #CCD2DE;
        border-radius: 16px;
        font-size: 16px;
        padding: 11px 24px 11px 16px;
        text-decoration: none;
        line-height: 24px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    a.menu-toggle.menu-button::after {
        border-top: 2px solid #808FAD;
        border-left: 2px solid #808FAD;
    }

    .full-link,
    .data-links__anchor {
        padding: 21px 8px 21px 16px;
    }

    .data-links__anchor:hover {
        background-color: rgba(0, 32, 91, .05);
    }

    .select-menu {
        margin-left: 0;
    }

    .section_sticky {
        width: auto;
        left: auto;
    }

    .box__title {
        font-size: 16px;
        line-height: 1.2;
    }

    .data-link {
        margin-left: -16px;
        padding-left: 16px;
    }

    .ellipsis {
        max-width: none;
    }
    .ellipsis_title {
        height: 24px;
        font-size: 20px;
        line-height: 1.2;
    }

    .cancel-button_main {
        top: 32px; right: 24px; z-index: 100;
    }

    .hint_field {
        margin-left: 16px;
    }
}

@media only screen and (max-width: 480px) {
    .data-links {
        overflow: hidden;
    }
    .data-links__item {
        width: 100%;
        border-top: 1px solid #E5E9EF;
    }
    .data-links__item:first-child {
        border-top: none;
    }
    .data-links__anchor {
        position: relative;
        border-radius: 0;
    }
    .data-links__anchor:after {
        content: '';
        position: absolute; top: 50%; right: 15px; z-index: 1;
        margin-top: -8px;
        width: 8px;
        height: 8px;
        border-top: 3px solid #808FAD;
        border-left: 3px solid #808FAD;
        transform: rotate(135deg);
    }

    .content-separator {
        border-bottom: 1px solid #E5E9EF;
    }
}