/*! normalize.css v9.0.1 | MIT License | github.com/csstools/normalize.css */

/* Document
 * ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
 * ========================================================================== */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * Show the overflow in Edge and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge and IE.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.2rem; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 0.1rem dotted ButtonText;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}
/* */
:root {
    height: 100%;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.2;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    --font-roboto: 'Roboto', sans-serif;
}
/* @start color */
:root {
    --brand-color-1: #008c9a;
    --brand-color-2: #05737e;
    --brand-color-3: #f6f6f6;
    --brand-color-4: #f9f9f9;
    --brand-color-5: #fbf5e0;
    --brand-color-6: #fafafa;
    --brand-color-7: #9f9f9f;
    --brand-color-red: #e34141;
    --brand-color-delete: #c13737;

    --button-color-disabled: #e4e4e4;

    --border-color-1: #d3d3d3;
    --border-color-2: #d8d8d8;
    --border-color-3: #eaeaea;
    --border-color-4: #f3f3f3;
    --border-color-5: #e3e3e3;

    --text-color-1: #333333;
    --text-color-2: #909090;
    --text-color-3: #9d9d9d;
}
/* @end color */
body {
    height: 100%;
    margin: 0;
    padding: 0;
}
/*
@styleguide

@title Text style

You can change the text color by adding the appropriate modifier style to it.

<p>Smth <span class="_pos">positive</span> or <span class="_neg">negative</span> information.</p>

    <p>Smth <span class="_pos">positive</span> or <span class="_neg">negative</span> information.</p>

You can also center the text by adding the class "_center".

<p class="_center">Center me!</p>

    <p class="_center">Center me!</p>

*/
._pos { color: #008c9a; color: var(--brand-color-1); }
._neg { color: #e34141; color: var(--brand-color-red); }
._comment { color: #9d9d9d; color: var(--text-color-3); }
._center { text-align: center;}
._right { text-align: right;}
._nowrap {
    white-space: nowrap;
}
._big {
    font-size: 1.6em;
}
._fl-right {
    margin-left: auto !important;
}
._fl-left {
    margin-right: auto !important;
}
._fl-center {
    margin: 0 auto !important;
}
._rev {
    -webkit-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
            transform: scale(-1, 1);
}
.container {
    max-width: 110rem;
    margin: 0 auto;
    padding: 0 1.5rem;
}
.icon {
    display: block;
    width: 1em;
    height: 1em;
    fill: currentColor;
}
.icon-home {
        width: 1.385em;
    }
.icon-profile {
        width: 0.75em;
    }
.icon-logout {
        width: 0.941em;
    }
.icon-checkbox {
        width: 1.3em;
    }
.icon-arrow {
        width: 1.857em;
    }
.icon-printer {
        width: 0.952em;
    }
.icon-doc {
        width: 0.778em;
    }
.icon-rouble {
        width: 0.813em;
    }
.icon-card {
        width: 1.294em;
    }
.icon-check {
        width: 0.8em;
    }
.icon-opp {
        width: 0.947em;
    }
.icon-arrow-down {
        width: 1.8em;
    }
.icon-edit {
        width: 1.067em;
    }
.icon-delete {
        width: 0.889em;
    }
.icon-plus {
        font-weight: 500;
        font-size: 1.6rem;
    }
.icon-calendar {
        width: 1.06em;
    }
.icon-settings {
        width: 0.947em;
    }
.icon-excel {
        width: 1.059em;
    }
div#mlkeyboard {
    font-family: Tahoma,Arial,sans-serif;
    width: 100%;
    position: fixed;
    bottom: 0
}
div#mlkeyboard ul,div#mlkeyboard li {
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
div#mlkeyboard ul {
    background: #eee;
    list-style: none;
    font-size: 1.2rem;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}
div#mlkeyboard ul li {
    float: left;
    margin: 0 0 0.5% 0.5%;
    width: 6%;
    text-align: center;
    background: #fff;
    border: 0.1rem solid #f9f9f9;
    -moz-border-radius: 0.5rem;
    -webkit-border-radius: 0.5rem;
    border-color: #e5e5e5;
    cursor: pointer
}
div#mlkeyboard ul li.active {
    background-color: #E6FFD8;
    border-color: #6FDA54
}
div#mlkeyboard ul li:hover {
    background-color: #FFD488;
    border-color: #FFAE6E
}
div#mlkeyboard ul #mlkeyboard-capslock,div#mlkeyboard ul #mlkeyboard-tab,div#mlkeyboard ul #mlkeyboard-left-shift {
    clear: left
}
div#mlkeyboard ul #mlkeyboard-tab {
    width: 7%
}
div#mlkeyboard ul #mlkeyboard-capslock {
    width: 12%
}
div#mlkeyboard ul #mlkeyboard-return {
    width: 8%
}
div#mlkeyboard ul #mlkeyboard-left-shift {
    width: 14%
}
div#mlkeyboard ul #mlkeyboard-right-shift {
    width: 12%
}
div#mlkeyboard ul #mlkeyboard-space {
    clear: left;
    width: 98%
}
div#mlkeyboard ul.mlkeyboard-modifications {
    position: absolute;
    background: rgba(133,133,133,0.6);
    border-radius: 0.5rem;
    display: none;
    padding: 0.8rem
}
div#mlkeyboard {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1000;
    height: 25rem;
    padding: 0.2rem 0;
    background-color: #eee;
}
div#mlkeyboard ul li:empty {
            display: none;
        }
div#mlkeyboard ul li.active {
            background-color: rgba(0, 140, 154, .15);
            border-color: #e5e5e5
        }
div#mlkeyboard ul li.active:hover {
                background-color: #FFD488;
                border-color: #FFAE6E;
            }
div#mlkeyboard #keyboardCloseBtn {
        cursor: pointer;
        top: 1.5rem;
        right: 1.2rem;
        position: absolute;
        width: 2.4rem;
        height: 2.4rem;
        background: url('/images/diana/icons/close.svg') no-repeat;
        background-size: contain;
    }
div#mlkeyboard ul #mlkeyboard-space {
    clear: none;
    width: 92% !important;
}
div#mlkeyboard ul #mlkeyboard-change {
    position: relative;
    color: transparent;
}
div#mlkeyboard ul #mlkeyboard-change:before {
    content: '';
    display: block;
    top: calc(50% - 1.3rem);
    left: calc(50% - 1.3rem);
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    background: url('/images/diana/ww-icon.png');
    background-repeat: no-repeat;
    background-size: cover;
}
#mlkeyboard-space {
    color: transparent;
}
/* */
.link {
    cursor: pointer;
    color: inherit;
    text-decoration: none;
}
.label {
    display: inline-block;
    height: 4rem;
    padding: 0 2rem;
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 3.9rem;
    border-radius: 0.3rem;
}
.label_neutral {
        background-color: #fbf5e0;
        background-color: var(--brand-color-5);
    }
/*
@styleguide

@title Button

<button class="button button_primary" type="button">Primary button</button>

    <button class="button button_primary" type="button">Primary button</button>

<button class="button button_primary" type="button" disabled>Disabled button</button>

    <button class="button button_primary" type="button" disabled>Disabled button</button>
*/
.button {
    outline: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-width: 12rem;
    height: 4rem;
    padding: 0 2.4rem;
    font-family: inherit;
    font-weight: 500;
    font-size: 1.6rem;
    text-align: center;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    background: none;
    border: none;
    border-radius: 0.6rem;
    -webkit-box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.04);
            box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.04);
}
.button .icon {
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
.button_primary {
        color: #fff;
        background-color: #008c9a;
        background-color: var(--brand-color-1);
        border: 0.1rem solid #05737e;
        border: 0.1rem solid var(--brand-color-2);
    }
.button_primary .icon {
            margin-left: 0.8rem;
            font-size: 0.8rem;
        }
.button_secondary,
    .button_border {
        font-weight: 400;
        color: #333333;
        color: var(--text-color-1);
        background-color: #fff;
        border: 0.1rem solid #f3f3f3;
        border: 0.1rem solid var(--border-color-4);
    }
.button_secondary .icon, .button_border .icon {
            margin-right: 0.9rem;
            font-size: 2.1rem;
            color: #008c9a;
            color: var(--brand-color-1);
        }
.button_secondary .icon-add, .button_border .icon-add {
                font-size: 1.6rem;
            }
.button_secondary .icon-settings, .button_border .icon-settings {
                font-size: 1.9rem;
            }
.button_secondary .icon-plus, .button_border .icon-plus {
                margin-right: 0.4rem;
                font-size: 1.6rem;
            }
.button_secondary .icon-delete, .button_border .icon-delete {
                font-size: 1.8rem;
                color: #c13737;
                color: var(--brand-color-delete);
            }
.button_secondary .icon-excel, .button_border .icon-excel {
                font-size: 1.7rem;
            }
.button_secondary .icon-arrow, .button_border .icon-arrow {
                margin-right: 0;
                margin-left: 0.8rem;
                font-size: 0.8rem
            }
.button_secondary .icon-arrow._rev, .button_border .icon-arrow._rev {
                    margin-right: 0.8rem;
                    margin-left: 0;
                }
.button_secondary.button_small,
        .button_secondary.button_middle,
        .button_border.button_small,
        .button_border.button_middle {
            padding: 0 1.2rem;
        }
.button_secondary.button_small .icon, .button_secondary.button_middle .icon, .button_border.button_small .icon, .button_border.button_middle .icon {
                margin-right: 0.6rem;
                font-size: 1.8rem;
            }
.button_secondary.button_small .icon-edit, .button_secondary.button_middle .icon-edit, .button_border.button_small .icon-edit, .button_border.button_middle .icon-edit {
                    font-size: 1.6rem;
                }
.button_border {
        font-weight: 500;
        border: 0.1rem solid #008c9a;
        border: 0.1rem solid var(--brand-color-1);
        -webkit-box-shadow: none;
                box-shadow: none;
    }
.button_back {
        color: #008c9a;
        color: var(--brand-color-1);
    }
.button_back .icon {
            margin-left: 0;
            margin-right: 1rem;
            -webkit-transform: scale(-1, 1);
                -ms-transform: scale(-1, 1);
                    transform: scale(-1, 1);
        }
.button_small {
        height: 3rem;
        font-size: 1.3rem;
    }
.button_middle {
        height: 3.5rem;
        font-size: 1.5rem;
    }
.button_big {
        height: 5rem;
    }
.button_xl {
        height: 6rem;
    }
.button[disabled] {
        cursor: default;
        background-color: #e4e4e4;
        background-color: var(--button-color-disabled);
        border-color: #e4e4e4;
        border-color: var(--button-color-disabled);
    }
.field {
    position: relative;
    width: 100%;
    height: 3.5rem;
}
.field select,
.field input {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        outline: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 100%;
        height: 100%;
        padding: 0 2.4rem 0 1rem;
        font-family: inherit;
        font-size: 1.5rem;
        color: inherit;
        background-color: #fff;
        border: 0.1rem solid #d3d3d3;
        border: 0.1rem solid var(--border-color-1);
        border-radius: 0.3rem;
    }
.field_big {
        height: 4rem;
    }
.field_short {
        max-width: 12rem;
    }
.field-clear {
        display: none;
        outline: none;
        cursor: pointer;
        position: absolute;
        top: calc(50% - 0.6rem);
        right: 0.7rem;
        padding: 0;
        font-size: 1.2rem;
        color: #008c9a;
        color: var(--brand-color-1);
        background: none;
        border: none
    }
.field-clear.is-visible {
            display: block;
        }
.field-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 3.5rem;
        font-size: 1.5rem;
        line-height: 1;
    }
.field-label_big {
            height: 4rem;
        }
.field-label span {
            width: 100%;
            font-size: 1.4rem;
            color: #9f9f9f;
            color: var(--brand-color-7);
        }
.field-comment {
        top: 0;
        left: 100%;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        height: 3.5rem;
        padding: 2rem;
        font-size: 1.5rem;
    }
.field-comment .icon {
            margin-right: 0.7rem;
            font-size: 1.6rem;
            color: #008c9a;
            color: var(--brand-color-1);
        }
.field-wr {
    position: relative;
}
.select-wr {
    position: relative;
    width: 100%;
}
.select-wr .icon {
        top: calc(50% - 0.4rem);
        right: 1.2rem;
        position: absolute;
        font-size: 0.8rem;
        color: #008c9a;
        color: var(--brand-color-1);
    }
.select-wr .select {
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
        outline: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: relative;
        width: 100%;
        height: 3.5rem;
        padding: 0 3.6rem 0 1.6rem;
        font-family: inherit;
        font-size: 1.5rem;
        color: inherit;
        background-color: transparent;
        border: 0.1rem solid #d3d3d3;
        border: 0.1rem solid var(--border-color-1);
        border-radius: 0.3rem;
    }
.select-wr .select_big {
            height: 4rem;
        }
.check {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.check__input {
        position: absolute;
        width: 0.1rem;
        height: 0.1rem;
        overflow: hidden;
        clip: rect(0 0 0 0)
    }
.check__input:checked + .check__box .icon {
                    opacity: 1;
                }
.check__box {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 2rem;
        height: 2rem;
        font-size: 1rem;
        color: #008c9a;
        color: var(--brand-color-1);
        border-radius: 0.3rem;
        border: 0.1rem solid #d8d8d8;
        border: 0.1rem solid var(--border-color-2);
    }
.check__box .icon {
            opacity: 0;
            -webkit-transition: opacity .05s ease-in-out;
            -o-transition: opacity .05s ease-in-out;
            transition: opacity .05s ease-in-out;
        }
.check__text {
        margin-left: 0.7rem;
        font-size: 1.5rem;
        white-space: nowrap;
    }
.check_btn .check__box {
            width: 15.4rem;
            height: 3.5rem;
            padding: 0 1rem;
            font-weight: 400;
            font-size: 1.5rem;
            color: inherit;
            background-color: #fff;
            border-radius: 0.3rem;
            border: 0.1rem solid #f3f3f3;
            border: 0.1rem solid var(--border-color-4);
            -webkit-box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.04);
                    box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.04);
        }
.check_btn .check__box .icon {
                opacity: 1;
                display: none;
                margin-right: 0.9rem;
                font-size: 1rem;
                color: #008c9a;
                color: var(--brand-color-1);
            }
.check_btn .check__input:checked + .check__box {
                    border: 0.1rem solid #008c9a;
                    border: 0.1rem solid var(--brand-color-1);
                    -webkit-box-shadow: none;
                            box-shadow: none;
                }
.check_btn .check__input:checked + .check__box .icon {
                        display: block;
                    }
.radio__input {
        position: absolute;
        width: 0.1rem;
        height: 0.1rem;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }
.radio_button .radio__input:checked + .radio__box {
                color: #fff;
                background-color: #008c9a;
                background-color: var(--brand-color-1);
                border-color: #05737e;
                border-color: var(--brand-color-2);
            }
.radio_button .radio__input:checked + .radio__box .icon {
                    color: #fff;
                }
.radio_button .radio__box {
            cursor: pointer;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            height: 3.5rem;
            padding: 0 1.6rem;
            font-size: 1.5rem;
            background-color: #fff;
            border: 0.1rem solid #f3f3f3;
            border: 0.1rem solid var(--border-color-4);
            border-radius: 0.3rem;
            -webkit-box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.04);
                    box-shadow: 0 0.2rem 0.5rem 0 rgba(0, 0, 0, 0.04);
        }
.radio_button .radio__box .icon {
                margin-right: 0.7rem;
                font-size: 1.6rem;
                color: #008c9a;
                color: var(--brand-color-1);
            }
.radio_button .radio__box .icon-rouble {
                    font-size: 1.6rem;
                }
.radio_button .radio__box .icon-card {
                    font-size: 1.7rem;
                }
.radio_button .radio__box .icon-check {
                    font-size: 2rem;
                }
.radio_button .radio__box .icon-opp {
                    font-size: 1.9rem;
                }
/* */
.page {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 96rem;
    height: 100%;
    margin: 0;
    padding-top: 5.4rem;
    padding-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-family: var(--font-roboto);
    line-height: normal;
    color: #333333;
    color: var(--text-color-1);

}
.page_with-keyboard {
        padding-bottom: 25rem;
    }
.page_with-keyboard .page-main {
            overflow: auto;
        }
.page_with-keyboard .page-content {
            overflow: visible;
            overflow: initial;
            height: auto;
        }
.page_with-keyboard .modal {
            margin-bottom: 25rem;
        }
.page_with-keyboard .modal-content-wr {
                overflow: auto;
            }
.page_with-keyboard .modal-content {
                min-height: 30rem;
            }
.page * {
        -webkit-box-sizing: border-box;
                box-sizing: border-box;
    }
.page-aside {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        overflow: auto;
        width: 19rem;
        padding: 1.5rem 1.5rem 1.5rem 2rem;
        border-right: 0.1rem solid #eaeaea
    }
.page-aside + .page-main {
            width: calc(100% - 19rem);
        }
.page-main {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: 100%;
        padding: 1.5rem 2rem 0;

        /*&_keyboard {
            padding-right: calc(50% + 80px);

            &:before {
                content: '';
                position: absolute 0 0 0 calc(50% - 60px);
                background-color: #eee;
            }
        }*/
    }
.page-content {
        overflow: auto;
        height: 100%
    }
.page-content > .form {
            margin-top: 2rem;
        }
.page-content .table-row {
                margin-top: -1.6rem;
                margin-bottom: 0.4rem
            }
.page-content .table-row:before {
                    content: '';
                    top: -0.1rem;
                    right: -1rem;
                    left: -1rem;
                    position: absolute;
                    height: 0.1rem;
                    background-color: #fff;
                }
.page-content .table-row .button {
                    min-width: auto;
                    margin-left: 1rem
                }
.page-content .table-row .button:not(:first-child) {
                        margin-left: 1rem;
                    }
.page-title {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 1rem;
        margin-bottom: 2rem;
        font-weight: 500;
        font-size: 1.6rem;
        color: #008c9a;
        color: var(--brand-color-1)
    }
.page-title + .page-headline {
            margin-top: 0;
        }
.page-title .button {
            height: 3.5rem
        }
.page-title .button + .button {
                margin-left: 1rem;
            }
.page-headline {
        margin: 0.5rem 0 2rem;
    }
.page-footer {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        margin: auto -2rem 0;
        padding: 2.4rem 2rem;
        background-color: #fafafa;
        background-color: var(--brand-color-6);
        border-top: 0.1rem solid #e3e3e3;
        border-top: 0.1rem solid var(--border-color-5);
    }
.page-footer__text {
            -webkit-box-flex: 1;
                -ms-flex: 1 auto;
                    flex: 1 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding-left: 1.6rem;
            font-size: 1.7rem;
        }
.page-footer .button {
            margin-left: 3rem;
            min-width: 15rem
        }
.page-footer .button._fl-left {
                margin-left: 0;
                margin-right: auto;
            }
.page-footer .button._fl-center {
                min-width: 27.2rem;
            }
.page-footer .button_xl {
                -webkit-box-flex: 1;
                    -ms-flex: 1 auto;
                        flex: 1 auto;
                margin-left: 0
            }
.page-footer .button_xl + .button_xl {
                    margin-left: 2rem;
                }
.page-footer .table {
            width: 100%;
            margin: -2.4rem 0 0;
        }
.page-footer .table tbody td {
                    vertical-align: middle;
                }
.page-footer .table tbody td ._big {
                        line-height: 1.5rem;
                    }
.page-footer_small {
            padding: 1rem 2rem;
        }
.page-footer_small .button {
                margin-left: 4rem;
            }
.page-footer_clear {
            background-color: #fff;
            border-color: #fff;
        }
.page_login {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding: 0;
    }
.page_login .page-header {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            width: 100%;
            height: 5.4rem;
            padding: 0 2rem;
            border-bottom: 0.2rem solid transparent;
        }
.page_login .page-content .login-form {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                        flex-direction: column;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: 37.2rem;
                min-height: 100%;
                margin: 0 auto;
                padding: 2rem 4.6rem;
                border: 0.1rem solid #d3d3d3;
                border: 0.1rem solid var(--border-color-1);
                border-radius: 0.9rem;
            }
.page_login .page-content .login-form__title {
                    margin-bottom: 2.6rem;
                    font-weight: 500;
                    font-size: 2.6rem;
                    text-align: center;
                }
.page_login .page-content .login-form__row {
                    margin-bottom: 2rem;
                }
.page_login .page-content .login-form__row .field-label {
                        display: block;
                        height: auto;
                        margin-bottom: 0.8rem;
                        font-weight: 500;
                        font-size: 1.7rem;
                        line-height: normal;
                    }
.page_login .page-footer {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
                -ms-flex-align: end;
                    align-items: flex-end;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            margin: 0;
            padding: 2rem 3rem;
            background: none;
            border: none;
        }
.page_login .page-footer__item {
                font-weight: 500;
                font-size: 1.3rem;
                color: #a8a8a8;
            }
.page_login.page_with-keyboard {
            padding-bottom: 25rem;
        }
.page_login.page_with-keyboard .page-content {
                overflow: auto;
                height: 100%;
            }
.header {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 5.4rem;
    padding: 0 2rem;
    background-color: #fff;
    border-bottom: 0.2rem solid #eaeaea;

}
.header-logo {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 11.3rem;
                flex: 0 0 11.3rem;
    }
.header-logo img {
            display: block;
            width: 100%;
            max-width: 100%;
        }
.header-profile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        max-width: calc(100% - 44rem);
        margin-left: 7.6rem;
    }
.header-profile__icon {
            margin-right: 0.9rem;
            font-size: 1.6rem;
            color: #008c9a;
            color: var(--brand-color-1);
        }
.header-profile__text {
            overflow: hidden;
            font-weight: 500;
            font-size: 1.4rem;
            -o-text-overflow: ellipsis;
               text-overflow: ellipsis;
            white-space: nowrap;
        }
.header-profile__text span {
                color: #909090;
                color: var(--text-color-2);
            }
.header-nav {
        margin-left: auto;
    }
.header-nav-list {
            list-style: none;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin: 0;
            padding: 0;
        }
.header-nav-list__item {
                margin-left: 4.6rem;
                font-weight: 500;
                font-size: 1.4rem;
            }
.header-nav-list__item .link {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                }
.header-nav-list__item .link .icon {
                        margin-right: 0.7rem;
                        color: #008c9a;
                        color: var(--brand-color-1);
                    }
.header-nav-list__item .link .icon-home {
                            font-size: 1.4rem;
                        }
.header-nav-list__item .link .icon-logout {
                            font-size: 1.7rem;
                        }
.modal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background: #fff;

}
.modal_dscr .modal-close {
            top: 3rem;
            right: 2.5rem;
        }
.modal-wr {
        display: none;
    }
.modal-close {
        cursor: pointer;
        top: 1.5rem;
        right: 1.5rem;
        position: absolute;
        font-size: 2rem;
        color: #008c9a;
        color: var(--brand-color-1);
    }
.modal-header {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 2rem 2rem 1.5rem;
    }
.modal-content-wr {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: 100%;
    }
.modal-content {
        overflow: hidden;
        height: 100%;
        padding: 0 2rem;
    }
.modal-content .table-wr {
            overflow: auto;
            height: 100%;
        }
.modal-content_flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
.modal-content-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                    justify-content: space-between;
            overflow: hidden;
            height: 100%;
            padding-top: 1.8rem
        }
.modal-content-row:first-child {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                height: auto;
                margin-top: 0;
                padding-top: 2.2rem;
            }
.modal-content-row:first-child .modal-content-col {
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                        -ms-flex-direction: row;
                            flex-direction: row;
                    -webkit-box-align: end;
                        -ms-flex-align: end;
                            align-items: flex-end
                }
.modal-content-row:first-child .modal-content-col:last-child {
                        width: calc((100% - 6rem) / 3 * 2 + 3rem);
                    }
.modal-content-col {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            width: calc((100% - 6rem) / 3);
        }
.modal-content-col__title {
                margin-bottom: 1.3rem;
                font-weight: 500;
                font-size: 1.5rem;
                line-height: 1;
            }
.modal-content-col .form.search-form .search-list {
                margin-top: 0;
            }
.modal-content-col .datepicker-wr {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                margin-left: 1rem;
            }
.modal-content-col .datepicker-wr .datepicker-title {
                    width: 100%;
                    margin-bottom: 1.3rem;
                    font-weight: 500;
                    font-size: 1.5rem;
                    line-height: 1;
                }
.modal-content-col .datepicker-wr .datepicker {
                    position: relative;
                    width: 12.8rem;
                    padding: 0;
                    border-radius: 0;
                }
.modal-content-col .datepicker-wr .datepicker .icon {
                        top: calc(50% - 0.9rem);
                        right: 1.2rem;
                        position: absolute;
                        font-size: 1.8rem;
                        color: #008c9a;
                        color: var(--brand-color-1);
                    }
.modal-content-col .datepicker-wr .datepicker + .datepicker {
                        margin-left: 3rem
                    }
.modal-content-col .datepicker-wr .datepicker + .datepicker:before {
                            content: '';
                            top: 50%;
                            right: calc(100% + 0.9rem);
                            position: absolute;
                            width: 1.2rem;
                            height: 0.1rem;
                            background-color: #333;
                        }
.modal-content-col .datepicker-wr .datepicker .field input {
                            padding-left: 1rem;
                            padding-right: 3.5rem;
                        }
.modal-content-col .radio-wr {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }
.modal-content-col .radio-wr label + label {
                    margin-left: 1rem;
                }
.modal-content-col .radio-wr .radio__box {
                    width: 9.6rem;
                    height: 4rem;
                    padding: 0 1rem;
                    white-space: nowrap;
                }
.modal-content-col .field-wr {
                width: 100%;
            }
.modal-content-col .field-wr_small {
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 9.5rem;
                            flex: 0 0 9.5rem;
                    width: 9.5rem;
                }
.modal-content-col .field-label {
                height: auto;
                margin-bottom: 1.3rem;
                font-weight: 500;
            }
.modal-footer {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        padding: 2rem;
    }
.modal-footer-row {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
.modal-footer-row .radio {
                margin-right: 1.5rem;
            }
.modal-footer-row .button {
                min-width: 27rem;
                margin-right: 5rem;
            }
.modal-footer-row .total {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: end;
                    -ms-flex-align: end;
                        align-items: flex-end;
            }
.modal-footer-row .total-label {
                    font-weight: 500;
                    font-size: 1.5rem;
                    line-height: 1.9;
                    text-align: right;
                }
.modal-footer-row .total-val {
                    width: 20rem;
                    font-weight: 700;
                    font-size: 3rem;
                    text-align: right;
                    color: #008c9a;
                    color: var(--brand-color-1);
                }
.modal-footer-row:not(:first-child) {
                margin-top: 1.8rem;
            }
.modal-footer__field {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
.modal-footer__field .field-label {
                display: block;
                height: auto;
                margin-right: 2rem;
                font-weight: 500;
                font-size: 1.6rem;
            }
.modal-footer__field .field {
                width: 11rem;
            }
.modal-footer-form {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }
.modal-footer-form-row {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }
.modal-footer-form-row .radio {
                    margin-right: 1.2rem;
                }
.modal-footer-form-row .radio__box {
                        width: 3.5rem;
                        height: 4rem;
                        padding: 0 0.4rem;
                        font-weight: 500;
                        color: #008c9a;
                        color: var(--brand-color-1)
                    }
.modal-footer-form-row .field {
                    width: 8.4rem;
                }
.modal-footer-form-col {
                -webkit-box-flex: 1;
                    -ms-flex: 1 auto;
                        flex: 1 auto;
                margin-right: 2rem;
            }
.modal-footer-form-col_flex {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                }
.modal-footer-form-col_flex .check {
                        margin-right: 2.4rem;
                    }
.modal-footer-form-col .field-label {
                    display: block;
                    height: auto;
                    margin-bottom: 0.9rem;
                    font-weight: 500;
                    line-height: auto;
                }
.modal-footer-form-col_string {
                    -webkit-box-flex: 0;
                        -ms-flex-positive: 0;
                            flex-grow: 0;
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    margin-left: auto;
                }
.modal-footer-form-col_string .field-label {
                        margin-right: 2rem;
                        margin-bottom: 0;
                    }
.modal-footer-form-button .button {
                    min-width: 15rem;
                    height: 100%;
                    min-height: 4rem;
                    padding: 0 2rem;
                }
.modal-footer-form-button .button_back {
                        min-width: auto;
                        width: 11.6rem;
                    }
.modal-footer_bg {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-pack: end;
                -ms-flex-pack: end;
                    justify-content: flex-end;
            padding: 2rem;
            background-color: #fafafa;
            background-color: var(--brand-color-6);
            border-top: 0.1rem solid #e3e3e3;
            border-top: 0.1rem solid var(--border-color-5);
        }
.modal-title {
        font-weight: 500;
        font-size: 1.6rem;
        color: #008c9a;
        color: var(--brand-color-1);
    }
.modal-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.modal-nav__text {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            font-weight: 500;
            font-size: 1.5rem;
        }
.modal-nav__text .icon {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                margin-right: 1rem;
                font-size: 2.8rem;
                color: #008c9a;
                color: var(--brand-color-1);
            }
.modal-nav__pagination {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-left: auto;
        }
.modal-nav__pagination .button {
                width: 11.6rem;
                padding: 0 1rem;
                color: #008c9a;
                color: var(--brand-color-1);
            }
.modal-nav__pagination span {
                padding: 0 1.2rem;
                font-weight: 500;
                font-size: 1.6rem;
            }
.modal-inner {
        overflow: hidden;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
    }
.modal-inner-aside {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            overflow: auto;
            width: 18rem;
            padding: 1rem 0;
            -webkit-box-shadow: 0 0.2rem 1.9rem 0 rgba(0, 0, 0, 0.07);
                    box-shadow: 0 0.2rem 1.9rem 0 rgba(0, 0, 0, 0.07);
        }
.modal-inner-aside-nav__item {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    height: 3.7rem;
                    padding: 0 2rem;
                    font-weight: 500;
                    font-size: 1.5rem
                }
.modal-inner-aside-nav__item.is-active {
                        color: #fff;
                        background-color: #008c9a;
                        background-color: var(--brand-color-1);
                    }
.modal-inner-content {
            -webkit-box-flex: 1;
                -ms-flex: 1 auto;
                    flex: 1 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
        }
.modal-inner-content-header {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                padding: 2rem 6.4rem 2rem 2rem;
            }
.modal-inner-content-main {
                overflow: auto;
                height: 100%;
                padding: 0 2rem;
            }
.modal-inner-content-main .selection-group__item {
                    -webkit-box-pack: center;
                        -ms-flex-pack: center;
                            justify-content: center;
                    min-height: auto;
                    padding: 1.5rem 0.4rem;
                }
.modal-inner-content-nav {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                padding: 2rem;
            }
.modal-inner-content-footer {
                position: relative;
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                padding: 1.5rem 2rem;
                background-color: #fafafa;
                background-color: var(--brand-color-6);
                border: 0.1rem solid #e3e3e3;
                border: 0.1rem solid var(--border-color-5);
                border-width: 0.1rem 0 0 0.1rem;
            }
.modal-inner-content-footer__text {
                    padding-bottom: 1rem;
                    font-size: 1.3rem;
                }
.modal-inner-content-footer__text ._pos {
                        font-weight: 500;
                    }
.modal-inner-content-footer .button {
                    height: 100%;
                    margin-left: 2rem;
                    padding: 0 2rem;
                }
.datepicker.dropdown-menu {
    margin-top: 0.6rem;
    -webkit-transform: scale(2);
        -ms-transform: scale(2);
            transform: scale(2);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
}
.datepicker table .active {
    background: #008c9a !important;
    background: var(--brand-color-1) !important;
}
.client-info-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        margin-bottom: 1.2rem;
    }
.client-info-col {
        -webkit-box-flex: 1;
            -ms-flex: 1 0 auto;
                flex: 1 0 auto;
    }
.client-info__label {
        width: 100%;
        margin-bottom: 0.4rem;
        font-size: 1.4rem;
        color: #9d9d9d;
        color: var(--text-color-3);
    }
.client-info__text {
        width: 100%;
        font-weight: 500;
        font-size: 1.5rem;
    }
.client-info__text_small {
            font-size: 1.4rem;
        }
.form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center
    }
.form-row:not(:first-child) {
            margin-top: 2rem;
        }
.form-row .radio_button {
            width: calc(50% - 0.7rem)
        }
.form-row .radio_button:last-child {
                margin-left: 1.4rem;
            }
.form-row .button {
            width: 100%;
            margin-top: 1.5rem;
            padding: 0 1rem;
        }
.form-row .check {
            margin: 2.2rem 0 1rem;
        }
.form-row_button {
            margin-bottom: 3rem;
        }
.form-row_button .button {
                margin-top: 0;
            }
.form-row_label {
            -webkit-box-sizing: content-box;
                    box-sizing: content-box;
            -webkit-box-sizing: initial;
                    box-sizing: initial;
            position: relative;
            padding-left: 14rem;
        }
.form-row_label .field-label {
                top: 0;
                left: 0;
                position: absolute;
                width: 14rem;
                padding-right: 1rem;
            }
.form-row_date {
            max-width: 11rem;
        }
.form-row_small {
            max-width: 15.5rem;
        }
.form-row_middle {
            max-width: 20.6rem;
        }
.form_center {
        max-width: 35.6rem;
        margin: 0 auto;
    }
.form_center .form-row {
            position: relative;
            padding-right: 4.6rem;
        }
.form_center .form-row .check {
                top: calc(50% - 1rem);
                right: 0;
                position: absolute;
                margin-top: 0;
            }
.form_center .button {
            width: 100%;
            margin: 0;
        }
.form_horizontal {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
.form_horizontal .form-col {
            -webkit-box-flex: 1;
                -ms-flex: 1 auto;
                    flex: 1 auto;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-left: 1.5rem;
        }
.form_horizontal .form-col_label {
                margin-left: 6.5rem;
            }
.form_horizontal .form-col_label_small {
                    -webkit-box-flex: 0;
                        -ms-flex-positive: 0;
                            flex-grow: 0;
                }
.form_horizontal .form-col_label_small .field {
                        width: 8.4rem;
                    }
.form_horizontal .form-col_label_small + .form-col_label {
                        margin-left: 4rem;
                    }
.form_horizontal .form-col_label_middle {
                    -webkit-box-flex: 0;
                        -ms-flex-positive: 0;
                            flex-grow: 0;
                }
.form_horizontal .form-col_label_middle .field {
                        width: 15rem;
                    }
.form_horizontal .form-col:first-child {
                margin-left: 0;
            }
.form_horizontal .form-col .field-label {
                -ms-flex-negative: 0;
                    flex-shrink: 0;
                margin-right: 1.2rem;
            }
.form_horizontal .form-col_big {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 26rem;
                        flex: 0 0 26rem;
            }
.form_horizontal .form-col_lg {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 47.5rem;
                        flex: 0 0 47.5rem;
            }
.form_horizontal .form-col_middle {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 23rem;
                        flex: 0 0 23rem;
            }
.form_horizontal .button {
            margin-left: 1.5rem;
        }
.form.search-form {
        overflow: hidden;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        border: 0.1rem solid #d3d3d3;
        border: 0.1rem solid var(--border-color-1);
        border-radius: 0.6rem;
    }
.form.search-form .form-row {
            position: relative;
            -ms-flex-negative: 0;
                flex-shrink: 0;
        }
.form.search-form .form-row .icon {
                left: 2rem;
                position: absolute;
                font-size: 1.4rem;
                color: rgba(0, 0, 0, 0.3);
            }
.form.search-form .field input {
                padding: 0 2rem 0 4.4rem;
                border-width: 0 0 0.1rem 0;
                border-radius: 0;
            }
.form.search-form .ln-letters {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            min-height: 5rem;
            margin: 0 -1.3rem;
            padding: 1rem 2rem;
            border-bottom: 0.1rem solid #d3d3d3;
            border-bottom: 0.1rem solid var(--border-color-1);
        }
.form.search-form .ln-letters a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                width: auto;
                height: 3.2rem;
                min-width: 3.2rem;
                padding: 0 1.3rem;
                font-weight: 500;
                font-size: 1.5rem;
                color: #008c9a;
                color: var(--brand-color-1);
                text-decoration: none;
                border-radius: 0.3rem
            }
.form.search-form .ln-letters a._,
                .form.search-form .ln-letters a.ln-disabled{
                    display: none;
                }
.form.search-form .ln-letters a.ln-selected {
                    color: #fff;
                    background-color: #008c9a;
                    background-color: var(--brand-color-1);
                }
.form.search-form .search-list {
            overflow: auto;
            margin-top: 1.2rem;
        }
.form.search-form .search-list .ln-no-match {
                display: none !important;
            }
.form.search-form .search-list__item {
                cursor: pointer;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                height: 3.6rem;
                padding: 0 2rem;
                font-weight: 500;
                font-size: 1.5rem
            }
.form.search-form .search-list__item.is-active {
                    color: #fff;
                    background-color: #008c9a;
                    background-color: var(--brand-color-1);
                }
.table {
    border-collapse: collapse;
    width: 100%;
    padding-bottom: 0.1rem;
}
.table-row {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        font-weight: 400;

    }
.table-row__abs {
            top: calc(100% + 1.6rem);
            left: 0;
            position: absolute;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            margin-left: 0;
        }
.table-row p {
            margin: 0;
        }
.table-row .button {
            min-width: 15.4rem;
            margin-left: 0
        }
.table-row .button:not(:first-child) {
                margin-left: 1.5rem;
            }
.table-row .button + p {
                margin-left: 2.5rem;
            }
.table-row .radio_button {
            margin-right: 1.5rem;
        }
.table thead td {
            vertical-align: middle;
            padding: 0.8rem 1rem;
            font-weight: 500;
            font-size: 1.2rem;
            text-transform: uppercase;
            background-color: #f6f6f6;
            background-color: var(--brand-color-3);
        }
.table tbody tr:last-child td {
                    border-bottom: none;
                }
.table tbody td {
            vertical-align: top;
            padding: 1.6rem 1rem;
            font-weight: 500;
            font-size: 1.5rem;
            border-bottom: 0.1rem solid #eaeaea;
            border-bottom: 0.1rem solid var(--border-color-3);
        }
.table tbody td b {
                font-weight: 700;
            }
.table tbody td .field {
                width: 20rem;
            }
.table tbody td .field_num {
                    width: 8.4rem;
                    text-align: center
                }
.table tbody td .field_num + span {
                        width: 8.4rem;
                    }
.table tbody td .field + span {
                    display: block;
                    margin-top: 0.5rem;
                    font-size: 1.2rem;
                }
.table_small tbody td {
                font-weight: 400;
                font-size: 1.3rem;
                line-height: 1.3;
            }
.table .button-wr {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
.table .button-wr .button {
            -webkit-box-pack: start;
                -ms-flex-pack: start;
                    justify-content: flex-start
        }
.table .button-wr .button:not(:first-child) {
                margin-top: 0.8rem;
            }
.table_striped tbody tr:nth-child(even) {
                    background-color: #f9f9f9;
                    background-color: var(--brand-color-4);
                }
.table_narrow tbody td {
                padding: 0.8rem;
            }
.table_middle tbody td {
                vertical-align: middle;
            }
.table_client {
        margin-top: -1.4rem;
    }
.table_client tbody tr:nth-child(even) {
                    background-color: #f6f6f6;
                    background-color: var(--brand-color-3);
                }
.table_client tbody tr.is-active {
                    background-color: #008c9a;
                    background-color: var(--brand-color-1);
                }
.table_client tbody tr.is-active td {
                        color: #fff;
                    }
.table_client tbody tr td {
                    padding: 1.2rem 0.6rem;
                    font-size: 1.7rem;
                    border: none
                }
.table_client tbody tr td:nth-child(1) {
                        min-width: 49rem;
                        width: 49rem;
                        padding: 1.2rem 1.6rem;
                    }
.table_client tbody tr td:nth-child(2) {
                        min-width: 21rem;
                        width: 21rem;
                        padding: 1.2rem 2.6rem 1.2rem 1.6rem;
                    }
.table_client tbody tr td:last-child {
                        padding-right: 1.6rem;
                    }
.selection-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.selection-group__item {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(50% - 0.8rem);
                flex: 0 0 calc(50% - 0.8rem);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 1.6rem;
        margin-left: 1.6rem;
        padding: 2rem;
        text-decoration: none;
        color: inherit;
        background: #fff;
        border: solid 0.1rem #f3f3f3;
        border-radius: 0.4rem;
        -webkit-box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.04);
                box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.04)
    }
.selection-group__item:nth-child(2n + 1) {
            margin-left: 0;
        }
.selection-group__item .selection-img {
            -ms-flex-negative: 0;
                flex-shrink: 0;
            margin-right: 2rem;
        }
.selection-group__item .selection-text {
            font-size: 1.5rem;
        }
.selection-group__item_triple {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 calc((100% - 1.6rem * 2) / 3);
                    flex: 0 0 calc((100% - 1.6rem * 2) / 3);
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
    min-height: 9rem;
        }
.selection-group__item_triple:nth-child(2n + 1) {
                margin-left: 1.6rem;
            }
.selection-group__item_triple:nth-child(3n + 1) {
                margin-left: 0;
            }
.selection-group__item_small {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 calc((100% - 1.6rem * 4) / 5);
                    flex: 0 0 calc((100% - 1.6rem * 4) / 5);
            min-height: 13rem;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            padding: 1.5rem 1rem
        }
.selection-group__item_small:nth-child(2n + 1) {
                margin-left: 1.6rem;
            }
.selection-group__item_small:nth-child(5n + 1) {
                margin-left: 0;
            }
.selection-group__item_small .selection-img {
                height: 5rem;
                margin-right: 0;
                margin-bottom: 1rem;
            }
.selection-group__item_small .selection-img img {
                    height: 100%;
                }
.selection-group__item_small .selection-text {
                text-align: center;
            }
.selection-group__item_big {
            -webkit-box-flex: 0;
                -ms-flex: 0 0 calc((100% - 2rem * 4) / 5);
                    flex: 0 0 calc((100% - 2rem * 4) / 5);
            min-height: 19rem;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            margin-bottom: 2rem;
            padding: 2.5rem 1.2rem
        }
.selection-group__item_big:nth-child(2n + 1) {
                margin-left: 2rem;
            }
.selection-group__item_big:nth-child(5n + 1) {
                margin-left: 0;
            }
.selection-group__item_big .selection-img {
                height: 8.6rem;
                margin-right: 0;
                margin-bottom: 3.2rem;
            }
.selection-group__item_big .selection-img img {
                    height: 100%;
                }
.selection-group__item_big .selection-text {
                text-align: center;
            }
.selection-group__item.is-active {
            color: #fff;
            background-color: #008c9a;
            background-color: var(--brand-color-1);
            border-color: #008c9a;
        }
.selection-group_diff .selection-group__item_small .selection-img {
                height: 6rem;
            }
.selection-group_diff .selection-group__item_small:last-child .selection-img {
                    margin-right: -1rem;
                }
.selection-group__item.selection-group__item--small_text {
    margin-bottom: 1.2rem !important;
    height: 3rem !important;
    min-height: 3rem !important;
}
.selection-group__item.selection-group__item--small_text .selection-text{
    font-size: 1.2rem !important;
}
.checkbox-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.checkbox-group__item {
        width: calc((100% - 1.6rem * 3) / 4);
        margin-bottom: 1.2rem;
        margin-left: 1.6rem
    }
.checkbox-group__item:nth-child(4n + 1) {
            margin-left: 0;
        }
.checkbox-group__item .check__box {
                width: 100%;
                height: 4.8rem;
                padding: 0 0.4rem;
                text-align: center;
                border-radius: 0.4rem;
            }
.checkbox-group__item .check__input:checked + .check__box {
                        color: #fff;
                        background-color: #008c9a;
                        background-color: var(--brand-color-1);
                    }
.report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
}
.report-placeholder {
        margin-top: -1.5rem;
        text-align: center;
    }
.report-placeholder p {
            margin-top: 0;
            margin-bottom: 2rem;
            font-weight: 500;
            font-size: 1.6rem;
            color: #008c9a;
            color: var(--brand-color-1)
        }
.report-placeholder .button {
            margin: 0 auto;
        }
.custom-table {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
}
.custom-table .radio-group {
        top: 1.3rem;
        right: 1rem;
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
.custom-table .radio-group .radio {
            margin-left: 0.9rem;
        }
.custom-table .radio-group .radio__box {
                width: 9.4rem;
                height: 2.8rem;
                font-size: 1.3rem;
            }
.custom-table_products .custom-table-col:nth-child(1) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 4rem;
                        flex: 0 0 4rem;
            }
.custom-table_products .custom-table-col:nth-child(2) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 13rem;
                        flex: 0 0 13rem;
            }
.custom-table_products .custom-table-col:nth-child(3) {
                -webkit-box-flex: 1;
                    -ms-flex: 1 auto;
                        flex: 1 auto;
            }
.custom-table_products .custom-table-col:nth-child(4) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 4rem;
                        flex: 0 0 4rem;
                padding-right: 1.8rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
                border-right: 0.2rem solid #eaeaea;
            }
.custom-table_products .custom-table-col:nth-child(5) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 4rem;
                        flex: 0 0 4rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_products .custom-table-col:nth-child(6) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 6.5rem;
                        flex: 0 0 6.5rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_products .custom-table-col:nth-child(7) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 10.5rem;
                        flex: 0 0 10.5rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_products .custom-table-col:nth-child(8) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 10.5rem;
                        flex: 0 0 10.5rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_checks .custom-table-col:nth-child(1) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 10rem;
                        flex: 0 0 10rem;
            }
.custom-table_checks .custom-table-col:nth-child(2) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 3rem;
                        flex: 0 0 3rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_checks .custom-table-col:nth-child(3) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 5rem;
                        flex: 0 0 5rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_checks .custom-table-col:nth-child(4) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 29rem;
                        flex: 0 0 29rem;
            }
.custom-table_checks .custom-table-col:nth-child(5) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 13rem;
                        flex: 0 0 13rem;
            }
.custom-table_checks .custom-table-col:nth-child(6) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 4rem;
                        flex: 0 0 4rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_checks .custom-table-col:nth-child(7) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 7rem;
                        flex: 0 0 7rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_checks .custom-table-col:nth-child(8) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 8rem;
                        flex: 0 0 8rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
            }
.custom-table_checks .custom-table-col:nth-child(9) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 10rem;
                        flex: 0 0 10rem;
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end;
                padding-right: 2rem;
                border-right: 0.2rem solid #eaeaea;
            }
.custom-table_checks .custom-table-col:nth-child(10) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 30rem;
                        flex: 0 0 30rem;
                padding: 0;
                border-right: 0.2rem solid #eaeaea;
            }
.custom-table_checks .custom-table-col:nth-child(11) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 30rem;
                        flex: 0 0 30rem;
                padding: 0;
                border-right: 0.2rem solid #eaeaea;
            }
.custom-table_checks .custom-table-col:nth-child(12) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 45rem;
                        flex: 0 0 45rem;
                padding: 0;
            }
.custom-table_checks .custom-table-col .custom-table-subcol {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                text-align: center;
                border-right: 0.2rem solid #eaeaea;
            }
.custom-table_checks .custom-table-header .custom-table-col .custom-table-subcol {
                    -webkit-box-align: center;
                        -ms-flex-align: center;
                            align-items: center;
                    height: 50%
                }
.custom-table_checks .custom-table-header .custom-table-col .custom-table-subcol:nth-child(1) {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 100%;
                                flex: 0 0 100%;
                        border-bottom: 0.2rem solid #eaeaea;
                        border-right: none;
                    }
.custom-table_checks .custom-table-header .custom-table-col .custom-table-subcol:nth-child(2) {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 12rem;
                                flex: 0 0 12rem;
                    }
.custom-table_checks .custom-table-header .custom-table-col .custom-table-subcol:nth-child(3) {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 10rem;
                                flex: 0 0 10rem;
                    }
.custom-table_checks .custom-table-header .custom-table-col .custom-table-subcol:nth-child(4) {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 7.8rem;
                                flex: 0 0 7.8rem;
                        border: none;
                    }
.custom-table_checks .custom-table-header .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(2) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 12rem;
                                    flex: 0 0 12rem;
                        }
.custom-table_checks .custom-table-header .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(3) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 5rem;
                                    flex: 0 0 5rem;
                        }
.custom-table_checks .custom-table-header .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(4) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 10rem;
                                    flex: 0 0 10rem;
                            border-right: 0.2rem solid #eaeaea;
                        }
.custom-table_checks .custom-table-header .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(5) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 10rem;
                                    flex: 0 0 10rem;
                        }
.custom-table_checks .custom-table-header .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(6) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 7.8rem;
                                    flex: 0 0 7.8rem;
                            border: none;
                        }
.custom-table_checks .custom-table-content {
            width: 194rem;
        }
.custom-table_checks .custom-table-content .custom-table-col .custom-table-subcol {
                    padding: 1rem 0
                }
.custom-table_checks .custom-table-content .custom-table-col .custom-table-subcol:nth-child(1) {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 12rem;
                                flex: 0 0 12rem;
                    }
.custom-table_checks .custom-table-content .custom-table-col .custom-table-subcol:nth-child(2) {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 10rem;
                                flex: 0 0 10rem;
                    }
.custom-table_checks .custom-table-content .custom-table-col .custom-table-subcol:nth-child(3) {
                        -webkit-box-flex: 0;
                            -ms-flex: 0 0 7.8rem;
                                flex: 0 0 7.8rem;
                        border: none;
                    }
.custom-table_checks .custom-table-content .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(1) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 12rem;
                                    flex: 0 0 12rem;
                        }
.custom-table_checks .custom-table-content .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(2) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 5rem;
                                    flex: 0 0 5rem;
                        }
.custom-table_checks .custom-table-content .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(3) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 10rem;
                                    flex: 0 0 10rem;
                            border-right: 0.2rem solid #eaeaea;
                        }
.custom-table_checks .custom-table-content .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(4) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 10rem;
                                    flex: 0 0 10rem;
                        }
.custom-table_checks .custom-table-content .custom-table-col:nth-child(12) .custom-table-subcol:nth-child(5) {
                            -webkit-box-flex: 0;
                                -ms-flex: 0 0 7.8rem;
                                    flex: 0 0 7.8rem;
                            border: none;
                        }
.custom-table-header {
        -ms-flex-negative: 0;
            flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 7.5rem;
        padding-right: 1rem;
        background-color: #f6f6f6;
    }
.custom-table-header .custom-table-col {
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 0.8rem 0 0.8rem 1rem;
            font-weight: 500;
            font-size: 1.2rem;
            text-transform: uppercase;
            background-color: #f6f6f6;
        }
.custom-table-header .custom-table-col_sub {
                -webkit-box-align: end;
                    -ms-flex-align: end;
                        align-items: flex-end;
            }
.custom-table-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 4.5rem;
        margin: -2.4rem 0;
    }
.custom-table-footer .custom-table-col {
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
            padding: 0 0 0 1rem;
        }
.custom-table-footer_products {
            padding-right: 1rem;
        }
.custom-table-footer_products .custom-table-col {
                -webkit-box-pack: end;
                    -ms-flex-pack: end;
                        justify-content: flex-end
            }
.custom-table-footer_products .custom-table-col:nth-child(1) {
                    -webkit-box-flex: 1;
                        -ms-flex: 1 auto;
                            flex: 1 auto;
                    padding-right: 1rem;
                }
.custom-table-footer_products .custom-table-col:nth-child(2) {
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 4rem;
                            flex: 0 0 4rem;
                    padding-right: 1.8rem;
                    border-right: 0.2rem solid transparent;
                }
.custom-table-footer_products .custom-table-col:nth-child(3) {
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 4rem;
                            flex: 0 0 4rem;
                }
.custom-table-footer_products .custom-table-col:nth-child(4) {
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 6.5rem;
                            flex: 0 0 6.5rem;
                }
.custom-table-footer_products .custom-table-col:nth-child(5) {
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 10.5rem;
                            flex: 0 0 10.5rem;
                }
.custom-table-footer_products .custom-table-col:nth-child(6) {
                    -webkit-box-flex: 0;
                        -ms-flex: 0 0 10.5rem;
                            flex: 0 0 10.5rem;
                }
.custom-table-footer_checks {
            height: 6rem;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
                -ms-flex-align: center;
                    align-items: center;
        }
.custom-table-footer-col {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
                -ms-flex-direction: column;
                    flex-direction: column;
            -webkit-box-pack: center;
                -ms-flex-pack: center;
                    justify-content: center;
            height: 100%;
            font-size: 1.2rem;
            line-height: 1.38;
        }
.custom-table-footer-col b {
                display: block;
                font-weight: 700;
            }
.custom-table-footer-col:nth-child(1) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 15rem;
                        flex: 0 0 15rem;
                padding-right: 1rem;
            }
.custom-table-footer-col:nth-child(2) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 5rem;
                        flex: 0 0 5rem;
                padding-right: 1rem;
                text-align: right;
            }
.custom-table-footer-col:nth-child(3) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 8rem;
                        flex: 0 0 8rem;
                padding-right: 1rem;
                text-align: right;
            }
.custom-table-footer-col:nth-child(4),
            .custom-table-footer-col:nth-child(5),
            .custom-table-footer-col:nth-child(6) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 11rem;
                        flex: 0 0 11rem;
                padding-right: 2rem;
                text-align: right;
                border-right: 0.1rem solid #e3e3e3;
            }
.custom-table-footer-col:nth-child(7) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 9rem;
                        flex: 0 0 9rem;
                padding-left: 1.5rem;
            }
.custom-table-footer-col:nth-child(8) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 5rem;
                        flex: 0 0 5rem;
                padding-right: 1rem;
                text-align: right;
            }
.custom-table-footer-col:nth-child(9) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 8rem;
                        flex: 0 0 8rem;
                padding-right: 1rem;
                text-align: right;
            }
.custom-table-footer-col:nth-child(10) {
                -webkit-box-flex: 0;
                    -ms-flex: 0 0 9rem;
                        flex: 0 0 9rem;
                text-align: right;
            }
.custom-table-content {
        overflow: auto;
        height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
.custom-table-col {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem 0 1rem 1rem;
        font-size: 1.3rem;
    }
.custom-table-row {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-right: 1rem
    }
.custom-table-row:last-child {
            -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                    flex: 1 0 auto;
        }
.custom-table-row:nth-child(even) {
            background-color: #f9f9f9;
        }
@media screen and (min-width: 700px) {
    div#mlkeyboard ul {
        width:67rem;
        height: 23rem;
        margin: 0 auto;
        padding: 0;
        border-radius: 0.5rem 0.5rem 0 0
    }
    div#mlkeyboard ul li {
        width:4rem;
        height: 4rem;
        line-height: 4rem;
        margin: 0.2rem
    }
    div#mlkeyboard ul #mlkeyboard-backspace {
        width:6.6rem
    }
    div#mlkeyboard ul #mlkeyboard-tab {
        width:6.5rem
    }
    div#mlkeyboard ul #mlkeyboard-capslock {
        width:7.5rem
    }
    div#mlkeyboard ul #mlkeyboard-return {
        width:7.6rem
    }
    div#mlkeyboard ul #mlkeyboard-left-shift {
        width:10rem
    }
    div#mlkeyboard ul #mlkeyboard-space {
        width:66.2rem
    }
    div#mlkeyboard ul.mlkeyboard-modifications {
        height:4.6rem
    }
    div#mlkeyboard.mlkeyboard_number ul {
        width: 25rem;
        height: 24.4rem;
    }
    div#mlkeyboard.mlkeyboard_number ul li {
        width: 7.7rem;
        height: 5.5rem;
        line-height: 5.5rem;
    }
    div#mlkeyboard.mlkeyboard_number ul #mlkeyboard-backspace {
        width: 7.7rem;
    }

    div#mlkeyboard.mlkeyboard_mobile-ru ul li {
        margin: 0.1rem 0.1rem 0.3rem 0.1rem;
        width: 4.2rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-ru ul {
        width: 50.7rem;
        height: 23rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-ru ul #mlkeyboard-left-shift,
    div#mlkeyboard.mlkeyboard_mobile-ru ul #mlkeyboard-right-shift {
        clear: none;
        width: 4.2rem;
        margin: 0.1rem 0.1rem 0.3rem 0.1rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-ru ul #mlkeyboard-backspace {
        width: 4.2rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-ru ul #mlkeyboard-space {
        clear: none;
        width: 33rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-ru ul #mlkeyboard-dummy {

        overflow: hidden;
        text-indent: -999999.9rem;
        background-color: transparent;
        border-color: transparent;
    }
    div#mlkeyboard.mlkeyboard_mobile-us ul #mlkeyboard-dummy:hover {
        background-color: transparent;
        border-color: transparent;

    }


    div#mlkeyboard.mlkeyboard_mobile-us ul li {
        margin: 0.1rem 0.1rem 0.3rem 0.1rem;
        width: 4.2rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-us ul {
        width: 46rem;
        height: 23rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-us ul #mlkeyboard-right-shift {
        width: 6.5rem;
        margin: 0.1rem 0.1rem 0.3rem 0.1rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-us ul #mlkeyboard-backspace {
        width: 6.5rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-us ul #mlkeyboard-space {
        clear: none;
        width: 28.4rem;
    }
    div#mlkeyboard.mlkeyboard_mobile-us ul #mlkeyboard-dummy {
        width: 1.9rem;
        overflow: hidden;
        text-indent: -999999.9rem;
        background-color: transparent;
        border-color: transparent;
    }
    div#mlkeyboard.mlkeyboard_mobile-us ul #mlkeyboard-dummy:hover {
        background-color: transparent;
        border-color: transparent;

    }


    div#mlkeyboard.mlkeyboard_number ul.mlkeyboard-modifications,
    div#mlkeyboard.mlkeyboard_mobile-us ul.mlkeyboard-modifications,
    div#mlkeyboard.mlkeyboard_mobile-ru ul.mlkeyboard-modifications {
        height: 4.6rem;
    }
}
@media screen and (min-width: 540px) {
    div#mlkeyboard ul #mlkeyboard-right-shift {
        width:9.6rem;
        margin-right: 0
    }
}