html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

img {
    border: none;
    -ms-interpolation-mode: bicubic
}

textarea {
    overflow: auto;
    resize: vertical
}

button {
    width: auto;
    overflow: visible;
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

input:focus {
    outline: none
}

textarea:focus {
    outline: none
}

button {
    outline: none
}

a {
    outline: none
}

input {
    -webkit-appearance: none
}

textarea {
    -webkit-appearance: none
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/ptsans-regular.eot');
    src: url('../fonts/ptsans-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/ptsans-regular.woff') format('woff'), url('../fonts/ptsans-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/ptsans-regular-cyrillic.woff2') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/ptsans-regular-latin.woff2') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/ptsans-italic.eot');
    src: url('../fonts/ptsans-italic.eot?#iefix') format('embedded-opentype'), url('../fonts/ptsans-italic.woff') format('woff'), url('../fonts/ptsans-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/ptsans-italic-cyrillic.woff2') format('woff');
    font-style: italic;
}

@font-face {
    font-family: 'PT Sans';
    src: url('../fonts/ptsans-italic-latin.woff2') format('woff');
    font-style: italic;
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/ptsans-bold.eot');
    src: url('../fonts/ptsans-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/ptsans-bold.woff') format('woff'), url('../fonts/ptsans-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot') format('embedded-opentype');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Medium.eot') format('embedded-opentype');
    src: url('../fonts/Inter/Inter-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter/Inter-Medium.ttf') format('truetype'), url('../fonts/Inter/Inter-Medium.woff') format('woff'), url('../fonts/Inter/Inter-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter/Inter-Regular.eot') format('embedded-opentype');
    src: url('../fonts/Inter/Inter-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Inter/Inter-Regular.ttf') format('truetype'), url('../fonts/Inter/Inter-Regular.woff') format('woff'), url('../fonts/Inter/Inter-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal
}

.aidType-icon {
    position: inherit;
    width: auto;
    display: inline-block;
}

.aid-contact:before {
    font-family: FontAwesome;
    content: "\f09d";
}

.aid-contactless {
    transform: rotate(90deg);
    height: 18px;
    width: 14px;
}

.aid-contactless:before {
    font-family: FontAwesome;
    content: "\f1eb";
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-arrowleft:before {
    content: "\e600"
}

.icon-arrowright:before {
    content: "\e601"
}

.icon-card:before {
    content: "\e602"
}

.icon-close:before {
    content: "\e603"
}

.icon-datetime:before {
    content: "\e604"
}

.icon-delete:before {
    content: "\e605"
}

.icon-dropdown {
    cursor: pointer;
}

.icon-dropdown:before {
    content: "\e606"
}

.icon-filter:before {
    content: "\e607"
}

.icon-geo:before {
    content: "\e608"
}

.icon-mail:before {
    content: "\e609"
}

[class^="icon-methodunknown"]:before,
[class*=" icon-methodunknown"]:before {
    content: "\e602";
}

.icon-methodother:before {
    content: "\e602"
}

.icon-methodamex:before {
    content: "\e60b" !important;
}

.icon-methodbelcard:before {
    content: "\e60c" !important;
}

.icon-methodbelcart:before {
    content: "\e60c" !important;
}

.icon-methodecom:before {
    content: "\e622" !important;
}

.icon-methodcash:before {
    content: "\e60d" !important;
}

.icon-methoddiners:before {
    content: "\e60e" !important;
}

.icon-methodjcb-27:before {
    content: "\e60f" !important;
}

.icon-methodjcb-30:before {
    content: "\e610" !important;
}

.icon-methodmastercard:before {
    content: "\e611" !important;
}

.icon-methodmaestro:before {
    content: "\e611" !important;
}

.icon-methodtbank:before {
    content: "\e612" !important;
}

.icon-methodunion:before {
    content: "\e613" !important;
}

.icon-methodvisa:before {
    content: "\e614" !important;
}

.icon-methodmir:before {
    content: "\e624" !important;
}

.icon-paymentabort:before {
    content: "\e615"
}

.icon-paymentok:before {
    content: "\e616"
}

.icon-paymentretry:before {
    content: "\e617"
}

.icon-paymentreturn:before {
    content: "\e618"
}

.icon-pen:before {
    content: "\e619"
}

.icon-phone:before {
    content: "\e61a"
}

.icon-plus:before {
    content: "\e61b"
}

.icon-print:before {
    content: "\e61c"
}

.icon-sortdown:before {
    content: "\e61d"
}

.icon-sortup:before {
    content: "\e61e"
}

.icon-warning:before {
    content: "\e61f"
}

.icon-lock:before {
    content: "\e900";
}

.icon-unlocked:before {
    content: "\e901";
}

.icon-search:before {
    content: "\e621";
    position: absolute;
    left: 5px;
    top: 16px;
    font-size: 20px;
}

.animated {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.opacity-animated {
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.clear {
    width: 100%;
    height: 20px;
    font-size: 0;
    line-height: 0;
    clear: both
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.hidden {
    display: none
}

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}

.hidden {
    display: none !important;
    visibility: hidden
}

.visually-hidden {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visually-hidden.focusable:active, .visually-hidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.invisible {
    visibility: hidden
}

body {
    font: normal 400 15px/21px 'Roboto', sans-serif;
    color: #222;
    min-width: 320px
}

.main-wrap {
    min-height: 100%;
    background: #fff
}

.header {
    width: 100%;
    height: 94px;
    font-size: 0;
    padding-top: 2px;
    box-sizing: border-box;
    background: #fff;
    position: relative
}

.header:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.header-logo {
    display: inline-block;
    vertical-align: middle;
    width: 195px;
    position: relative;
    top: -15px
}

.header-logo img {
    display: block;
    max-width: 100%
}

.header-currency {
    display: inline-block;
    margin: 0 39px 0 47px;
    position: relative;
}

.header-currency-item {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    min-width: 30px;
    height: 31px;
    background: #f5f5f5;
    margin: 0 1px;
    text-align: center;
    font: normal 400 16px/19px 'Roboto', sans-serif;
    padding: 7px 0 5px;
    box-sizing: border-box;
    color: #222;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.header-currency-item:first-child {
    border-radius: 3px 0 0 3px;
    margin: 0
}

.header-currency-item:only-child {
    border-radius: 3px !important;
    margin: 0
}

.header-currency-item:last-child {
    border-radius: 0 3px 3px 0;
    margin: 0
}

.header-currency-item:hover {
    color: #fff
}

.header-currency-item._active {
    color: #fff
}

.header-menu {
    display: inline-block;
    vertical-align: middle
}

.header-menu__link {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 17px/21px 'Roboto', sans-serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    margin-right: 32px;
    letter-spacing: 1px
}

.header-menu__link:last-child {
    margin-right: 0
}

.header-user {
    display: inline-block;
    vertical-align: middle;
    float: right;
    height: 100%;
    letter-spacing: 1px
}

.header-user:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.header-user-link {
    font: normal 400 17px/21px 'Roboto', sans-serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

.header-user-link__text {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 225px;
}

.header-user-link .icon-dropdown {
    font-size: 14px;
    position: relative;
    margin-left: -4px
}

.header-user-body {
    display: none;
    background: #fff;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    padding: 16px 19px 4px;
    position: absolute;
    top: 56px;
    right: 0;
    width: 160px;
    box-sizing: border-box;
    white-space: normal;
    z-index: 51
}

.header-user-body__link {
    color: #222;
    font: normal 400 16px/20px 'Roboto', sans-serif;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px
}

.header-user-body-top {
    border-bottom: 1px solid #ebebeb;
    margin: 0 -19px 16px;
    padding: 0 19px 5px
}

.header-mobile-menu {
    display: none;
    float: right;
    height: 100%;
    letter-spacing: 1px
}

.header-mobile-menu:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.header-mobile-menu-link {
    font: normal 400 17px/21px 'Roboto', sans-serif;
    color: #222;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle
}

.header-mobile-menu-link__text {
    display: inline-block;
    vertical-align: middle
}

.header-mobile-menu-link .icon-dropdown {
    font-size: 14px;
    position: relative;
    margin: 0 -2px 0 -3px
}

.header-mobile-menu-body {
    display: none;
    background: #fff;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    padding: 16px 19px 4px;
    position: absolute;
    top: 64px;
    right: 0;
    width: 265px;
    box-sizing: border-box;
    z-index: 51
}

.header-mobile-menu-body__link {
    color: #222;
    font: normal 400 16px/20px 'Roboto', sans-serif;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 12px
}

.header-mobile-menu-body__head {
    color: #222;
    font: normal 400 13px/15px 'Roboto', sans-serif;
    text-decoration: none;
    display: block;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    margin-right: -2px;
    margin-bottom: 12px;
    margin-top: 17px
}

.header-mobile-menu-body-block {
    border-bottom: 1px solid #ebebeb;
    margin: 0 -19px 16px;
    padding: 0 19px 5px
}

.header-mobile-menu-body-block--menu {
    display: none
}

.header-mobile-menu-body .header-currency {
    display: block;
    margin: 5px 3px -1px 1px;
    white-space: nowrap
}

.header-mobile-menu-body .header-currency-item {
    width: 33.24%
}

.header--map {
    position: absolute;
    z-index: 20;
    width: auto;
    top: 30px;
    left: 30px;
    right: 30px;
    border-radius: 5px;
    height: 74px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    padding: 2px 20px 0
}

.clear-footer {
    height: 127px
}

.footer {
    height: 127px;
    position: relative;
    margin: -127px 30px;
    padding: 2px 0 24px;
    box-sizing: border-box;
    -webkit-transition: margin-right .3s ease;
    -moz-transition: margin-right .3s ease;
    -o-transition: margin-right .3s ease;
    transition: margin-right .3s ease
}

.footer .dropdown-body {
    top: auto;
    bottom: 83px;
    right: 150px;
    margin-top: -18px
}

.footer .dropdown-body--sign-in {
    right: 0
}

.footer__text {
    font: normal 400 14px/20px 'Roboto', sans-serif;
    color: #666;
    display: block
}

.footer__text--tablet {
    display: none
}

.footer__text--mobile {
    display: none
}

.footer__link {
    text-decoration: none;
    font: normal 400 14px/20px 'Roboto', sans-serif;
    color: #666;
    display: inline-block;
    position: relative
}

.footer__link:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #222;
    opacity: 0.4;
    position: absolute;
    bottom: 1px
}

.footer-left {
    float: left;
    position: absolute;
    z-index: 2
}

.footer-right {
    float: right;
    text-align: right;
    position: relative;
    z-index: 2
}

.footer-settings {
    height: 52px;
    margin: 28px 0 0;
    position: relative;
    z-index: 2
}

.footer-settings:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.footer-settings__text {
    display: inline-block;
    vertical-align: middle
}

.footer-settings-lang {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 14px/31px 'Roboto', sans-serif;
    color: #666;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.2px
}

.footer-settings-lang .icon-dropdown {
    font-size: 14px;
    line-height: 31px;
    margin-left: -2px
}

.footer-settings__text {
    padding-bottom: 2px
}

.chart-legend {
    position: absolute;
    top: 4px;
    right: 0
}

.chart-legend-item {
    display: inline-block;
    vertical-align: middle;
    margin-left: 27px
}

.chart-legend-item:first-of-type {
    margin-left: 0
}

.chart-legend__example {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    border-radius: 2.5px;
    margin-right: 5px
}

.chart-legend__example--sum {
    height: 4px;
    position: relative;
    top: 1px;
    right: -2px
}

.chart-legend__example--num {
    width: 26px;
    height: 1px;
    background: #999
}

.chart-legend__text {
    font: normal 400 14px/17px 'Roboto', sans-serif;
    color: #222
}

.page {
    padding: 0 30px 0 20px;
    min-height: calc(100vh - 63px);
    position: relative;
    margin-top: 62px;
}

.page--sign-in {
    overflow: hidden
}

.page-sidebar {
    width: 212px;
    float: left;
    padding-top: 1px
}

.page-sidebar-submenu {
    width: 100%;
    position: relative;
    z-index: 10;
    margin-bottom: 127px;
}

.page-sidebar-submenu-item {
    margin-bottom: 3px
}

.page-sidebar-submenu-item__link {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 8px 5px;
    color: #222;
    background: #fff;
    text-decoration: none;
    font: normal 400 15px/25px 'Roboto', sans-serif;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-radius: 5px
}

.page-sidebar-submenu-item__link:hover {
    color: #fff
}

.page-sidebar-submenu-item__link._active {
    color: #fff
}

.page-content {
    /*overflow: hidden;*/
}

.page-content--with-sidebar {
    margin-left: 242px
}

.error {
    text-align: center;
    height: 100%;
    margin: 0 35px;
    font-size: 0
}

.error:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.error-inner {
    display: inline-block;
    vertical-align: middle
}

.error__code {
    font: normal 400 80px/90px 'Roboto', sans-serif;
    color: #666;
    display: block;
    text-align: center;
    margin-bottom: 5px
}

.error__description {
    font: normal 400 16px/20px 'Roboto', sans-serif;
    display: block;
    text-align: center
}

.map-page {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

b, strong {
    font-weight: 700
}

i, em {
    font-style: italic
}

a {
    color: #222;
    text-decoration: none;
    cursor: pointer;
}

._rus {
    background-image: url('../../image/_rus.png');
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px #f2f2f2;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-right: 3px
}

._eng {
    background-image: url('../../image/_eng.png');
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px #f2f2f2;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-right: 3px
}

._fra {
    background-image: url('../../image/_fra.png');
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px #f2f2f2;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-right: 3px
}

._esp {
    background-image: url('../../image/_esp.png');
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px #f2f2f2;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-right: 3px
}

._deu {
    background-image: url('../../image/_deu.png');
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px #f2f2f2;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-right: 3px
}

#language-flag {
    width: 24px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    box-shadow: inset 0 0 0 1px #f2f2f2;
    border-radius: 3px;
    position: relative;
    top: -2px;
    margin-right: 3px
}

.button {
    background: #ebebeb;
    display: inline-block;
    vertical-align: middle;
    height: 37px;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    padding: 7px 18px;
    border: none;
    border-radius: 5px;
    margin-right: 15px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.button-cancel {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    border: none;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.button:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

sup, sub {
    font-size: 0.6em;
    display: inline-block;
    vertical-align: text-top;
}

sup {
    margin-top: -3px

}

sub {
    margin-top: 3px
}

.dropdown-body {
    display: none;
    background: #fff;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    padding: 16px 19px 4px;
    position: absolute;
    top: 26px;
    right: 0;
    left: auto;
    width: auto;
    min-width: 170px;
    box-sizing: border-box;
    z-index: 51
}

.dropdown-body__link.custom-link {
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal;
    line-break: auto;
    hyphens: manual;
    width: 127px;
}

.dropdown-body__link {
    color: #222;
    font: normal 400 16px/20px 'Roboto', sans-serif;
    text-decoration: none;
    display: block;
    margin-bottom: 12px
}

.dropdown-body__head {
    color: #222;
    font: normal 400 13px/15px 'Roboto', sans-serif;
    text-decoration: none;
    display: block;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    margin-right: -2px;
    margin-bottom: 12px;
    margin-top: 17px
}

.dropdown-body-block {
    border-bottom: 1px solid #ebebeb;
    margin: 0 -19px 16px;
    padding: 0 19px 5px
}

.dropdown-body-block--menu {
    display: none
}

.dropdown-body .header-currency {
    display: block;
    margin: 5px 3px -1px 1px;
    white-space: nowrap
}

.dropdown-body .header-currency-item {
    width: 33.24%
}

@media screen and (max-width: 767px) {
    .dropdown-body {
        position: static;
        margin: 0 -20px;
        padding: 10px 20px
    }

    .hardware-table-row .dropdown-body {
        position: absolute;
        padding: 16px 19px 4px;
        margin: 0;
        right: auto;
        left: 0;
        top: 22px !important
    }
}

.control-field {
    font-size: 0;
    margin: 20px 0;
    position: relative
}

.control-field:first-of-type {
    margin-top: 0
}

.control-field--with-text {
    margin-bottom: 16px
}

.control-field--with-input {
    white-space: nowrap
}

.control-field--tiny {
    margin: 15px 0 20px
}

.control-field__head {
    font: normal 700 15px/20px 'Roboto', sans-serif;
    text-align: left;
    width: 66px;
    margin-right: 17px;
    color: #222;
    padding-top: 5px;
    display: block;
    float: left;
    white-space: nowrap;
    overflow: hidden;
}

.form .control-field__head {
    width: auto;
}

.control-field__carry {
    padding-top: 0px !important;
    width: 250px !important;
    white-space: inherit;
}

.control-field__carry__short {
    width: 200px !important;
    white-space: inherit;
}

.control-field__filter {
    padding-top: 0px !important;
    white-space: inherit;
}
.control-field--big {
    margin: 0 0 15px
}

.control-field--big .control-field__input {
    height: 47px;
}

.control-field__input:disabled {
    background: transparent;
    border: none;
}

.control-field--big .control-field__input:focus {
    padding: 5px 5px 5px 5px
}

.control-field--big .control-field__placeholder {
    top: 14px;
    left: 16px
}

.control-field--long .control-field__head {
    width: auto
}

.control-field--long .control-field-container {
    margin-left: 270px
}

.show-fields-input {
    margin-left: 280px !important;
}

.show-fields-input-long {
    margin-left: 311px !important;
    word-break: break-word;
}

.control-field--filter .control-field__head {
    width: 125px
}

.control-field--filter__long .control-field__head {
    width: 135px;
}

.control-field--reader-filter__long .control-field__head {
    width: 145px;
}

.control-field--filter .control-field-container {
    margin-left: 145px
}
.control-field--filter .control-field--filter__long {
    margin-left: 155px
}

.control-field--turnover-filter__long .control-field__head {
    width: 140px;
}

.control-field--low {
    margin: 10px 0
}

.control-field--low:first-of-type {
    margin-top: 0
}

.control-field--low .control-field__head {
    padding-top: 0;
    line-height: 31px
}

.control-field--low .control-field__text {
    margin-top: 0;
    line-height: 31px
}

.control-field--low .control-field__button {
    height: 31px;
    font: normal 400 15px/18px 'Roboto', sans-serif;
    padding: 7px 9px 7px 9px
}

.control-field--popup-buttons {
    margin-top: 30px;
    margin-bottom: 10px;
}

.control-field--popup-buttons .control-field__button {
    margin-right: 17px
}

.control-field--tall .control-field__input {
    height: 37px
}

.control-field--tall .control-field__head {
    padding-top: 8px
}

.control-field--after-text {
    margin-top: 11px
}

.control-field-container {
    display: block;
    margin-left: 85px;
    position: relative
}
.control-field-container-commission {
    display: contents;
    margin-left: 85px;
    position: relative
}
.control-field-container--short {
    width: 236px
}

.control-field-container--half {
    width: 50%;
    box-sizing: border-box;
    padding-right: 5px;
    margin: 0 !important;
    display: inline-block;
    vertical-align: middle
}

.control-field-container--half:last-child {
    padding-right: 0;
    padding-left: 5px
}

.control-field-container--half:first-child .control-field__clear {
    right: 11px
}

.control-field-container--half:last-child .control-field__placeholder {
    left: 16px
}

.control-field-container--right {
    width: 100%;
}

.control-field-container--right:last-child .control-field__placeholder {
    left: 82%
}

.control-field-container__text {
    font: normal 400 15px/18px 'Roboto', sans-serif;
    color: #222;
    display: block;
    margin: -3px 0 -4px
}

.control-field-container--input {
    font: normal 400 15px/17px 'Roboto', sans-serif
}

.control-field__text {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    margin-top: 3px
}

.form .control-field__text {
    font: normal 400 12px/19px 'Roboto', sans-serif;
}

.control-field__area {
    display: block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    margin-top: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
}

.control-field-dropdown {
    color: #222;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    height: 21px;
    padding-top: 5px
}

.control-field-dropdown__text {
    display: inline-block;
    vertical-align: middle
}

.control-field-dropdown .icon-dropdown {
    margin: 0 0 0 -2px;
    line-height: 17px
}

.control-field-dropdown--input {
    position: relative;
    top: -2px
}

.control-field-dropdown--small .icon-dropdown {
    margin: 3px 0 0 0
}

.control-field-radio {
    display: inline-block;
    vertical-align: middle
}

.control-field-radio__input {
    display: none
}

.control-field-radio__input:checked ~ .control-field-radio__label {
    color: #fff
}

.control-field-radio__label {
    color: #222;
    background: #f5f5f5;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    height: 31px;
    display: inline-block;
    vertical-align: middle;
    padding: 6px 10px 6px;
    box-sizing: border-box;
    min-width: 49px;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field-radio__label--mobile {
    display: none
}

.control-field-radio__label:hover {
    color: #fff
}

.control-field-radio__label [class^="icon-"], .control-field-radio__label [class*=" icon-"] {
    font-size: 34px;
    position: relative
}

.control-field-radio__label .icon-paymentok {
    left: -1px
}

.control-field-radio__label .icon-paymentretry {
    top: -2px;
    left: -2px
}

.control-field-radio__label .icon-paymentreturn {
    top: -2px;
    left: -2px
}

.control-field-radio__label .icon-paymentabort {
    left: -1px
}

.control-field-radio:first-child .control-field-radio__label {
    border-radius: 4px 0 0 4px
}

.control-field-radio:last-child .control-field-radio__label {
    border-radius: 0 4px 4px 0
}

.control-field__input {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 37px;
    width: 100%;
    font: normal 400 16px/21px 'Roboto', sans-serif;
    color: #222;
    border: 1px solid #2193a7;
    border-radius: 5px;
    padding: 6px 6px;
    z-index: 2;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.search__field__inner .control-field__input {
    height: 31px;
}

.control-field__textarea {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 145px;
    width: 100%;
    font: normal 400 16px/21px 'Roboto', sans-serif;
    color: #222;
    border: 1px solid #2193a7;
    border-radius: 5px;
    padding: 6px 6px;
    z-index: 2;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.control-field__textarea_show {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 145px;
    width: 100%;
    font: normal 400 16px/21px 'Roboto', sans-serif;
    color: #222;
    z-index: 2;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease;
    border: 0px;
    /*overflow: hidden;*/
}

.control-field__input::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.control-field__input:-moz-placeholder {
    color: #666;
    opacity: 1
}

.control-field__input::-moz-placeholder {
    color: #666;
    opacity: 1
}

.control-field__input:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.control-field__input:focus {
    padding: 5px 5px
}

.control-field__input._focused {
    padding-right: 31px !important
}

.control-field__input--short {
    width: 66px;
}

.control-field__input--mini {
    width: 114px;
    margin-right: 5px
}

.control-field__input--wide {
    width: 158px
}

.control-field__input--full {
    width: 250px
}

.control-field__input--reader {
    width: 530px !important;
}

.control-field__input--with-placeholder {
    padding-left: 45px
}

.control-field__input--with-placeholder:focus {
    padding-left: 44px;
    border-width: 2px;
}

.control-field__input--with-placeholder-right {
    padding-right: 25px
}

.control-field__input--with-placeholder-right:focus {
    padding-right: 24px;
    border-width: 2px;
}

.smart-count {
    width: unset;
    margin-left: 270px !important;
    display: block;
    padding-left: 0 !important;
}


.control-field__input--with-placeholder-big:focus {
    border-width: 2px;
}

.control-field__placeholder {
    position: absolute;
    top: 9px;
    left: 11px;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #666;
    z-index: 3
}

.control-field__clear {
    display: none;
    position: absolute;
    top: 2px;
    right: 6px;
    font-size: 28px;
    color: #222;
    -moz-transform: translateY(-1px)
}
.control-field__file {
    display: none;
}
.control-field__button {
    background: #ebebeb;
    display: inline-block;
    vertical-align: middle;
    height: 37px;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    padding: 7px 14px 7px 14px;
    border: none;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    cursor: pointer;
}

.control-field__button--back {
    background: #ebebeb;
    display: inline-block;
    vertical-align: middle;
    height: 37px;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    padding: 7px 14px 7px 14px;
    border: none;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field__button--cancel {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    border: none;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field__button--viewAll {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font: normal 400 10px/12px 'Roboto', sans-serif;
    color: #222;
    border: none;
    margin-right: 1%;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field__button--discardAll {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font: normal 400 10px/12px 'Roboto', sans-serif;
    color: #222;
    border: none;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field__button--delimiter {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font: normal 400 10px/12px 'Roboto', sans-serif;
    color: #222;
    border: none;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field-container-viewAll {
    margin-left: 45%;
}

.form .control-field-container-viewAll {
    text-align: right;
}

.control-field-container-ml-239 {
    margin-left: 239px;
}

.control-field__button--clear {
    float: right
}

.control-field__button._unactive {
    pointer-events: none;
    cursor: default;
    background: #f5f5f5;
    color: #ccc
}

.control-field__button:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.control-field__button--setting {
    background: #ccc;
    display: inline-block;
    vertical-align: middle;
    height: 37px;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    padding: 7px 14px 7px 14px;
    border: 0;
    border-radius: 5px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field__button--setting:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.control-field-checkbox {
    margin-top: -3px;
    position: relative
}

.control-field-checkbox__input {
    width: 16px;
    height: 16px;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2px;
    left: 0;
    opacity: 0
}
.control-field-checkbox__input2 {
    width: 16px;
    height: 16px;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 2px;
    left: 0;
    opacity: 0
}

.control-field-checkbox__input:checked + .control-field-checkbox__label:after {
    content: ""
}

.control-field-checkbox__input2:checked + .control-field-checkbox__label2:after {
    content: ""
}

.control-field-checkbox__label {
    vertical-align: middle;
    font: normal 400 16px/20px 'Roboto', sans-serif;
    padding-left: 25px;
    cursor: pointer
}

.control-field-checkbox__label2 {
    vertical-align: middle;
    font: normal 400 16px/20px 'Roboto', sans-serif;
    padding-left: 25px;
    cursor: pointer
}

.control-field-checkbox__label:before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #2193a7;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field-checkbox__label:after {
    content: none;
    display: block;
    background-image: url('../../image/control-field-checkbox__label.png');
    width: 10px;
    height: 8px;
    position: absolute;
    top: 7px;
    left: 3px;
    font-size: 15px;
    color: #fff
}

.control-field-checkbox__label2:before {
    content: "";
    display: block;
    position: absolute;
    top: 13px;
    left: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #2193a7;
    background: #fff;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.control-field-checkbox__label2:after {
    content: none;
    display: block;
    background-image: url('../../image/control-field-checkbox__label.png');
    width: 10px;
    height: 8px;
    position: absolute;
    top: 17px;
    left: 3px;
    font-size: 15px;
    color: #fff
}

@media screen and (max-width: 767px) {
    .control-field {
        margin-bottom: 10px
    }

    .control-field--big {
        margin-bottom: 15px
    }

    .control-field--headless {
        margin-top: 15px
    }

    .control-field--tall {
        margin-top: 15px
    }

    .control-field--tall .control-field__head {
        padding-top: 0
    }

    .control-field--low .control-field__head {
        line-height: 21px
    }

    .control-field--low .control-field__text {
        line-height: 21px
    }

    .control-field--low.control-field--with-text .control-field__head {
        margin-bottom: 0
    }

    .control-field--popup-buttons {
        margin-top: 20px
    }

    .control-field--popup-buttons .control-field__button--cancel {
        float: right;
        line-height: 37px
    }

    .control-field--tiny {
        margin: 0 0 15px
    }

    .control-field-dropdown {
        padding-top: 0
    }

    .control-field-dropdown--input {
        top: 0
    }

    .control-field--with-input {
        margin-top: 20px
    }

    .control-field--operator {
        margin: 10px 0 16px
    }

    .control-field__head {
        text-align: left;
        display: block;
        width: auto !important;
        float: none;
        margin-bottom: 5px;
        padding-top: 0
    }

    .control-field__fixed {
        width: 180px !important;
        padding-top: unset !important;
        white-space: inherit;
    }

    .control-field-container {
        margin-left: 0 !important;
        width: 100% !important
    }

    .control-field-container--half {
        width: 50% !important
    }

    .control-field-container__text {
        margin-top: 17px
    }

    .control-field-radio--w20 {
        width: 20%;
        padding-right: 1px;
        box-sizing: border-box;
        height: 51px
    }

    .control-field-radio--w20:last-of-type {
        padding-right: 0
    }

    .control-field-radio--w20 .control-field-radio__label {
        line-height: 39px
    }

    .control-field-radio--w33 {
        width: 33.2%;
        padding-right: 1px;
        box-sizing: border-box
    }

    .control-field-radio--w33:last-of-type {
        padding-right: 0
    }

    .control-field-radio--w50 {
        width: 50%;
        padding-right: 1px;
        box-sizing: border-box
    }

    .control-field-radio--w50:last-of-type {
        padding-right: 0
    }

    .control-field-radio__label {
        width: 100%;
        height: 100%;
        text-align: center
    }

    .control-field-radio__label--notmobile {
        display: none
    }

    .control-field-radio__label--mobile {
        display: inline-block
    }

    .control-field-radio__input {
        width: 100%;
        height: 100%
    }

    .control-field__input--wide {
        width: 100%
    }
}

.hardware {
    width: 100%;
    margin-bottom: 24px
}

.hardware-head {
    min-height: 31px;
    margin-bottom: 3px;
    position: relative
}

.hardware-head__title {
    display: none;
    margin-right: 36px
}

.hardware-head__filter {
    display: block;
    float: right;
    text-align: center;
    height: 31px;
    width: 31px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #222;
    font-size: 23px;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.hardware-head__filter:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.hardware-head__filter .icon-filter {
    font-size: 25px;
    line-height: 31px;
    position: relative;
    top: 1px
}

.hardware-head__filter:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.hardware-head__filter._opened {
    color: #fff
}

.hardware-head__add {
    height: 31px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    padding: 6px 14px 6px 13px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.hardware-head__add:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.hardware-head__add._opened {
    color: #fff
}

.hardware-table {
    display: table;
    width: 100%
}

.hardware-table--people {
    margin-top: 14px
}

.hardware-table--cardreader {
    table-layout: fixed
}

.hardware-table-row {
    display: table-row;
    font-size: 0
}

.hardware-table-row:last-child .hardware-table-cell {
    border-bottom: 0
}

.hardware-table-cell__image {
    opacity: 0.33
}

.hardware-table-cell__operator {
    color: #999
}

.hardware-table-cell__limit {
    color: #999
}

.hardware-table-cell__id {
    color: #999
}

.hardware-table-cell__status {
    color: #999
}

.hardware-table-cell {
     display: table-cell;
     vertical-align: middle;
     padding: 5px 0 5px;
     height: 41px;
     color: #222;
     border-bottom: 1px solid #ebebeb;
     font: normal 400 15px/20px 'Roboto', sans-serif;
     word-break: break-word;
}

.hardware-table-cell .input-height {
    height: 39px;
}

.hardware-table-cell__200__width {
    max-width: 200px;
    padding-right: 10px;
}

.hardware-table-cell__160__width {
    max-width: 160px;
    padding-right: 10px;
}

.hardware-table-cell__100__width {
    width: 100px;
    max-width: 200px;
    padding-right: 10px;
}

.hardware-table-cell__50__width {
    width: 50px;
    max-width: 200px;
    padding-right: 10px;
}

.hardware-table-cell__130__width {
    width: 130px;
    max-width: 200px;
    padding-right: 10px;
}

.hardware-table-cell__150__width {
    width: 150px;
    max-width: 200px;
    padding-right: 10px;
}

.hardware-table-cell__filter {
    text-decoration: none;
    color: #222;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.hardware-table-cell__filter._asc:before {
    content: "\e61d";
    font-family: 'icomoon';
    font-size: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.hardware-table-cell__filter._desc:before {
    content: "\e61e";
    font-family: 'icomoon';
    font-size: 15px;
    display: inline-block;
    vertical-align: bottom;
}

.hardware-table-cell--thead {
    border-bottom: 4px solid #ebebeb;
    font: normal 700 15px/21px 'Roboto', sans-serif;
    padding: 12px 0 15px;
    height: 21px;
    white-space: nowrap;
}

.hardware-table-cell--id {
    width: 50px;
    padding-left: 15px;
    text-align: center
}

.hardware-table-cell--id--inactive {
    color: #999
}

.hardware-table-cell__id {
    display: inline-block;
    vertical-align: middle
}

.hardware-table-cell--image {
    width: 52px;
    text-align: center
}

.hardware-table-cell--image--mobile {
    display: none
}

.hardware-table-cell--image--cardreader {
    width: 200px;
    text-align: left;
    padding-left: 10px
}

.hardware-table-cell__image {
    display: inline-block;
    vertical-align: middle
}

.hardware-table-cell--operator {
    padding-left: 15px;
    word-break: normal
}

.hardware-table-cell__operator {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #222
}

.hardware-table-cell--name {
    padding-left: 24px
}

.hardware-table-cell__name {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #222;
    word-break: break-word
}

.hardware-table-cell--limit {
    padding-left: 15px;
    word-break: normal
}

.hardware-table-cell__limit {
    display: inline-block;
    vertical-align: middle
}

.hardware-table-cell__limit--unlimited {
    color: #ccc
}

.hardware-table-cell__limit--unlimited .icon-minus {
    line-height: 31px;
    padding-top: 4px
}

.hardware-table-cell--login {
    padding-left: 15px;
    word-break: break-word;
    width: auto
}

.hardware-table-cell__login {
    display: inline-block;
    vertical-align: middle;
    word-break: break-word
}

.hardware-table-cell--status {
    width: 120px;
    padding-left: 15px;
    position: relative
}

.hardware-table-cell--status .dropdown-body {
    top: 34px
}

.hardware-table-cell__status {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #222;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.hardware-table-cell__status__text {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px
}

.hardware-table-cell__status .icon-dropdown {
    font-size: 14px;
    margin-left: -4px;
    position: relative;
    top: 1px
}

.hardware-table-cell--edit {
    width: 55px;
    text-align: center
}

.hardware-table-cell__edit {
    display: inline-block;
    vertical-align: middle;
    font-size: 27px;
    color: #333;
    text-decoration: none;
    position: relative;
    top: 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.hardware-table-cell__edit .icon-pen {
    line-height: 31px
}

.hardware-table-cell--delete {
    width: 55px;
    text-align: center
}

.hardware-table-cell__delete {
    display: inline-block;
    vertical-align: middle;
    font-size: 31px;
    color: #333;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.hardware-table-cell__delete .icon-delete {
    line-height: 31px
}

.hardware-table-cell--code {
    padding-left: 15px
}

.hardware-table-cell--serial {
    padding-left: 15px
}

.hardware-table-cell--serial--mobile {
    display: none
}

.hardware-table-cell--pin {
    width: 42px;
    padding-left: 15px
}

.hardware-table-cell--lim-name {
    width: 170px;
    vertical-align: top;
    padding: 17px 0 14px 20px;
    font: normal 400 15px/18px 'Roboto', sans-serif
}

.hardware-table-cell--lim-name.hardware-table-cell--thead {
    font: normal 700 15px/21px 'Roboto', sans-serif;
    padding-top: 12px;
    padding-bottom: 15px
}

.hardware-table-cell--lim-description {
    word-break: normal;
    vertical-align: top;
    padding: 17px 0 14px 15px;
    font: normal 400 15px/18px 'Roboto', sans-serif
}

.hardware-table-cell--lim-description.hardware-table-cell--thead {
    font: normal 700 15px/21px 'Roboto', sans-serif;
    padding-top: 12px;
    padding-bottom: 15px
}

.hardware-table-cell--lim-limit {
    width: 100px;
    text-align: right;
    vertical-align: top;
    padding: 17px 0 14px 15px;
    font: normal 400 15px/18px 'Roboto', sans-serif
}

.hardware-table-cell--lim-limit.hardware-table-cell--thead {
    font: normal 700 15px/21px 'Roboto', sans-serif;
    padding-top: 12px;
    padding-bottom: 15px
}

.hardware-table-cell--lim-sum {
    text-align: right;
    width: 195px;
    vertical-align: top;
    padding: 17px 20px 14px 12px;
    font: normal 400 15px/18px 'Roboto', sans-serif
}

.hardware-table-cell--lim-sum.hardware-table-cell--thead {
    font: normal 700 15px/21px 'Roboto', sans-serif;
    padding-top: 12px;
    padding-bottom: 15px
}

.hardware-table-cell__lim-limit {
    letter-spacing: 0.4px;
    word-spacing: 2.5px
}

.hardware-table-cell__lim-sum {
    letter-spacing: 0.4px;
    word-spacing: 2.5px
}

.hardware-table__show-more {
    width: 100%;
    display: block;
    height: 54px;
    text-decoration: none;
    text-align: center;
    background: #f5f5f5;
    color: #666;
    margin-top: 20px;
    box-sizing: border-box;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    padding: 20px 0 15px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.hardware-table__show-more:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.hardware-popup-sidebar {
    width: 150px;
    float: left;
    text-align: center;
    margin: 1px 0 0 4px;
    height: 150px
}

.hardware-popup__image {
    display: inline-block;
    vertical-align: middle
}

.hardware-popup-settings {
    margin: 0 20px 0 156px;
    padding: 5px 0 0
}

.hardware-popup-settings--without {
    margin-left: 11px;
    margin-right: 30px
}

.hardware-popup-settings--operator {
    margin-left: 30px;
    margin-right: 30px
}

@media screen and (max-width: 1330px) {
    .header-user-link__text {
        width: 120px;

    }
}

@media screen and (max-width: 1193px) {
    .header-user-link__text {
        width: 60px;

    }
}

@media screen and (max-width: 1128px) {
    .header-user-link__text {
        display: none;
    }
}

@media screen and (max-width: 1062px) {
    .header-user {
        display: none;
    }
}

@media screen and (max-width: 1055px) {
    .header {
        height: 100px !important;
    }

    .header-main-menu {
        width: 100% !important;
    }

}

@media screen and (max-width: 1024px) {
    .hardware-head {
        margin: 0 0 3px
    }

    .hardware-head__title {
        display: inline-block;
        vertical-align: middle;
        font: normal 400 23px/27px 'Roboto', sans-serif
    }

    .hardware-table-cell--operator {
        padding-left: 10px
    }

    .hardware-table-cell--status {
        padding-left: 10px;
        width: 130px
    }

    .hardware-table-cell--image--cardreader {
        width: 160px
    }

    .hardware-table-cell--lim-name {
        width: 100px;
        word-break: normal
    }

    .hardware-table-cell--lim-sum {
        width: 115px
    }

    .hardware-table-cell--lim-sum.hardware-table-cell--thead {
        line-height: 18px;
        padding-top: 14px;
        padding-bottom: 16px
    }
}

@media screen and (max-width: 767px) {
    .hardware {
        margin-top: 15px;
        margin-bottom: 21px
    }

    .hardware-head__title {
        margin-top: -1px
    }

    .hardware-head__title--operator {
        display: block;
        margin: 21px 0 22px
    }

    .hardware-table {
        display: block
    }

    .hardware-table-row {
        display: block;
        position: relative;
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 15px
    }

    .hardware-table-row:last-child {
        border-bottom: none
    }

    .hardware-table-row--thead {
        border-bottom: 4px solid #ebebeb;
        padding-bottom: 0
    }

    .hardware-table-row--operator {
        padding-bottom: 15px
    }

    .hardware-table-row--operator .hardware-table-cell--edit {
        bottom: 10px
    }

    .hardware-table-cell {
        display: inline-block;
        vertical-align: middle;
        border: none;
        box-sizing: border-box
    }

    .hardware-table-cell__header {
        display: block
    }

    .hardware-table-cell--id {
        display: block;
        margin: 0 0 8px 44px;
        padding: 13px 0 0 0;
        text-align: left;
        height: auto;
        width: auto;
        max-width: 40%
    }

    .hardware-table-cell--id.hardware-table-cell--thead {
        margin: 0 0 0 44px;
        display: inline-block;
        vertical-align: middle;
        padding: 12px 0 15px
    }

    .hardware-table-cell--id--cardreader {
        display: inline-block;
        vertical-align: middle;
        width: 28%;
        margin-left: 12px
    }

    .hardware-table-cell--id--cardreader.hardware-table-cell--thead {
        width: 28%;
        margin-left: 49px
    }

    .hardware-table-cell--id--operator {
        margin: 0 0 8px !important;
        text-align: left;
        padding-top: 15px;
        width: 58px
    }

    .hardware-table-cell--id--operator.hardware-table-cell--thead {
        margin: 0 !important
    }

    .hardware-table-cell--limit {
        width: auto;
        text-align: right;
        position: absolute;
        top: 8px;
        right: 0
    }

    .hardware-table-cell--limit .icon-minus {
        line-height: 17px
    }

    .hardware-table-cell--limit.hardware-table-cell--thead {
        float: right;
        position: relative;
        top: auto;
        right: auto
    }

    .hardware-table-cell--image {
        display: none;
        width: 26px;
        padding-top: 10px;
        font-size: 0;
        white-space: nowrap
    }

    .hardware-table-cell--image--mobile {
        display: inline-block;
        vertical-align: middle;
        float: left;
        font-size: 0
    }

    .hardware-table-cell--image--mobile:before {
        content: "";
        height: 100%;
        width: 0;
        display: inline-block;
        vertical-align: middle
    }

    .hardware-table-cell--image--cardreader {
        width: 37px;
        padding-left: 0;
        padding-top: 10px
    }

    .hardware-table-cell--operator {
        display: block;
        margin-left: 44px;
        margin-bottom: 7px;
        padding: 0;
        height: auto;
        margin-right: 85px;
        width: auto;
        word-break: normal
    }

    .hardware-table-cell--name {
        display: block;
        margin-left: 0;
        padding: 1px 0 0;
        height: auto;
        margin-right: 0;
        margin-bottom: 9px
    }

    .hardware-table-cell--login {
        display: block;
        position: absolute;
        top: 10px;
        left: 57px;
        height: auto
    }

    .hardware-table-cell--login.hardware-table-cell--thead {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        top: auto;
        left: auto
    }

    .hardware-table-cell--status {
        display: block;
        margin-left: 44px;
        padding: 0;
        height: auto;
        width: auto
    }

    .hardware-table-cell--status--operator {
        margin-left: 0
    }

    .hardware-table-cell--delete {
        position: absolute;
        right: -7px;
        bottom: 10px;
        padding: 0;
        height: auto;
        width: auto
    }

    .hardware-table-cell--edit {
        position: absolute;
        right: 37px;
        bottom: 11px;
        padding: 0;
        height: auto
    }

    .hardware-table-cell--edit--cardreader {
        top: 10px;
        right: -4px;
        width: auto
    }

    .hardware-table-cell--code {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        width: 28%;
        padding: 8px 0 3px 10px
    }

    .hardware-table-cell--code.hardware-table-cell--thead {
        padding: 12px 0 15px 10px
    }

    .hardware-table-cell--pin {
        display: inline-block;
        vertical-align: middle;
        height: auto;
        padding: 8px 0 3px 10px;
        width: 20%
    }

    .hardware-table-cell--pin.hardware-table-cell--thead {
        padding: 12px 0 15px 10px
    }

    .hardware-table-cell--serial {
        display: none;
        height: auto
    }

    .hardware-table-cell--serial--mobile {
        display: block;
        margin-left: 49px;
        height: auto;
        padding: 1px 0 0;
        position: relative;
        top: -2px
    }

    .hardware-table-cell--serial.hardware-table-cell--thead {
        padding: 0
    }

    .hardware-table-cell--thead--not-mobile {
        display: none
    }

    .hardware-table-cell__id {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .hardware-table-cell__code {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle
    }

    .hardware-table-cell__pin {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle
    }

    .hardware-table-cell__serial {
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: inline-block;
        vertical-align: middle
    }

    .hardware-table-cell--lim-name {
        padding-left: 0;
        width: auto;
        max-width: 25%;
        height: auto
    }

    .hardware-table-cell--lim-name.hardware-table-cell--thead {
        height: 66px
    }

    .hardware-table-cell--lim-description {
        display: block;
        height: auto;
        padding: 0;
        color: #666;
        font: normal 400 14px/17px 'Roboto', sans-serif;
        margin: -1px 0 1px
    }

    .hardware-table-cell--lim-description.hardware-table-cell--thead {
        display: none
    }

    .hardware-table-cell--lim-limit {
        padding-left: 0;
        position: absolute;
        right: 139px;
        top: 0;
        width: auto;
        max-width: 25%
    }

    .hardware-table-cell--lim-limit.hardware-table-cell--thead {
        height: 66px
    }

    .hardware-table-cell--lim-sum {
        padding-right: 0;
        word-break: normal;
        width: 140px;
        position: absolute;
        right: 0;
        top: 0
    }

    .hardware-table-cell--lim-sum.hardware-table-cell--thead {
        height: 66px
    }

    .hardware-table-cell--lim-sum .hardware-table-cell__header {
        min-width: 115px
    }

    .hardware-popup-sidebar {
        display: none
    }

    .hardware-popup-settings {
        margin-left: 0;
        margin-right: 0
    }

    .hardware-popup-settings--without {
        margin-right: 20px
    }

    .hardware-popup-settings--operator {
        margin-right: 0
    }

    .hardware-popup-settings-field {
        margin-bottom: 17px
    }

    .hardware-popup-settings-field-container {
        width: 100%
    }

    .hardware-popup-settings-field-container--input {
        margin: 3px 0
    }

    .hardware-popup-settings-field:first-of-type {
        margin-bottom: 9px
    }

    .hardware-popup-settings-field:first-of-type .hardware-popup-settings-field__head {
        margin-bottom: 0
    }

    .hardware-popup-settings-field:last-of-type {
        margin-top: 20px
    }

    .hardware-popup-settings-field__head {
        text-align: left;
        width: 100%;
        display: block;
        margin: 0 0 3px;
        padding: 0
    }

    .hardware-popup-settings-field__head--unmobile {
        display: none
    }

    .hardware-popup-settings-field-dropdown {
        display: block;
        padding: 0
    }

    .hardware-popup-settings-field-dropdown--input {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        top: 2px
    }

    .hardware-popup-settings-field-radio {
        width: 50%
    }

    .hardware-popup-settings-field-radio__label {
        width: 100%;
        text-align: center
    }

    .hardware-popup-settings-field__text {
        margin: 0 0 3px
    }

    .hardware-popup-settings-field__input--full {
        width: 100%
    }

    .hardware-popup-settings-field__input--wide {
        width: 100%
    }

    .hardware-popup-settings--without .popup-header {
        margin-left: 0
    }

    .hardware-popup-settings--operator .popup-header {
        margin-left: 0
    }
}

.overlay {
    display: block;
    position: fixed;
    left: -300px;
    top: -300px;
    right: -300px;
    bottom: -300px;
    background: rgba(51, 51, 51, 0.3);
    z-index: 90
}

.popup {
    width: 523px;
    box-sizing: border-box;
    padding: 20px 0;
    background: #fff;
    border-radius: 5px;
    position: relative;
    margin: 50px 0;
    white-space: normal;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    z-index: 2
}

.popup-overlay {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
    overflow-x: auto;
    text-align: center;
    z-index: 100;
    white-space: nowrap;
    display: none;
    font-size: 0
}

.popup-overlay:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%
}

.popup-content-inner {
    padding: 5px 27px 0
}

.popup-header {
    font: normal 400 23px/27px 'Roboto', sans-serif;
    color: #222;
    margin: 0 0 15px
}

.popup-button {
    background: #ebebeb;
    display: inline-block;
    vertical-align: middle;
    height: 37px;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    padding: 9px 15px 5px 12px;
    border: none;
    border-radius: 5px;
    margin-right: 18px
}

.popup-button:hover {
    color: #fff
}

.popup-cancel {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    font: normal 400 18px/23px 'Roboto', sans-serif;
    color: #222;
    border: none;
    text-decoration: none;
    padding-top: 4px
}

.popup-field {
    margin-bottom: 20px;
    font-size: 0
}

.popup-field:first-of-type {
    margin-top: -5px
}

.popup-field:last-of-type {
    margin-bottom: 10px
}

.popup-field__label {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    margin-right: 20px;
    font: normal 700 15px/19px 'Roboto', sans-serif;
    text-align: right;
    padding-top: 4px
}

.popup-field-content {
    display: inline-block;
    vertical-align: middle;
    width: 336px
}

.popup-field-content__text {
    font: normal 400 15px/18px 'Roboto', sans-serif;
    color: #222;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 -5px
}

.popup-field__input {
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    height: 37px;
    width: 100%;
    font: normal 400 16px/19px 'Roboto', sans-serif;
    color: #222;
    border: 1px solid #2193a7;
    border-radius: 5px;
    padding: 10px 5px 8px
}

@media screen and (max-width: 767px) {
    .popup {
        width: 300px;
        padding: 10px 20px 10px
    }

    .popup-header {
        margin-bottom: 10px
    }

    .popup-cancel {
        float: right;
        margin-top: 6px
    }

    .popup-content-inner {
        padding: 5px 0 0
    }

    .popup-field {
        margin-bottom: 18px
    }

    .popup-field:first-of-type {
        margin-top: 11px
    }

    .popup-field__label {
        display: block;
        width: auto;
        text-align: left;
        padding-top: 0;
        margin-bottom: 4px
    }

    .popup-field__label--unmobile {
        display: none
    }

    .popup-field-content {
        width: 100%
    }

    .popup-field-content__text {
        margin: 0 0 -3px
    }
}

.manual__head {
    display: none;
    font: normal 400 23px/29px 'Roboto', sans-serif;
    margin: 17px 0 21px
}

.manual-list {
    font-size: 0;
    margin-bottom: 50px
}

.manual-item {
    display: inline-block;
    vertical-align: top;
    width: 214px;
    margin-right: 82px
}

.manual-item:last-child {
    margin-right: 0
}

.manual-item:first-child .manual__header {
    width: 265px;
    margin-bottom: 13px
}

.manual-item:last-child .manual__header {
    width: 230px
}

.manual__image {
    display: block;
    width: 214px;
    height: 303px;
    margin-bottom: 15px;
    position: relative;
    background: #f5f5f5
}

.manual__image img {
    display: block;
    width: 100%;
    height: 100%
}

.manual__image:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    border: #ebebeb solid 15px;
    border-top-color: #fff;
    border-right-color: #fff
}

.manual__header {
    font: normal 400 19px/23px 'Roboto', sans-serif;
    color: #222;
    display: block;
    margin-bottom: 8px
}

.manual-download {
    text-decoration: none;
    color: #222;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.manual-download__text {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    padding-top: 2px;
    margin-right: 11px
}

.manual-download__type {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    padding: 6px 11px 6px 10px;
    background: #f5f5f5;
    border-radius: 4px;
    margin-bottom: 2px;
    position: relative;
    top: 2px;
    -webkit-transition: -webkit-box-shadow .3s ease;
    -moz-transition: -moz-box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease
}

.manual-download:hover .manual-download__type {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

@media screen and (max-width: 1024px) {
    .manual-item {
        margin-right: 24px
    }

    .manual-item:last-child {
        margin-right: 0;
        width: 214px
    }

    .manual-item:first-child .manual__header {
        margin-bottom: 8px
    }

    .manual__header {
        width: auto !important
    }
}

@media screen and (max-width: 767px) {
    .manual__head {
        display: block
    }

    .manual-list {
        margin-bottom: 23px
    }

    .manual__image {
        float: left;
        width: 54px;
        height: 76px
    }

    .manual__image:before {
        border-width: 4px
    }

    .manual-item {
        display: block;
        width: 100%;
        margin-bottom: 16px
    }

    .manual-item:last-child {
        width: 100%
    }

    .manual-description {
        display: block;
        margin-left: 64px
    }

    .manual__header {
        width: 100% !important;
        margin-top: 1px;
        margin-bottom: 3px !important
    }
}

.people__head {
    display: none;
    font: normal 400 23px/29px 'Roboto', sans-serif;
    margin: -5px 0 22px
}

.people__head--limits {
    display: block
}

.people__info {
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    display: block;
    margin-bottom: 26px;
    margin-top: -3px
}

.people-limits__how-to {
    font: normal 400 15px/18px 'Roboto', sans-serif;
    color: #222;
    margin: -12px 0 -5px;
    display: block
}

.people-organization-list {
    margin: 0 0 16px
}

.people-organization-item {
    margin-bottom: 13px
}

.people-organization__head {
    font: normal 700 15px/18px 'Roboto', sans-serif;
    display: block;
    width: 300px;
    float: left
}

.people-organization__body {
    font: normal 400 15px/18px 'Roboto', sans-serif;
    display: block;
    margin-left: 234px
}

.people-administrator-list {
    font-size: 0
}


.people-administrator__last-name {
    display: block;
    font: normal 400 23px/23px 'Roboto', sans-serif;
    margin-bottom: 1px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.people-administrator__first-name {
    display: block;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.people-administrator-contacts {
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    height: 67px;
    box-sizing: border-box;
    padding-top: 18px;
    border-top: 1px solid #ebebeb;
    position: relative
}

.people-administrator__phone {
    bottom: 31px;
    left: 0;
    position: absolute;
    white-space: nowrap;
    display: block;
    width: 100%
}

.people-administrator__phone__text {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%
}

.people-administrator__phone [class^="icon-"], .people-administrator__phone [class*=" icon-"] {
    font-size: 27px;
    position: relative;
    left: -5px;
    top: 0;
    margin-right: -3px
}

.people-administrator__mail {
    position: absolute;
    bottom: 2px;
    left: 0;
    text-decoration: none;
    color: #222;
    white-space: nowrap;
    display: block;
    width: 100%;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.people-administrator__mail__text {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 95%
}

.people-administrator__mail [class^="icon-"], .people-administrator__mail [class*=" icon-"] {
    font-size: 27px;
    position: relative;
    left: -4px;
    top: 1px;
    margin-right: -3px
}

.people-contact-list {
    font-size: 0
}

.people-contact-item {
    width: 33.3%;
    display: inline-block;
    vertical-align: top;
    padding: 0 6.5px 0;
    box-sizing: border-box;
    margin-bottom: 30px
}

.people-contact-item:nth-child(3n) {
    padding: 0 0 0 13px
}

.people-contact-item:nth-child(3n+1) {
    padding: 0 13px 0 0
}

.people-contact-item-inner {
    background: #f5f5f5;
    border-radius: 5px;
    padding: 27px 30px 26px;
    box-sizing: border-box;
    position: relative
}

.people-contact-item-inner:before {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 2px solid #f0f0f0;
    border-radius: 50%
}

.people-contact__name {
    display: block;
    color: #222;
    margin-bottom: 4px
}

.people-contact__last-name {
    display: block;
    font: normal 400 23px/23px 'Roboto', sans-serif;
    margin-bottom: 4px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.people-contact__first-name {
    display: block;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.people-contact-contacts {
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    height: 66px;
    box-sizing: border-box;
    padding-top: 17px;
    position: relative
}

.people-contact__phone {
    bottom: 31px;
    left: 0;
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    white-space: nowrap
}

.people-contact__phone__text {
    display: inline-block;
    vertical-align: middle;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis
}

.people-contact__phone [class^="icon-"], .people-contact__phone [class*=" icon-"] {
    font-size: 27px;
    position: relative;
    left: -3px;
    top: 1px;
    margin-right: -3px
}

.people-contact__mail {
    position: absolute;
    bottom: 0;
    left: 0;
    text-decoration: none;
    color: #222;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    white-space: nowrap;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.people-contact__mail__text {
    display: inline-block;
    vertical-align: middle;
    max-width: 95%;
    overflow: hidden;
    text-overflow: ellipsis
}

.people-contact__mail [class^="icon-"], .people-contact__mail [class*=" icon-"] {
    font-size: 27px;
    position: relative;
    left: -4px;
    top: 1px;
    margin-right: -3px
}

.people-operator-add {
    display: none;
    width: 100%;
    font-size: 0;
    margin-top: 18px
}

.people-operator-add-inner {
    margin-right: 210px
}

.people-operator-field {
    display: inline-block;
    vertical-align: bottom
}

.people-operator-field--name {
    width: 65.5%;
    margin-right: 1.5%
}

.people-operator-field--login {
    width: 33%
}

.people-operator-field--buttons {
    float: right;
    margin-top: 23px
}

.people-operator-field--buttons--mobile {
    display: none
}

.people-operator-field__label {
    display: block;
    font: normal 700 15px/19px 'Roboto', sans-serif;
    color: #222;
    margin-bottom: 4px
}

.people-operator-field__input {
    display: block;
    box-sizing: border-box;
    height: 37px;
    width: 100%;
    font: normal 400 16px/19px 'Roboto', sans-serif;
    color: #222;
    border: 1px solid #2193a7;
    border-radius: 5px;
    padding: 10px 5px 8px;
    -webkit-transition: border-color .3s ease;
    -moz-transition: border-color .3s ease;
    -o-transition: border-color .3s ease;
    transition: border-color .3s ease
}

.people-operator-field__input:focus {
    padding: 9px 4px 7px
}

@media screen and (max-width: 1024px) {
    .people__head {
        display: block
    }

    .people__info {
        margin-top: -14px
    }

    .people-organization__head {
        width: 232px
    }

    .people-organization__body {
        margin-left: 242px
    }

    .people-contact-item {
        width: 50%;
        padding: 0
    }

    .people-contact-item:nth-child(2n+1) {
        padding: 0 15px 0 0
    }

    .people-contact-item:nth-child(2n) {
        padding: 0 0 0 15px
    }
}

@media screen and (max-width: 767px) {
    .people-limits__how-to {
        margin-top: -1px
    }

    .people__head {
        margin-top: 16px;
        margin-bottom: 21px
    }

    .people__info {
        margin-top: -4px
    }

    .people-organization__head {
        width: auto;
        float: none;
        margin-bottom: 2px
    }

    .people-organization__body {
        margin-left: 0
    }

    .people-administrator__phone__text {
        max-width: 92%
    }

    .people-administrator__mail__text {
        max-width: 92%
    }

    .people-contact-item {
        width: 100%;
        padding: 0 !important;
        height: auto;
        margin-bottom: 20px
    }

    .people-contact-item-inner {
        padding: 17px 19px 18px
    }

    .people-contact__phone {
        position: relative;
        bottom: auto;
        display: block;
        margin-bottom: 10px;
        margin-top: 6px
    }

    .people-contact__phone__text {
        max-width: 90%
    }

    .people-contact__mail {
        position: relative;
        bottom: auto
    }

    .people-contact__mail__text {
        max-width: 90%
    }

    .people-contact-contacts {
        height: auto;
        padding-top: 8px
    }

    .people-operator-add-inner {
        margin-right: 0
    }

    .people-operator-field {
        display: block;
        width: 100%;
        margin-bottom: 18px
    }

    .people-operator-field__label {
        display: block;
        width: 100%
    }

    .people-operator-field__input {
        display: block;
        width: 100%
    }

    .people-operator-field--buttons {
        display: none
    }

    .people-operator-field--buttons--mobile {
        display: block;
        margin: 20px 0 0
    }

    .people-operator-field .button-cancel {
        float: right;
        margin-top: 6px
    }
}

.check {
    width: 380px;
    margin: 0 auto;
    position: relative;
    background: #f7f7f7;
    box-sizing: border-box;
    padding: 27px 30px;
    text-align: left
}

.check--single {
    margin: 10px auto 34px
}

.check--single:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAKCAIAAAC8BgC3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBEN0EyMDQxRkZEMTFFNUIxODY5MkQ0NTZFM0Y3QUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBEN0EyMDMxRkZEMTFFNUIxODY5MkQ0NTZFM0Y3QUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCN0NFODlEMTI3MDExRTU5MzcxQzE5OUJBRTNEMUY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCN0NFODlFMTI3MDExRTU5MzcxQzE5OUJBRTNEMUY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aHsx1AAAAI5JREFUeNq00skOgCAMBFDL8v+fSwibo2OMWxQCzoGwHF5KK957a62ITD8npRRjFOccDlprY8xPas45hFBKwX7zGLNmrISasO43J285i4BEuZ0SqoGEP7zcX71+FRJb9fj67DFKKahY6zHWxFY1e0zlKLGmF6nW+1TvQzHAY1Opfg7FGO84Smhqq8TMAgwAPNBxAEG4GEUAAAAASUVORK5CYII=") repeat-x
}

.check--single:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAKCAIAAAC8BgC3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkIxQ0YxRTcxRkZEMTFFNTlDMEY4OUU2QTFGM0FCREIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkIxQ0YxRTYxRkZEMTFFNTlDMEY4OUU2QTFGM0FCREIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4MDZBNEQ5MTI3MTExRTVCQTlGQjIzNkMyQjQ5OTU2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4MDZBNERBMTI3MTExRTVCQTlGQjIzNkMyQjQ5OTU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AjhERwAAAI5JREFUeNq0k1kKwCAMRBuX+x/YrQNTRKoWrZqPoFHyGDNKjNE5h3wdDq21MUZSStiA570/RFVKWWtFBOuHxwghgFpW1knQhJwrUncHEuBFKtSAhDd815t9UaTWfySOqn36oQNH1DoOoyaOaprHGLTSY78+aZSXqfg2zcu1KTbwmgbumWIbrzTwLIlxCzAA0fFx6qgXhY4AAAAASUVORK5CYII=") repeat-x;
    z-index: 2
}

.check-lenta {
    width: 380px;
    position: relative;
    overflow: visible;
    margin: 10px auto
}

.check-lenta:before {
    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAKCAIAAAC8BgC3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjBEN0EyMDQxRkZEMTFFNUIxODY5MkQ0NTZFM0Y3QUEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjBEN0EyMDMxRkZEMTFFNUIxODY5MkQ0NTZFM0Y3QUEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRCN0NFODlEMTI3MDExRTU5MzcxQzE5OUJBRTNEMUY0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRCN0NFODlFMTI3MDExRTU5MzcxQzE5OUJBRTNEMUY0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+aHsx1AAAAI5JREFUeNq00skOgCAMBFDL8v+fSwibo2OMWxQCzoGwHF5KK957a62ITD8npRRjFOccDlprY8xPas45hFBKwX7zGLNmrISasO43J285i4BEuZ0SqoGEP7zcX71+FRJb9fj67DFKKahY6zHWxFY1e0zlKLGmF6nW+1TvQzHAY1Opfg7FGO84Smhqq8TMAgwAPNBxAEG4GEUAAAAASUVORK5CYII=") repeat-x
}

.check-lenta:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    height: 10px;
    background: #fff url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAKCAIAAAC8BgC3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkIxQ0YxRTcxRkZEMTFFNTlDMEY4OUU2QTFGM0FCREIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkIxQ0YxRTYxRkZEMTFFNTlDMEY4OUU2QTFGM0FCREIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4MDZBNEQ5MTI3MTExRTVCQTlGQjIzNkMyQjQ5OTU2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4MDZBNERBMTI3MTExRTVCQTlGQjIzNkMyQjQ5OTU2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+AjhERwAAAI5JREFUeNq0k1kKwCAMRBuX+x/YrQNTRKoWrZqPoFHyGDNKjNE5h3wdDq21MUZSStiA570/RFVKWWtFBOuHxwghgFpW1knQhJwrUncHEuBFKtSAhDd815t9UaTWfySOqn36oQNH1DoOoyaOaprHGLTSY78+aZSXqfg2zcu1KTbwmgbumWIbrzTwLIlxCzAA0fFx6qgXhY4AAAAASUVORK5CYII=") repeat-x;
    z-index: 2
}

.check__header {
    font: normal 400 27px/33px 'Roboto', sans-serif;
    color: #222;
    display: block;
    margin-bottom: 10px
}

.check-top {
    color: #666;
    font: normal 400 13px/16px 'Roboto', sans-serif;
    border-bottom: 1px solid #ebebeb
}

.check-top__company {
    display: block;
    margin-bottom: 9px
}

.check-top__address {
    display: block;
    margin-bottom: 8px
}

.check-top__phone {
    display: block;
    margin-bottom: 9px
}

.check-top__link {
    display: block;
    color: #666;
    text-decoration: none;
    margin-bottom: 16px
}

.check-menu {
    height: 17px;
    margin-bottom: 10px
}

.check-menu__number {
    font: normal 400 15px/17px 'Roboto', sans-serif;
    color: #222
}

.check-menu__print {
    display: inline-block;
    vertical-align: middle;
    color: #222;
    text-decoration: none;
    font-size: 35px;
    float: right;
    position: relative;
    right: -8px;
    top: 1px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.check-middle {
    padding: 19px 0 0
}

.check-type {
    height: 30px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 15px
}

.check-type:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.check-type__text {
    font: normal 400 17px/27px 'Roboto', sans-serif;
    color: #222;
    display: inline;
    vertical-align: middle;
    padding-top: 1px
}

.check-type__text--mobile {
    display: none
}

.check-type [class^="icon-"], .check-type [class*=" icon-"] {
    font-size: 45px;
    margin-left: -12px;
    margin-right: -6px
}

.check-sum {
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 1px
}

.check-sum__text {
    font: normal 400 17px/27px 'Roboto', sans-serif
}

.check-sum__text sup {
    font-size: 0.8em;
    margin-top: -5px;
}

.check-card {
    height: 22px;
    display: block;
    margin-bottom: 9px
}

.check-card:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.check-card__number {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    color: #222
}

.check-card ._visa {
    margin-right: 4px
}

.check-card [class^="icon-"], .check-card [class*=" icon-"] {
    font-size: 32px;
    margin-left: -8px;
    margin-right: 2px
}

.check-cash {
    height: 22px;
    display: block;
    margin-bottom: 9px
}

.check-cash:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.check-cash__text {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    color: #222
}

.check-cash [class^="icon-"], .check-cash [class*=" icon-"] {
    font-size: 30px;
    margin-left: -8px;
    margin-right: 6px
}

.check-time {
    height: 22px;
    display: block;
    margin-bottom: 11px
}

.check-time:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.check-time [class^="icon-"], .check-time [class*=" icon-"] {
    font-size: 35px;
    margin-left: -10px;
    margin-right: 2px
}

.check__date {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    color: #222
}

.check__time {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    color: #222
}

.check-place {
    height: 22px;
    display: block;
    margin-bottom: 14px
}

.check-place:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.check-place__address {
    display: inline;
    vertical-align: middle;
    font: normal 400 15px/17px 'Roboto', sans-serif;
    color: #222
}

.check-place__map {
    display: block;
    width: 100%;
    height: 110px;
    border-radius: 5px;
    background: #000;
    margin-bottom: 9px;
    overflow: hidden
}

.check-place__map > div {
    height: 100%;
    width: 100%
}

.check-place [class^="icon-"], .check-place [class*=" icon-"] {
    font-size: 35px;
    margin-left: -10px;
    margin-right: 2px;
    position: relative;
    top: -2px
}

.check-confirmation {
    text-align: center;
    padding-bottom: 11px;
    border-bottom: 1px solid #ebebeb
}

.check-confirmation:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.check-confirmation__image-container {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.check-confirmation__image-container:before {
    content: "";
    display: block;
    background: rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.check-confirmation--signature:before {
    content: none
}

.check-confirmation__signature {
    display: block;
    font-size: 0;
    position: relative;
    margin: 15px 0 13px
}

.check-confirmation__signature:before {
    content: "";
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.check-confirmation__signature:after {
    width: 100%;
    height: 1px;
    background: #000;
    content: "";
    position: absolute;
    bottom: 3px;
    left: 0
}

.check-confirmation__image {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    max-width: 398px;
}

.check__pin {
    font-family: 'Courier New', serif;
    font-size: 30px;
    line-height: 40px;
    color: #666;
    text-transform: uppercase;
    padding: 20px 0;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px
}

.check-line {
    font-size: 0;
    margin-bottom: 6px;
    clear: both;
}

.check-line__ {
    width: 300px;
    display: block;
    float: left;
    font: normal 400 13px/16px 'Roboto', sans-serif;
    color: #666
}

.check-line__head {
    width: 150px;
    display: block;
    float: left;
    font: normal 400 13px/16px 'Roboto', sans-serif;
    color: #666
}

.check-line__field {
    display: block;
    margin-left: 150px;
    font: normal 400 13px/16px 'Roboto', sans-serif;
    color: #666
}

.check-line--confirmation {
    text-align: left;
    margin-bottom: 5px
}

.check-line--confirmation .check-line__head {
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.check-line--confirmation .check-line__field {
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.check-bottom-head {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 10px;
    margin-top: 17px
}

.check-bottom-tail {
    padding: 19px 0 14px
}

.check-footer {
    text-align: right;
    padding-bottom: 3px
}

.check-footer__image {
    display: inline-block;
    vertical-align: middle;
    max-width: 131px;
    max-height: 50px
}

.ya-map-ico {
    display: block;
    background-image: url('../../image/ya-map-ico.png');
    width: 37px;
    height: 33px;
    position: absolute;
    top: -33px;
    left: -13px
}

.ya-map-ico-container {
    width: 0;
    height: 0;
    position: relative
}

@media screen and (max-width: 767px) {
    .check {
        width: auto;
        margin: 0 -20px;
        padding: 27px 20px
    }

    .check-lenta {
        width: auto
    }

    .check-top__link {
        word-wrap: break-word
    }

    .check-middle {
        padding-top: 13px
    }

    .check-bottom-tail {
        padding-bottom: 9px
    }

    .check-footer {
        margin-bottom: -13px;
        margin-top: 4px
    }

    .check-type {
        margin-bottom: 8px
    }

    .check-type__text {
        display: none
    }

    .check-type__text--mobile {
        display: inline;
        vertical-align: middle
    }
}

.operations-summary {
    margin-left: 242px;
    padding-top: 27px
}

.operations-summary-side {
    width: 212px;
    float: left;
    padding-top: 27px
}

.operations-summary-chart {
    background: #f5f5f5;
    padding: 23px 30px 30px;
    border-radius: 5px;
    position: relative
}

.operations-summary-chart .chart {
    min-height: 126px;
    max-height: 126px
}

.operations-summary-chart-legend {
    height: 31px;
    margin: 18px 0 0;
    position: relative
}

.operations-summary-chart-legend .operations-list-download {
    margin: 3px 0 0
}

.operations-summary__title {
    display: none;
    font: normal 400 22px/28px 'Roboto', sans-serif;
    color: #222;
    margin: 10px 0
}

.operations-dashboard-top-list {
    margin-top: 19px
}

.operations-dashboard-top-item {
    margin-bottom: 4px;
    height: 27px;
    width: 100%
}

.operations-dashboard-top__link {
    display: block;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
    text-decoration: none
}

.operations-dashboard-top__name {
    font: normal 400 16px/20px 'Roboto', sans-serif;
    color: #222;
    margin-right: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.operations-dashboard-top__total {
    font: normal 400 16px/20px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    float: right
}


.operations-dashboard-method {
    display: block;
    width: 100%;
    height: 35px;
    position: relative;
    margin-top: 6px;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.operations-dashboard-method * {
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.operations-dashboard-method__head {
    font: normal 400 16px/20px 'Roboto', sans-serif;
    color: #222;
    display: flex;
    align-items: center;
}

.operations-dashboard-method__container {
    width: 21px;
    height: 21px;
    padding-right: 8px;
}

.operations-dashboard-method__head__text {
    display: inline-block;
    vertical-align: middle
}

.operations-dashboard-method__head [class^="icon-"], .operations-dashboard-method__head [class*=" icon-"] {
    font-size: 34px;
    margin: 2px 2px 0 -7px
}

.operations-dashboard-method__num {
    font: normal 400 16px/20px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    color: #222;
    position: absolute;
    top: 2px;
    right: 30%;
}

.operations-dashboard-method__sum {
    font: normal 400 16px/20px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 2px;
    right: 0
}


.operations-dashboard-method-graph__sum {
    position: absolute;
    display: block;
    /*top: 36px;*/
    height: 5px;
    right: 0;
    width: 100%
}

.operations-dashboard-method-graph__num {
    position: absolute;
    display: block;
    top: 28px;
    height: 1px;
    right: 0;
    background: #999;
    width: 100%
}

.operations-dashboard__header {
    text-decoration: none;
    color: #222;
    font: normal 400 13px/15px 'Roboto', sans-serif;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
    left: -1px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.operations-dashboard__header .icon-dropdown {
    font-size: 15px;
    position: relative;
    top: -2px;
    margin-left: 4px
}


.operations-dashboard-short--caution .operations-dashboard-inner:before {
    /*content: "\e61f";*/
    display: block;
    position: absolute;
    right: 12px;
    top: 22px;
    font-family: 'icomoon', sans-serif;
    font-size: 39px;
    color: #fff
}

.operations-dashboard-short--caution * {
    color: #fff
}


.operations-dashboard-inner {
    padding: 25px 30px;
    background: #f5f5f5;
    border-radius: 5px;
    height: 235px;
    box-sizing: border-box;
    position: relative
}

.operations-dashboard--with-dropdown .operations-dashboard-inner .dropdown-body {
    left: 20px;
    top: 45px;
    right: auto
}

.operations-dashboard-total {
    margin-bottom: 20px;
    position: absolute;
}

.operations-dashboard-total--half {
    bottom: 10px;
}

.operations-dashboard-total--half:last-of-type {
    left: 50%
}

.operations-dashboard-total__sum {
    font: normal 700  64px/70px 'Roboto', sans-serif;
    display: block;
    white-space: nowrap;
    position: relative;
    margin-top: 10px;
}

.operations-dashboard-total__sum sup {
    position: relative;
    top: -5px;
    margin-left: -6px
}

.operations-dashboard-total__money {
    font: normal 400 26px/30px 'Roboto', sans-serif;
    display: block;
    white-space: nowrap
}


.operations-dashboard-total__text {
    font: normal 400 17px/20px 'Roboto', sans-serif;
    display: block;
    white-space: nowrap;
    text-transform: lowercase;
    margin-top: 1px
}

.operations-dashboard-by__chart {
    max-width: 100%;
    min-width: 100%;
    max-height: 170px;
    min-height: 170px
}

.operations-map {
    display: block;
    width: 100%;
    top: -20px;
    bottom: 0;
    position: absolute
}

.operations-map-items {
    display: none
}

.operations-map-tooltip {
    display: block;
    width: 270px;
    height: auto;
    box-sizing: border-box;
    padding: 2px 10px;
    background: #222;
    opacity: 0.9;
    border-radius: 5px;
    z-index: 1000
}

.operations-map-tooltip-container {
    position: relative;
    width: 256px;
    height: 80px
}

.operations-map-tooltip-table {
    width: 100%
}

.operations-map-tooltip-table-row:first-child .operations-map-tooltip-table-cell {
    padding-top: 8px
}

.operations-map-tooltip-table-row:last-child .operations-map-tooltip-table-cell {
    padding-bottom: 3px
}

.operations-map-tooltip-table-cell {
    text-align: right;
    font: normal 400 13px/16px 'Roboto', sans-serif;
    color: #fff;
    padding: 2px 0
}

.operations-map-tooltip-table-cell:first-child {
    text-align: left;
    font: normal 700 13px/16px 'Roboto', sans-serif
}

.operations-map-tooltip-table-cell--thead {
    border-bottom: 1px solid #4c4c4c;
    color: #ccc;
    padding: 6px 0;
    margin-bottom: 6px
}

.operations-map-pie {
    position: absolute;
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    clip: rect(0, 25px, 50px, 0)
}

.operations-map-pie-container {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    z-index: 5;
    margin: -25px 0 0 -25px;
    opacity: 0.85
}

.operations-map-pie-slice {
    position: absolute;
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    clip: rect(0, 25px, 50px, 0)
}

.operations-map-pie-slice-cash {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.operations-map-pie-slice-cash .operations-map-pie {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg)
}

.operations-map-pie-slice-cash2 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.operations-map-pie-slice-cash2 .operations-map-pie {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.operations-map-container {
    min-width: 100%;
    width: 100%;
    min-height: 100%;
    height: 100%;
    position: relative
}

.operations-map-zoom {
    position: absolute;
    z-index: 2;
    bottom: 30px;
    left: 30px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    font-size: 0;
    background: #f5f5f5
}

.operations-map-legend {
    position: absolute;
    left: 189px;
    bottom: 30px;
    width: 175px;
    height: 31px;
    font-size: 0;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.operations-map-legend-item {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 5px 8px 7px 10px
}

.operations-map-legend-item:first-child {
    border-radius: 5px 0 0 5px
}

.operations-map-legend-item:last-child {
    border-radius: 0 5px 5px 0
}

.operations-map-legend-item__color {
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    margin-right: 8px
}

.operations-map-legend-item__name {
    font: normal 400 14px/19px 'Roboto', sans-serif;
    color: #222;
    display: inline-block;
    vertical-align: middle
}

.operations-map-footer {
    position: absolute;
    right: 30px;
    bottom: 30px;
    height: 31px;
    font-size: 0;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    background: #f5f5f5
}

.operations-map-footer-item {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 0 8px 0 10px;
    margin-right: 1px
}

.operations-map-footer-item:first-child {
    border-radius: 5px 0 0 5px
}

.operations-map-footer-item:last-child {
    border-radius: 0 5px 5px 0;
    margin-right: 0
}

.operations-map-footer-item {
    margin-left: -5px;
    top: 1px;
    position: relative;
    height: 30px
}

.operations-map-footer-item ._rus {
    top: -1px
}

.operations-map-footer .dropdown-body {
    top: auto;
    bottom: 31px;
    right: 126px
}

.operations-map__zoom {
    display: inline-block;
    vertical-align: middle;
    width: 64px;
    height: 31px;
    background: #fff;
    text-align: center;
    margin-right: 1px;
    font: normal 400 35px/30px 'Roboto', sans-serif;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.operations-map__zoom:first-of-type {
    border-radius: 5px 0 0 5px
}

.operations-map__zoom:last-of-type {
    border-radius: 0 5px 5px 0;
    margin-right: 0
}

.operations-map__zoom .icon-methodjcb-27 {
    position: relative;
    top: -3px;
    font-size: 32px
}

.operations-map__zoom .icon-plus {
    position: relative;
    top: -3px;
    font-size: 32px
}

.operations-map__zoom:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.operations-list {
    width: 100%;
    margin-bottom: 0;
    background: #fff;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.operations-list-check-container {
    display: block;
    background: #fff;
    position: fixed;
    top: 93px;
    width: 410px;
    bottom: 0;
    right: -520px;
    z-index: 11;
    overflow: hidden
}

.operations-list-check-container__clear {
    color: #222;
    font: normal 400 15px/20px 'Roboto', sans-serif;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 6px 20px 24px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.operations-list-check-container__clear__text {
    display: inline-block;
    vertical-align: middle
}

.operations-list-check-container__clear .icon-close {
    font-size: 35px;
    position: relative;
    left: -2px;
    top: 0
}

.operations-list-check-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 41px;
    bottom: 0;
    width: 100%
}

.operations-list-check-container-inner .check {
    display: none
}

.operations-list-check-container-inner .check-lenta {
    margin: 10px 0;
}

.operations-list-check-container-inner .check:before {
    content: none
}

.operations-list-check-container-inner .check:after {
    content: "";
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAADCAIAAAAlXwkiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RDZCMTlENDEyNkYxMUU1OTI5OEZDQTBEMzVCNkFCQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RDZCMTlENTEyNkYxMUU1OTI5OEZDQTBEMzVCNkFCQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZENkIxOUQyMTI2RjExRTU5Mjk4RkNBMEQzNUI2QUJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZENkIxOUQzMTI2RjExRTU5Mjk4RkNBMEQzNUI2QUJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/4XbiQAAACJJREFUeNpi/P79OwMDAwcHBwMS+PHjB4TBxIAXEJAGCDAA3FIF65lTvvEAAAAASUVORK5CYII=") repeat-x;
    height: 3px;
    width: 100%;
    bottom: -3px;
    z-index: 2;
    display: block;
    position: absolute;
    left: 0
}

.operations-list-check-container-inner .check--shown {
    display: block !important;
}

.operations-list-check-container-inner__scroll {
    background-image: url('../../image/operations-list-check-container-inner__scroll.png');
    width: 380px;
    height: 48px;
    position: absolute;
    z-index: 5;
    left: 0px;
    top: 0;
    display: block;
    opacity: 0;
    visibility: hidden
}

.operations-list-check-container-inner._scrolled .operations-list-check-container-inner__scroll {
    opacity: 1;
    visibility: visible
}

.operations-list--second {
    margin-top: 0;
    margin-bottom: 27px
}

.operations-list-summary {
    margin: 24px 0 -3px
}

.operations-list-summary__parameter {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 23px/28px 'Roboto', sans-serif;
    color: #222;
    margin-right: 3px
}

.operations-list-summary__parameter:before {
    content: "и ";
    font: normal 400 23px/28px 'Roboto', sans-serif;
    color: #222
}

.operations-list-summary__parameter:first-of-type:before {
    content: none
}

.operations-list-summary__clear {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #222;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.operations-list-summary__clear [class^="icon-"], .operations-list-summary__clear [class*=" icon-"] {
    font-size: 36px;
    position: relative;
    left: -6px;
    top: -2px
}

.operations-list-head {
    min-height: 31px;
    position: relative
}

.operations-list-head--map {
    position: absolute;
    z-index: 2;
    left: 500px;
    top: 72px;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

.operations-list-head--map .header-currency-item {
    background: #ffffff;
    width: 42px;
    margin-left: -1px;
}

.operations-list-head--map .header-currency-item:first-child {
    border-radius: 6px 0px 0px 6px;
}

.operations-list-head--map .header-currency-item:last-child {
    border-radius: 0 6px 6px 0;
}

.operations-list-head--map .header-currency {
    margin: 0;
    top: 0;
}

.operations-list-head__title {
    display: none;
    margin-right: 36px
}

.operations-list-head__filter {
    display: block;
    float: right;
    text-align: center;
    height: 31px;
    width: 31px;
    background: #f5f5f5;
    border-radius: 4px;
    color: #222;
    font-size: 23px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.operations-list-head__filter.order {
    margin-right: 10px;
    width: auto !important;
    white-space: nowrap;
    display: grid;
}

.operations-list-head__filter.order label, .operations-list-head__filter.order span {
    font-size: 15px;
    padding: 0 4px;
}

.operations-list-head__filter:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.operations-list-head__filter:before {
    content: "";
    height: 100%;
    width: 0;
    display: inline-block;
    vertical-align: middle
}

.operations-list-head__filter._opened {
    color: #fff
}

.operations-list-head-filter {
    display: none;
    width: auto;
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
    position: absolute;
    top: 38px;
    right: 0;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    z-index: 11
}

.operations-list-submenu {
    display: inline-block;
    vertical-align: middle
}

.operations-list-submenu--map {
    position: absolute;
    top: 20px;
    left: 30px;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    background: #f5f5f5;
    border-radius: 5px
}

.operations-list-submenu--map .operations-list-submenu__link {
    background: #fff
}

.operations-list-submenu-list {
    font-size: 0
}

.operations-list-submenu-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px
}

.operations-list-submenu-item:last-child {
    margin-right: 0
}

.operations-list-submenu-item:first-child .operations-list-submenu__link {
    border-radius: 5px 0 0 5px
}

.operations-list-submenu-item:last-child .operations-list-submenu__link {
    border-radius: 0 5px 5px 0
}

.operations-list-submenu__link {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    background: #f5f5f5;
    height: 31px;
    box-sizing: border-box;
    padding: 6px 12px 6px 11px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.operations-list-submenu__link:hover {
    color: #fff
}

.operations-list-submenu__link._active {
    color: #fff
}

.operations-list-download {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-left: 213px
}

.operations-list-download__text {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    margin-right: 10px
}

.operations-list-download__type {
    text-decoration: none;
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    height: 31px;
    box-sizing: border-box;
    padding: 6px 11px 6px 10px;
    background: #f5f5f5;
    margin-left: 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.operations-list-download__type:first-of-type {
    border-radius: 5px 0 0 5px
}

.operations-list-download__type:last-of-type {
    border-radius: 0 5px 5px 0
}

.operations-list-download__type:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.operations-list-date-filter {
    vertical-align: top;
    float: right;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    height: 31px;
    box-sizing: border-box;
    padding: 6px 13px 6px 11px;
    background: #f5f5f5;
    margin-left: 10px;
    border-radius: 5px;
    white-space: nowrap
}

.operations-list-date-filter--map {
    position: absolute;
    z-index: 2;
    top: 72px;
    right: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    background: #fff
}

.operations-list-date-filter [class^="icon-"], .operations-list-date-filter [class*=" icon-"] {
    position: relative;
    top: -2px;
    margin-right: -3px;
    margin-left: 2px
}

.operations-list-date-filter:hover {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35)
}

.operations-list-date-filter._opened {
    color: #fff
}

.operations-list-date-filter._opened:hover {
    box-shadow: none
}

.operations-list-date-filter-body {
    display: none;
    background: #fff;
    width: 687px;
    border-radius: 5px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 100;
    box-sizing: border-box;
    padding: 20px
}

.operations-list-date-filter-body--map {
    top: 146px;
    right: 30px
}

.operations-list-date-filter-buttons {
    font-size: 0;
    margin-bottom: 20px
}

.operations-list-date-filter-buttons--mobile {
    display: none
}

.operations-list-date-filter__button {
    display: inline-block;
    vertical-align: middle;
    background: #f5f5f5;
    height: 31px;
    box-sizing: border-box;
    padding: 7px 12px 5px 11px;
    font: normal 400 15px/18px 'Roboto', sans-serif;
    color: #222;
    text-decoration: none;
    margin-right: 1px
}

.operations-list-date-filter__button:first-child {
    border-radius: 5px 0 0 5px
}

.operations-list-date-filter__button:last-child {
    margin-right: 0;
    border-radius: 0 5px 5px 0
}

.operations-list-date-filter__button:hover, .operations-list-date-filter__button._active {
    color: #fff !important;
}

.operations-list-date-filter-calendar {
    display: inline-block;
    vertical-align: top
}

.operations-list-date-filter-calendar.j-calendar-second {
    margin-left: 57px
}

.operations-list-date-filter-calendars {
    font-size: 0;
    white-space: nowrap
}

.operations-list-date-filter-calendars__head {
    display: none
}

.operations-list-date-filter-calendars__dash {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 30px/30px 'Roboto', sans-serif;
    color: #222;
    margin: -15px 16px 0;
    position: absolute;
    top: 50%
}

.operations-list-date-filter-calendars-interface {
    text-align: right;
    margin-top: 20px
}

.operations-list-table {
    display: block;
    width: 100%;
}

.turnover-table {
    .operations-list-table-row {
        display: grid;
        grid-template-columns: 3fr repeat(4, 1fr);

        .operations-list-table-cell {
            padding: 15px 0 15px 10px;
        }
    }
    .operations-list-table-line {
        padding: 9px 0;
    }
}

.reconciliation-table {
    .operations-list-table-row {
        display: grid;
        grid-template-columns: repeat(10, 1fr);
        align-items: center;
    }
    .operations-list-table-cell {
        height: auto;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .operations-list-table-row--thead {
        border-bottom: 4px solid #ebebeb;
    }
    .operations-list-table-line {
        padding: 9px 0;
    }
}

.operations-list-table-line {
    border-bottom: 1px solid #ebebeb;
    text-decoration: none;
    width: 100%;
    display: block;
    font-size: 0;
    padding: 9px 20px 13px;
    box-sizing: border-box;
    position: relative;
}

.operations-list-table-line:last-child {
    border: none
}

.operations-list-table-line:hover {
    background: #f5f5f5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    border-bottom-color: transparent
}

.operations-list-table-line:hover:before {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
    background: #f5f5f5
}

.operations-list-table-line:hover.operations-list-table-line--thead {
    border-bottom-color: #ebebeb;
    box-shadow: none;
    background: transparent
}

.operations-list-table-line:hover.operations-list-table-line--thead:before {
    content: none
}

.operations-list-table-line--thead {
    margin-right: 0;
    -webkit-transition: margin-right .3s ease;
    -moz-transition: margin-right .3s ease;
    -o-transition: margin-right .3s ease;
    transition: margin-right .3s ease
}

._transform .operations-list-table-line-table {
    display: table;
    width: calc(100% - 518px);
    table-layout: fixed
}

.operations-list-table-line-table {
    display: table;
    width: 100%;
    table-layout: fixed
}

.operations-list-table-line__commentary {
    display: block;
    font: italic 400 15px/18px 'Roboto', sans-serif;
    color: #666;
    margin: 0 0 3px
}

.operations-list-table-line--thead {
    border-bottom: 4px solid #ebebeb !important;
    padding: 9px 20px 2px
}

.operations-list-table-line--total {
    border-top: 4px solid #ebebeb !important;
    border-bottom: 0 !important;
}

/*.operations-list-table-line._shown {
    display: block
}*/

/*.operations-list-table-line._shown:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 1px;
    right: 1px;
    bottom: -1px;
    border-radius: 5px
}*/

.operations-list-table-line._shown:first-of-type:after {
    top: 3px
}

.operations-list-table-line._shown:hover:before {
    content: none
}

.operations-list-table-line._shown + .operations-list-table-line:hover:before {
    content: none
}

.operations-list-table-row {
    display: table-row;
    font-size: 0
}

.operations-list-table-cell:first-of-type {
    padding: 15px 0 15px 10px;
}

.operations-list-table-cell:last-of-type {
    padding: 15px 0 15px 10px;
}

.operations-list-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 4px 1px 3px;
    color: #222;
    font: normal 400 15px/21px 'Roboto', sans-serif
}

.operations-list-table-cell__filter {
    text-decoration: none;
    color: #222;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.operations-list-table-cell__filter._asc:after {
    content: "\e61d";
    font-family: 'icomoon';
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 6px 0 4px
}

.operations-list-table-cell__filter._desc:after {
    content: "\e61e";
    font-family: 'icomoon';
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: -4px 6px 0 4px
}

.operations-list-table-cell--thead {
    font: normal 700 15px/21px 'Roboto', sans-serif;
    padding: 13px 0;
    height: 21px
}

.operations-list-table-cell--date {
    width: 115px;
    padding-right: 10px
}

.operations-list-table-cell__date {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell--type {
    width: auto;
    padding-right: 10px
}

.operations-list-table-cell__type {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell__type .icon-paymentok {
    font-size: 35px;
    position: relative;
    top: -1px;
    left: -3px;
    margin-right: -5px
}

.operations-list-table-cell__type .icon-paymentreturn {
    font-size: 35px;
    position: relative;
    top: -5px;
    left: -3px;
    margin-right: -5px
}

.operations-list-table-cell__type .icon-paymentabort {
    font-size: 35px;
    position: relative;
    top: -3px;
    left: -3px;
    margin-right: -5px
}

.operations-list-table-cell__type .icon-paymentretry {
    font-size: 35px;
    position: relative;
    top: -3px;
    left: -3px;
    margin-right: -5px
}

.operations-list-table-cell--method {
    width: auto;
    padding-right: 10px
}

.operations-list-table-cell__method {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell__method [class^="icon-"], .operations-list-table-cell__method [class*=" icon-"] {
    font-size: 44px;
    position: relative;
    top: -4px;
    left: -5px
}

.operations-list-table-cell--operator {
    width: auto;
    padding-right: 10px
}

.operations-list-table-cell__operator {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    word-wrap: break-word;
    width: -webkit-fill-available;
}

.operations-list-table-cell--id {
    width: auto;
    padding-right: 10px
}

.operations-list-table-cell__id {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell--check {
    width: auto;
    padding-right: 10px
}

.operations-list-table-cell__check {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell--terminal {
    width: 80px;
    padding-right: 10px
}

.operations-list-table-cell__terminal {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell--sum {
    width: 100px;
    text-align: right
}

.operations-list-table-cell__sum {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    padding-right: 10%;
    float: right;
}
.operations-list-table-cell__sum_left {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    padding-right: 10%;
}

.operations-list-table-cell__sum__minus {
    color: #bf3f3f
}

.operations-list-table-cell--time {
    width: auto;
    padding-right: 10px;
    padding-left: 35px
}

.operations-list-table-cell__time {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell--middle {
    width: auto;
    text-align: right
}

.operations-list-table-cell__middle {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell__middle__minus {
    color: #bf3f3f
}

.operations-list-table-cell--number {
    width: auto;
    text-align: right
}

.operations-list-table-cell__number {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell__number__minus {
    color: #bf3f3f
}

.operations-list-table-cell--summ {
    width: auto;
    text-align: right
}

.operations-list-table-cell__summ {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.operations-list-table-cell__summ__minus {
    color: #bf3f3f
}

.operations-list-table__show-more {
    width: 100%;
    display: block;
    height: 54px;
    text-decoration: none;
    text-align: center;
    background: #f5f5f5;
    color: #666;
    margin-top: 20px;
    box-sizing: border-box;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    padding: 20px 0 15px
}

.operations-list-empty {
    min-height: 200px;
    position: relative;
}

.operations-list-empty-inner {
    padding: 30px 0;
    margin: -69px 0 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    display: block;
    width: 100%
}

.operations-list-empty__header {
    font: normal 400 33px/40px 'Roboto', sans-serif;
    color: #ccc;
    display: block
}

.operations-list-empty__text {
    font: normal 400 16px/19px 'Roboto', sans-serif;
    color: #666;
    display: block
}

.page-content--first {
    position: relative;
    left: 0;
    top: 0;
    right: 0
}

.page-content--second {
    -webkit-transition: margin-right .3s ease;
    -moz-transition: margin-right .3s ease;
    -o-transition: margin-right .3s ease;
    transition: margin-right .3s ease
}

._transform .footer {
    width: auto;
    margin-right: 530px
}

._transform .page-content--second {
    width: auto;
    margin-right: 390px;
}

._transform .operations-list-check-container {
    right: 0;
}

._transform .operations-list-table-cell--operator {
    display: none
}

._transform .operations-list-table-cell--id {
    display: none
}

._transform .operations-list-table-cell--check {
    display: none
}

._transform .operations-list-table-cell--terminal {
    display: none
}

._transform .operations-list-table-line--thead {
    width: auto;
    margin-right: 500px
}

@media screen and (min-width: 1315px) {
    .operations-list-check-container {
        -webkit-transition: right .7s ease;
        -moz-transition: right .7s ease;
        -o-transition: right .7s ease;
        transition: right .7s ease
    }
}

@media screen and (max-width: 1314px) {
    .operations-list-check-container-inner__scroll {
        display: none
    }

    .page-content--second {
        margin-right: 0 !important;
        padding-top: 0 !important
    }

    ._transform .footer {
        margin-right: 30px !important
    }

    ._transform .header {
        position: relative !important;
        left: 0;
        right: 0
    }

    ._transform .page {
        overflow-x: hidden
    }

    ._transform .page-content {
        position: static !important
    }

    ._transform .check {
        margin: 0 auto
    }

    ._transform .check-lenta {
        margin: 0 auto
    }

    ._transform .operations-list-summary {
        display: none
    }

    ._transform .operations-list-download {
        display: none
    }

    ._transform .operations-list-head__title {
        display: none
    }

    ._transform .operations-list--second {
        display: none
    }

    ._transform .operations-list-check-container {
        width: 100%;
        margin: 0 auto;
        position: static;
        text-align: center;
        -webkit-transition: all 0s ease;
        -moz-transition: all 0s ease;
        -o-transition: all 0s ease;
        transition: all 0s ease
    }

    ._transform .operations-list-check-container-inner {
        position: static;
        margin: 0 auto 37px;
        overflow: visible
    }

    ._transform .operations-list-check-container__clear {
        text-align: center;
        display: inline-block;
        vertical-align: middle;
        margin: 20px auto 26px
    }

    ._transform .operations-list-check-container__clear .icon-close {
        top: -2px
    }

    ._transform .operations-list-table-line--thead {
        display: none
    }

}

@media screen and (max-width: 1150px) {
    .operations-list-download {
        margin-left: 85px
    }

    .operations-list-summary {
        margin-top: 26px
    }
}

@media screen and (max-width: 1024px) {
    .operations-summary {
        margin: 0;
        padding-top: 14px
    }

    .operations-summary__title {
        display: block;
        margin-top: 24px
    }

    .operations-summary-side {
        display: none
    }

    .operations-summary-chart-legend {
        margin-top: 21px
    }

    .operations-summary-chart-legend .operations-list-download {
        margin: 4px 0 0
    }

    .operations-summary-chart-legend .chart-legend {
        top: 2px
    }

    .operations-summary-chart-legend .chart-legend-item {
        display: inline-block;
        vertical-align: middle
    }

    .operations-summary .operations-list-table-line--thead {
        padding-top: 2px
    }

    .operations-list-download {
        display: block;
        margin-top: 30px;
        margin-left: 2px
    }

    .operations-list-table-cell--operator {
        display: none
    }

    .operations-list-table-cell--id {
        display: none
    }

    .operations-list-table-cell--check {
        display: none
    }

    .operations-list-table-cell--terminal {
        display: none
    }

    .chart-legend {
        top: 1px
    }

    .chart-legend-item {
        display: block;
        text-align: right;
        margin-bottom: 2px
    }
}

@media screen and (max-width: 800px) {
    .ymaps-point-overlay {
        z-index: 650 !important
    }

    .operations-summary__title {
        padding-top: 55px
    }

    .operations-summary-chart {
        padding: 13px 20px 20px
    }

    .operations-summary-chart .chart {
        min-height: 139px;
        max-height: 139px
    }

    .operations-summary-chart-legend {
        height: auto;
        margin: 31px 0 0
    }

    .operations-summary-chart-legend .chart-legend {
        margin-bottom: 10px
    }

    .operations-summary-chart-legend .chart-legend-item {
        margin-bottom: 7px
    }

    .operations-map {
        top: 0px;
        max-width: 100vw;
    }

    body:not(._apple) .operations-map-tooltip {
        position: fixed !important;
        left: 0 !important;
        bottom: 51px !important;
        top: auto !important;
        width: 100% !important;
        border-radius: 0;
        padding: 10px 20px;
        z-index: 1000
    }

    body:not(._apple) .operations-map-tooltip ymaps {
        width: 100% !important
    }


    .operations-map-footer .dropdown-body {
        margin: 0 0 -10px;
        padding: 0 20px 1px
    }


    .operations-map__zoom {
        width: 47px
    }

    .operations-map-legend {
        bottom: 71px;
        right: 20px;
        left: auto;
        display: none
    }

    .operations-list-date-filter--map {
        position: absolute;
        top: 95px;
        right: 20px
    }

    .operations-list-summary__parameter {
        display: block
    }

    .operations-list-summary__parameter:last-of-type {
        display: inline-block;
        vertical-align: middle
    }

    .operations-list-head {
        margin-bottom: 0
    }

    .operations-list-head__title {
        display: block;
        font: normal 400 22px/28px 'Roboto', sans-serif;
        color: #222;
        margin: 10px 0
    }

    .operations-list-head-filter {
        position: relative;
        width: auto;
        margin: -4px -20px 24px;
        padding: 12px 20px 17px;
        top: 0;
        border-radius: 0
    }

    .hardware-head .operations-list-head-filter {
        margin-top: 14px
    }

    .operations-list-date-filter--map {
        position: absolute;
        top: 72px;
        right: 20px;
    }

    ._info-map .operations-list-head__filter {
        position: absolute;
        z-index: 2;
        top: 20px;
        left: 20px !important;
        right: auto;
    !important;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    }

    .operations-list-date-filter-body {
        position: relative;
        margin: 0 -20px 76px;
        width: auto
    }

    .operations-list-head__filter + .operations-list-date-filter-body {
        top: 0;
        margin-bottom: 24px
    }

    .operations-list-date-filter-body--map {
        margin: 0 0 76px;
        width: 100%;
        right: 0;
        position: absolute
    }

    .operations-list-date-filter-buttons {
        margin-bottom: 15px;
        display: none
    }

    .operations-list-date-filter-buttons--mobile {
        display: block
    }

    .operations-list-date-filter-calendar {
        width: 100%;
        margin: 0 0 15px !important
    }

    .operations-list-date-filter-calendars {
        white-space: normal
    }

    .operations-list-date-filter-calendars-interface {
        margin-top: 5px;
        text-align: left
    }

    .operations-list-date-filter-calendars-interface .button-cancel {
        float: right;
        margin-top: 7px
    }

    .operations-list-date-filter-calendars__head {
        display: block;
        font: normal 400 16px/20px 'Roboto', sans-serif;
        color: #222;
        margin-bottom: 17px
    }

    .operations-list-date-filter-calendars__dash {
        display: none
    }

    .operations-list-date-filter-calendars .ui-datepicker {
        width: 100%;
        border: none;
        border-bottom: 1px solid #ebebeb;
        border-radius: 0
    }

    .operations-list-date-filter-calendars .ui-datepicker td {
        width: 15.62%;
        text-align: center
    }

    .operations-list-date-filter-calendars .ui-datepicker td a, .operations-list-date-filter-calendars .ui-datepicker td span {
        display: inline-block;
        vertical-align: middle
    }

    .operations-list-date-filter-calendars .ui-datepicker .ui-datepicker-calendar {
        margin: 5px -11px 5px -13px
    }

    .operations-list-date-filter-calendars .ui-datepicker-header {
        padding-top: 7px !important;
        border-top: 1px solid #ebebeb
    }

    .operations-list-date-filter-calendars .ui-datepicker-next {
        top: 6px !important;
        right: -14px !important
    }

    .operations-list-date-filter-calendars .ui-datepicker-prev {
        top: 6px !important;
        left: -14px !important
    }

    .operations-list-download {
        margin-top: 15px
    }

    .operations-list-submenu {
        display: none
    }

    .operations-list-table-line {
        padding-left: 0;
        padding-right: 0
    }

    .operations-list-table-line:hover {
        box-shadow: none;
        background: none;
        border-color: #ebebeb
    }

    .operations-list-table-line:hover:before {
        display: none
    }

    .operations-list-table-line--thead {
        padding-top: 2px
    }

    .operations-list-table-line-table {
        display: block;
        position: relative
    }

    .operations-list-table-line__commentary {
        margin-top: 11px
    }

    .operations-list-table-row {
        position: relative;
        display: block
    }

    .operations-list-table-cell--date {
        float: none;
        display: block;
        margin-bottom: 3px
    }

    .operations-list-table-cell--date.operations-list-table-cell--thead {
        display: table-cell;
        float: none;
        margin-bottom: 0
    }

    .operations-list-table-cell--sum {
        position: absolute;
        top: 0;
        right: 0;
        display: block
    }

    .operations-list-table-cell--sum.operations-list-table-cell--thead {
        float: right;
        display: block
    }

    .operations-list-table-cell--type {
        display: block;
        float: none;
        padding-right: 0;
        margin-bottom: 1px
    }

    .operations-list-table-cell--type.operations-list-table-cell--thead {
        display: none
    }

    .operations-list-table-cell--method {
        display: block;
        position: absolute;
        top: 30px;
        right: 0;
        padding-right: 0
    }

    .operations-list-table-cell--method.operations-list-table-cell--thead {
        display: none
    }

    .operations-list-table-cell__method [class^="icon-"], .operations-list-table-cell__method [class*=" icon-"] {
        right: -5px;
        left: auto
    }

    .operations-list-table-cell--middle {
        display: none
    }

    .operations-list-table-cell--number {
        display: none
    }

    .operations-list-table-cell--summ {
        position: absolute;
        top: 0;
        right: 20px
    }

    .operations-list-empty {
        min-height: 157px;
        position: relative
    }

    .operations-list-empty-inner {
        padding: 30px 0;
        margin: -72px 0 0 0;
        position: absolute;
        top: 50%;
        left: 0;
        text-align: center;
        display: block;
        width: 100%
    }

    .operations-list-empty__header {
        font: normal 400 33px/40px 'Roboto', sans-serif;
        color: #ccc;
        display: block
    }

    .operations-list-empty__text {
        font: normal 400 16px/19px 'Roboto', sans-serif;
        color: #666;
        display: block
    }

    .chart-legend {
        position: relative;
        margin: -21px 0 18px
    }

    .chart-legend-item {
        text-align: left;
        margin-left: 4px
    }

    .chart-legend-item:first-of-type {
        margin-left: 0
    }

    ._transform {
        overflow-x: hidden
    }

    ._transform .operations-list-check-container {
        margin: 0 -20px;
        width: auto
    }

    ._transform .operations-list-check-container__clear {
        margin: 11px 20px 25px
    }

    ._transform .operations-list-check-container-inner {
        margin-bottom: 34px
    }

    ._transform .check {
        margin: 0
    }

    ._transform .page {
        overflow: visible
    }

    .statistics-map {
        top: 0px;
        max-width: 100vw;
    }

    body:not(._apple) .statistics-map-tooltip {
        position: fixed !important;
        left: 0 !important;
        bottom: 51px !important;
        top: auto !important;
        width: 100% !important;
        border-radius: 0;
        padding: 10px 20px;
        z-index: 1000
    }

    body:not(._apple) .statistics-map-tooltip ymaps {
        width: 100% !important
    }

    .statistics-map__zoom {
        width: 47px
    }

    .statistics-map-legend {
        bottom: 71px;
        right: 20px;
        left: auto;
        display: none
    }

    .statistics-list-head {
        margin-bottom: 0
    }

    .statistics-list-head-filter {
        position: relative;
        width: auto;
        margin: -4px -20px 24px;
        padding: 12px 20px 17px;
        top: 0;
        border-radius: 0
    }

    .hardware-head .statistics-list-head-filter {
        margin-top: 14px
    }

    .statistics-list-table-line {
        padding-left: 0;
        padding-right: 0
    }

    .statistics-list-table-line:hover {
        box-shadow: none;
        background: none;
        border-color: #ebebeb
    }

    .statistics-list-table-line:hover:before {
        display: none
    }

    .statistics-list-table-line--thead {
        padding-top: 2px
    }

    .statistics-list-table-line-table {
        display: block;
        position: relative
    }

    .statistics-list-table-row {
        position: relative;
        display: block
    }

    .statistics-list-table-cell--type {
        display: block;
        float: none;
        padding-right: 0;
        margin-bottom: 1px
    }
}

@media screen and (min-width: 1315px) and (min-height: 808px) {
    .operations-dashboard-inner .chart {
        position: absolute;
        top: 46px;
        bottom: 30px;
        left: 30px;
        right: 30px;
        height: auto;
        min-height: 0;
        max-height: 100%;
        min-width: 0;
        max-width: 100%
    }

    .operations-dashboard-inner .chart-bar {
        bottom: 20px
    }
}

.diag-gray {
    fill: #999
}

.line-op .dot {
    stroke: #999
}

.chart {
    max-width: 100%;
    min-width: 100%;
    max-height: 159px;
    min-height: 159px;
    font: normal 400 14px/14px 'Roboto', sans-serif;
    color: #222
}

.chart svg {
    position: relative;
    z-index: 2
}

.chart-tooltip {
    display: none;
    width: auto;
    height: 50px;
    position: absolute;
    box-sizing: border-box;
    padding: 5px 7px 0;
    border-radius: 4px;
    background: rgba(34, 34, 34, 0.9);
    color: #fff;
    font-size: 0;
    z-index: 5
}

.chart-tooltip-row {
    margin-bottom: 3px
}

.chart-tooltip__head {
    font: normal 700 14px/17px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    width: 80px;
    margin-right: 4px
}

.chart-tooltip__val {
    font: normal 400 14px/17px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle
}

.chart-line .axis path, .chart-line .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

.chart-line .x.axis {
    z-index: -1
}

.chart-line .x.axis path {
    display: none
}

.chart-line .dot {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -o-transition: all .1s ease;
    transition: all .1s ease;
    opacity: 0;
    fill: #f5f5f5;
    r: 0
}

.chart-line .j-line-op {
    z-index: 3
}

.chart-line .j-line-op .dot._hovered {
    r: 3;
    opacity: 1
}

.chart-line .j-line-su {
    z-index: 3
}

.chart-line .j-line-su .dot._hovered {
    r: 5;
    opacity: 1
}

.chart-line .lineSumm {
    fill: none;
    stroke-width: 4px;
    z-index: 2;
    position: relative
}

.chart-line .lineOperations {
    fill: none;
    stroke: #ccc;
    stroke-width: 1px;
    z-index: 1;
    position: relative
}

.chart-line .tick {
    cursor: pointer
}

.chart-line .tick line {
    opacity: 0;
    cursor: pointer;
    stroke: #ebebeb;
    -webkit-transition: opacity .3s ease;
    -moz-transition: opacity .3s ease;
    -o-transition: opacity .3s ease;
    transition: opacity .3s ease
}

.chart-line .tick._hovered line {
    opacity: 1
}

.chart-line .grid .tick {
    stroke: lightgrey;
    opacity: 0
}

.chart-line .grid path {
    stroke-width: 0
}

.chart-bar {
    min-height: 170px;
    max-height: 170px
}

.chart-bar-hover-container {
    z-index: 3;
    display: block
}

.chart-bar-hover-container span {
    display: block;
    height: 100%;
    width: 70px;
    max-width: 100%;
    margin: 0 auto
}

.chart-bar .bar-second {
    fill: #999
}

.chart-bar .axis text {
    font: normal 400 14px/14px 'Roboto', sans-serif
}

.chart-bar .axis path, .chart-bar .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges
}

.chart-bar .x.axis path {
    display: none
}

.chart-bar .x.axis line {
    display: none
}

.chart-bar .g {
    cursor: pointer
}

.chart-bar .g._hovered rect:last-child {
    fill: #c54f71 !important
}

@media screen and (max-width: 1024px) {
    .chart {
        min-height: 137px;
        max-height: 137px
    }

    .chart-bar {
        min-height: 147px;
        max-height: 147px
    }
}

.chart-hover {
    opacity: 0;
    z-index: 3;
    display: block
}

.chart-hover-before {
    border-radius: 5px;
    background: #ebebeb;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

/*! jQuery UI - v1.11.4 - 2015-06-22
* http://jqueryui.com
* Includes: admin.css, draggable.css, resizable.css, selectable.css, sortable.css, datepicker.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=2191c0&bgTextureHeader=gloss_wave&bgImgOpacityHeader=75&borderColorHeader=4297d7&fcHeader=eaf5f7&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=inset_hard&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=0078ae&bgColorDefault=0078ae&bgTextureDefault=glass&bgImgOpacityDefault=45&borderColorDefault=77d5f7&fcDefault=ffffff&iconColorDefault=e0fdff&bgColorHover=79c9ec&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=448dae&fcHover=026890&iconColorHover=056b93&bgColorActive=6eac2c&bgTextureActive=gloss_wave&bgImgOpacityActive=50&borderColorActive=acdd4a&fcActive=ffffff&iconColorActive=f5e175&bgColorHighlight=f8da4e&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcd113&fcHighlight=915608&iconColorHighlight=f7a50d&bgColorError=e14f1c&bgTextureError=gloss_wave&bgImgOpacityError=45&borderColorError=cd0a0a&fcError=ffffff&iconColorError=fcd113&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=75&opacityOverlay=30&bgColorShadow=999999&bgTextureShadow=flat&bgImgOpacityShadow=55&opacityShadow=45&thicknessShadow=0px&offsetTopShadow=5px&offsetLeftShadow=5px&cornerRadiusShadow=5px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-widget {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #2193a7;
    color: #222222;
    border-radius: 3px
}

.ui-widget-content a {
    color: #222222
}

.ui-widget-header {
    color: #222;
    font: normal 400 16px/20px 'Roboto', sans-serif
}

.ui-widget-header a {
    color: #eaf5f7
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #77d5f7;
    font-weight: normal;
    color: #ffffff
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #ffffff;
    text-decoration: none
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #026890;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #acdd4a;
    font-weight: normal;
    color: #ffffff
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #ffffff;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcd113;
    color: #915608
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #915608
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    color: #ffffff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
    color: #ffffff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #ffffff
}

.ul-row-error {
    border: 1px solid #cd0a0a;
    border-radius: 5px;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: alpha(opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: alpha(opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: alpha(opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    display: none
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 5px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 5px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 5px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 5px
}

.ui-widget-overlay {
    opacity: .3;
    filter: alpha(opacity=30)
}

.ui-widget-shadow {
    margin: 5px 0 0 5px;
    padding: 0px;
    opacity: .45;
    filter: alpha(opacity=45);
    border-radius: 5px
}

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none
}

.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none
}

.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .2em 0
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em
}

.ui-datepicker .ui-datepicker-prev {
    left: 2px
}

.ui-datepicker .ui-datepicker-next {
    right: 2px
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center
}

.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%
}

.ui-datepicker table {
    width: 100%;
    font-size: .9em;
    border-collapse: collapse;
    margin: 0 0 .4em
}

.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0
}

.ui-datepicker td {
    border: 0;
    padding: 1px
}

.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: right;
    text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: .7em 0 0 0;
    padding: 0 .2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: .5em .2em .4em;
    cursor: pointer;
    padding: .2em .6em .3em .6em;
    width: auto;
    overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left
}

.ui-datepicker.ui-datepicker-multi {
    width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
    float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px
}

.ui-datepicker-prev {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 37px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666 !important;
    font-size: 37px;
    width: 37px !important;
    height: 38px !important;
    top: 5px !important;
    left: 5px !important;
    cursor: pointer
}

.ui-datepicker-prev:before {
    content: "\e600"
}

.ui-datepicker-next {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 37px;
    display: inline-block;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #666 !important;
    font-size: 37px;
    width: 37px !important;
    height: 38px !important;
    top: 5px !important;
    right: 5px !important;
    cursor: pointer
}

.ui-datepicker-next:before {
    content: "\e601"
}

.ui-datepicker {
    width: 293px;
    padding: 0
}

.ui-datepicker .ui-datepicker-calendar {
    margin: 5px 3px;
    width: auto
}

.ui-datepicker-title {
    position: relative;
    top: 4px
}

.ui-datepicker-header {
    width: 100%;
    border-radius: 0;
    padding: 6px 0 17px !important;
    border-bottom: 1px solid #ebebeb
}

.ui-datepicker td {
    padding: 0;
    height: 41px;
    width: 41px
}

.ui-datepicker td a, .ui-datepicker td span {
    width: 41px;
    height: 41px;
    display: block;
    color: #222 !important;
    font: normal 400 16px/20px 'Roboto', sans-serif;
    text-align: center;
    box-sizing: border-box;
    padding: 11px 0 0;
    border: none !important;
    margin: 0 !important
}

.ui-datepicker td .ui-state-active {
    border-radius: 3px;
    color: #fff !important
}

.ui-datepicker td .ui-state-default.ui-state-active:hover {
    color: #fff !important
}

.ui-datepicker td.ui-datepicker-unselectable .ui-state-default:hover {
    color: #222 !important
}

.ui-datepicker th {
    font: normal 700 16px/18px 'Roboto', sans-serif;
    color: #222
}

.spoiler-link:before {
    content: "\e61b";
    display: block;
    font-size: 15px;
    color: #222;
    position: absolute;
    top: 50%;
    left: 17px;
    margin-top: -11px;
    font-family: 'icomoon', sans-serif
}

.spoiler-link:hover {
    background: #fff;
    box-shadow: none;
    border-bottom: 1px solid #ebebeb
}

.spoiler-link:hover:before {
    content: "\e61b";
    display: block;
    font-size: 15px;
    color: #222;
    position: absolute;
    top: 50%;
    left: 17px;
    margin-top: -11px;
    font-family: 'icomoon', sans-serif;
    border: none;
    width: auto;
    background: none
}

.spoiler-link:last-of-type {
    border-bottom: none
}

.spoiler-link:last-of-type:hover {
    border: none
}

.spoiler-link._opened {
    border-bottom: none
}

.spoiler-link._opened:before {
    content: "\e60f"
}

.spoiler-body {
    display: none;
    border-radius: 5px;
    background: #f5f5f5;
    margin: -6px 0 21px;
    position: relative
}

.spoiler-body:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    height: 1px;
    background: #ebebeb;
    bottom: -21px;
    left: 0
}

.spoiler-body:last-of-type:after {
    content: none
}

.spoiler-body .operations-list-table-line {
    padding: 9px 0 13px;
    margin: 0 20px;
    background: #f5f5f5;
    width: auto;
    cursor: pointer
}

.spoiler-body .operations-list-table-line:hover {
    background: #ebebeb;
    margin: 0 8px;
    padding: 9px 12px 13px;
    position: relative;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    border-radius: 3px
}

.spoiler-body .operations-list-table-line._hovered {
    background: #ebebeb;
    margin: 0 8px;
    padding: 9px 12px 13px;
    position: relative;
    z-index: 10;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    border-radius: 3px
}

@media screen and (max-width: 767px) {
    .spoiler-link:before {
        left: -3px
    }

    .spoiler-link:hover:before {
        left: -3px
    }

    .spoiler-body .operations-list-table-cell--summ {
        right: 0
    }

    .spoiler-body .operations-list-table-cell--time {
        padding-left: 15px
    }
}

.sign-in {
    min-height: 573px
}

.sign-in--success .sign-in__button {
    color: #ccc
}

.sign-in-inner {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f6f6f6;
    background-position: 0 -210px;
    border-radius: 12px;
    width: 474px;
    min-height: 300px;
    box-sizing: border-box;
    padding: 50px 50px 20px 50px
}

.sign-in__button {
    background: none;
    display: block;
    text-align: center;
    border: none;
    margin: 25px auto 0;
    font: normal 400 33px/41px 'Roboto', sans-serif;
    outline: none;
    padding: 0
}

.auth__error {
    display: block;
    text-align: center;
    color: #d33333;
    font: normal 400 16px/20px 'Roboto', sans-serif;
    margin-top: 30px
}

@media screen and (max-width: 767px) {
    #content {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .sign-in {
        min-height: 0
    }

    .sign-in-inner {
        position: static;
        background: none;
        width: auto;
        height: auto;
        margin: 19px 0 0;
        padding: 0;
        left: auto;
        top: auto;
        transform: none;
    }

    .auth__error {
        margin-top: 21px;
        margin-bottom: 20px
    }

    .sign-in__button {
        margin-top: 26px;
        margin-bottom: 13px
    }
}

/*# sourceMappingURL=main.css.map */

.goods-block {
    margin-bottom: 24px;
}

.goods-block:last-child {
    margin-bottom: 0;
}

.goods-block__title {
    display: block;
    font: normal 400 18px/24px 'Roboto', sans-serif;
    color: #999999;
    margin-bottom: 14px;
}

.goods-block__title + .goods-table {
    margin-top: -20px;
}

.goods-category {
    display: block;
    position: relative;
    padding-right: 45px;
    height: 54px;
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 5px;
}

.goods-category:last-child {
    margin-bottom: 0;
}

.goods-category-description {
    display: block;
    height: 100%;
    text-decoration: none;
    font: normal 400 13px/20px 'Roboto', sans-serif;
    color: #222222;
    border-radius: 5px 0 0 5px;
    background: #f2f2f2;
    box-sizing: border-box;
    padding: 16px 15px 18px 13px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.goods-category-description__title {
    font: normal 400 16px/20px 'Roboto', sans-serif;
    width: 75vw;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.goods-category-description__content {
    float: right;
    line-height: 21px;
}

.goods-category-description:hover {
    color: #ffffff;
    background: #2193a7;
}

.goods-category-control {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 44px;
    border-radius: 0 5px 5px 0;
    background: #f2f2f2;
    color: #222222;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-align: center;
    font-size: 0;
}

.goods-category-control:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%;
}

.goods-category-control:hover {
    background: #2193a7;
    color: #ffffff;
}

.goods-category-control._opened {
    background: #2193a7;
    color: #ffffff;
}

.goods-category-control .icon-dropdown {
    font-size: 16px;
}

.goods-category-control-body {
    top: 54px;
}

.goods-table {
    display: block;
}

.goods-table--in-spoiler {
    padding-left: 30px;
    margin: -5px 0 -4px;
}

.goods-table--in-spoiler .goods-table__warehouse {
    width: 19.0%;
}

.goods-table--in-spoiler .goods-table__price {
    width: 10.7%;
}

.goods-table--in-spoiler .goods-table__menu {
    width: 53px;
}

.goods-table--users {
    margin-bottom: -1px;
}

.goods-table-thead {
    display: block;
    border-bottom: 4px solid #ebebeb;
}

.goods-table-row {
    display: table;
    table-layout: fixed;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}

.goods-table-row:last-child {
    border-bottom: 0;
}

.goods-table-cell {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
    word-break: break-word;
}

.goods-table__text {
    display: block;
    color: #222222;
    font: normal 400 15px/18px 'Roboto', sans-serif;
    white-space: pre-line;
}

.goods-table__text--none {
    color: #2193a7;
}

.goods-table__text--small {
    color: #f19300;
}

.goods-table__link {
    display: block;
    color: #222222;
    font: normal 400 15px/18px 'Roboto', sans-serif;
    text-decoration: none;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease;
}

.goods-table__link:hover {
    color: #2193a7;
}

.goods-table__head {
    display: block;
    color: #222222;
    font: normal 700 15px/18px 'Roboto', sans-serif;
    margin-bottom: -1px;
}

.goods-table-cell .goods-table__head {
    word-break: normal;
}

.goods-table-image {
    display: inline-block;
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
}

.goods-table-image-container {
    display: block;
    width: 100%;
    height: 60px;
    text-align: center;
    font-size: 0;
}

.goods-table-image-container:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.goods-table__image {
    width: 90px;
    padding: 5px 10px 10px;
}

.goods-table__name {
    padding: 17px 20px 17px 31px;
}

.goods-table__warehouse {
    width: 17.3%;
    padding: 17px 20px 17px 0;
}

.goods-table__price {
    width: 9.84%;
    padding: 17px 20px 17px 0;
}

.goods-table__menu {
    width: 47px;
    padding: 14px 10px 14px 10px;
}

.goods-table__edit {
    display: block;
    width: 27px;
    height: 27px;
    text-align: center;
}

.goods-table__edit._opened {
    color: #2193a7;
}

.goods-table-menu {
    right: -9px;
    top: 26px;
    min-width: 142px;
}

.goods-table__user {
    padding: 17px 20px 17px 20px;
}

.goods-table__login {
    padding: 17px 20px 17px 0;
    width: 25.7%;
}

.goods-table__role {
    padding: 17px 20px 17px 0;
    width: 25.7%;
}

.goods-table__user ~ .goods-table__menu {
    padding-bottom: 11px;
}

.goods__more {
    width: 100%;
    display: block;
    height: 54px;
    text-decoration: none;
    text-align: center;
    background: #f5f5f5;
    color: #666666;
    margin-top: 20px;
    border-radius: 5px;
    box-sizing: border-box;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    padding: 18px 0 17px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.goods__more:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    color: #222222;
}

.goods-spoiler {
    display: block;
    margin: 5px 0;
    padding: 0 0 0 30px;
    position: relative;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.goods-spoiler:first-child {
    margin-top: 0;
}

.goods-spoiler:last-child {
    margin-bottom: 0;
}

.goods-spoiler._opened {
    margin: 20px 0;
}

.goods-spoiler._opened > .goods-category > .goods-category-description {
    color: #2193a7;
}

.goods-spoiler._opened > .goods-category > .goods-category-description .goods-category-description__content {
    color: #222222;
}

.goods-spoiler._opened > .goods-category > .goods-category-description:hover {
    color: #ffffff;
}

.goods-spoiler._opened > .goods-category > .goods-category-description:hover .goods-category-description__content {
    color: #ffffff;
}

.goods-spoiler__link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 54px;
    width: 30px;
}

.goods-spoiler__link:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0iI2ZmZiIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjEwIiB3aWR0aD0iMTAiIHk9IjAiIHg9IjAiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIGlkPSJzdmdfMiIvPgogIDwvZz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8bGluZSBmaWxsPSIjMDAwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBmaWxsLW9wYWNpdHk9Im51bGwiIHgxPSIwIiB5MT0iNSIgeDI9IjEwIiB5Mj0iNSIgaWQ9InN2Z18zIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIvPgogIDxsaW5lIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIGZpbGwtb3BhY2l0eT0ibnVsbCIgeDE9IjUiIHkxPSIwIiB4Mj0iNSIgeTI9IjEwIiBpZD0ic3ZnXzMiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIi8+CiA8L2c+Cjwvc3ZnPg==");
    position: absolute;
    top: 24px;
    background-size: 100%;
    background-repeat: no-repeat;
    left: 0;
    -webkit-transition: background .3s ease;
    -moz-transition: background .3s ease;
    -o-transition: background .3s ease;
    transition: background .3s ease;
}

.goods-spoiler__link:hover:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0iI2ZmZiIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjEwIiB3aWR0aD0iMTAiIHk9IjAiIHg9IjAiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIGlkPSJzdmdfMiIvPgogIDwvZz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8bGluZSBmaWxsPSIjMDAwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBmaWxsLW9wYWNpdHk9Im51bGwiIHgxPSIwIiB5MT0iNSIgeDI9IjEwIiB5Mj0iNSIgaWQ9InN2Z18zIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIvPgogIDxsaW5lIGZpbGw9IiMwMDAiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLW9wYWNpdHk9Im51bGwiIGZpbGwtb3BhY2l0eT0ibnVsbCIgeDE9IjUiIHkxPSIwIiB4Mj0iNSIgeTI9IjEwIiBpZD0ic3ZnXzMiIHN0cm9rZS1saW5lam9pbj0idW5kZWZpbmVkIiBzdHJva2UtbGluZWNhcD0idW5kZWZpbmVkIi8+CiA8L2c+Cjwvc3ZnPg==");
    opacity: 0.5;
    cursor: pointer;
}

.goods-spoiler__link._opened:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0iI2ZmZiIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjEwIiB3aWR0aD0iMTAiIHk9IjAiIHg9IjAiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIGlkPSJzdmdfMiIvPgogIDwvZz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8bGluZSBmaWxsPSIjMDAwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBmaWxsLW9wYWNpdHk9Im51bGwiIHgxPSIwIiB5MT0iNSIgeDI9IjEwIiB5Mj0iNSIgaWQ9InN2Z18zIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIvPgogPC9nPgo8L3N2Zz4=");
}

.goods-spoiler__link._opened:hover:before {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiA8Zz4KICA8dGl0bGU+YmFja2dyb3VuZDwvdGl0bGU+CiAgPHJlY3QgZmlsbD0iI2ZmZiIgaWQ9ImNhbnZhc19iYWNrZ3JvdW5kIiBoZWlnaHQ9IjEwIiB3aWR0aD0iMTAiIHk9IjAiIHg9IjAiLz4KICA8ZyBkaXNwbGF5PSJub25lIiBpZD0iY2FudmFzR3JpZCI+CiAgIDxyZWN0IGZpbGw9InVybCgjZ3JpZHBhdHRlcm4pIiBzdHJva2Utd2lkdGg9IjAiIHk9IjAiIHg9IjAiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiIGlkPSJzdmdfMiIvPgogIDwvZz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8bGluZSBmaWxsPSIjMDAwIiBzdHJva2U9IiMwMDAiIHN0cm9rZS1vcGFjaXR5PSJudWxsIiBmaWxsLW9wYWNpdHk9Im51bGwiIHgxPSIwIiB5MT0iNSIgeDI9IjEwIiB5Mj0iNSIgaWQ9InN2Z18zIiBzdHJva2UtbGluZWpvaW49InVuZGVmaW5lZCIgc3Ryb2tlLWxpbmVjYXA9InVuZGVmaW5lZCIvPgogPC9nPgo8L3N2Zz4=");
    opacity: 0.5;
}

.goods-spoiler-body {
    display: none;
}

.goods-null {
    text-align: center;
    font-size: 0;
    min-height: 216px;
    padding-bottom: 92px;
    box-sizing: border-box;
}

.goods-null:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}

.goods-null--orders {
    min-height: 64px;
    padding-bottom: 40px;
}

.goods-null-inner {
    display: inline-block;
    vertical-align: middle;
}

.goods-null-row {
    margin-bottom: 31px;
}

.goods-null-row:last-child {
    margin-bottom: 0;
}

.goods-null-row .button {
    padding: 7px 10px;
}

.goods-null__title {
    display: block;
    font: normal 400 18px/24px 'Roboto', sans-serif;
    color: #cccccc;
    margin-bottom: 37px;
}

.goods-null__title:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1024px) {
    .goods-table__price {
        width: 8.6%;
        padding-right: 10px;
    }

    .goods-table__warehouse {
        width: 19.4%;
    }

    .goods-table--in-spoiler .goods-table__name {
        padding-left: 3px;
    }

    .goods-table--in-spoiler .goods-table__warehouse {
        width: 21.7%;
    }

    .goods-table--in-spoiler .goods-table__price {
        width: 10.9%;
    }

    .goods-table--in-spoiler .goods-table__menu {
        width: 53px;
    }

    .goods-null {
        min-height: 208px;
        padding-bottom: 32px;
    }

    .goods-null--orders {
        min-height: 72px;
        padding-bottom: 48px;
    }
}

@media screen and (max-width: 1070px) {
    .header--map .header-menu__link {
        margin-right: 17px
    }

    .header--map .header-menu__link:last-of-type {
        margin-right: 0
    }
}

@media screen and (max-width: 1024px) {
    .header-mobile-menu {
        display: inline-block;
        vertical-align: middle
    }

    .operations-list-head--map {
        top: 115px;
        left: 30px;
    }

    .operations-list-head--map .header-currency {
        display: block;
    }

    .header-user {
        display: none
    }

    .header-user-body {
        display: none !important
    }

    .header-currency {
        margin: 20px 0;
    }
    .operations-list-date-filter {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .operations-list-head__filter{
        margin-top: 20px;
        margin-bottom: 20px;
    }


    .header-menu {
        margin-left: 30px
    }

    .header-menu__link {
        margin-right: 27px
    }

    .header-menu__link:last-child {
        margin-right: 0
    }

    .clear-footer {
        height: 147px
    }

    .footer {
        height: 147px;
        margin: -147px 30px
    }

    .footer-left {
        width: 375px
    }

    .footer-left .footer__text--tablet {
        width: 390px
    }

    .footer__text--desktop {
        display: none
    }

    .footer__text--tablet {
        display: block
    }

    .footer-settings {
        margin-top: 48px
    }

    .page-sidebar {
        display: none
    }

    .page-content--with-sidebar {
        margin-left: 0
    }
}

@media screen and (min-width: 1024px) {
    .header-mobile-menu-body {
        display: none !important
    }
}

@media screen and (max-width: 767px) {
    .header {
        min-height: 75px;
        height: auto
    }

    .header:before {
        height: 75px
    }

    .header-menu {
        display: none
    }

    .header-logo {
        width: 180px;
        height: 33px;
        top: 0
    }

    .header--map {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 75px;
        border-radius: 0
    }

    .header-mobile-menu:before {
        height: 75px
    }

    .header-mobile-menu-body {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        width: auto;
        margin: -22px -20px 30px;
        border-radius: 0
    }

    .header-mobile-menu-body-block--menu {
        display: block
    }

    .clear-footer {
        height: 282px
    }

    .footer {
        margin: -282px 20px;
        height: auto
    }

    ._transform .footer {
        margin-right: 20px !important
    }

    .footer-left {
        width: auto;
        float: none
    }

    .footer-right {
        float: none;
        text-align: left;
        margin-top: 20px
    }

    .footer-settings {
        display: none
    }

    .footer__text--tablet {
        display: none
    }

    .footer__text--mobile {
        display: block
    }

    .page {
        padding: 0 20px
    }
}

@media screen and (max-width: 767px) {
    .goods-block {
        margin-bottom: 25px;
    }

    .goods-block:last-child {
        margin-bottom: 31px;
    }

    .goods-block__title + .goods-table {
        margin-top: -2px;
    }

    .goods-category-description {
        padding: 8px 15px 10px 13px;
    }

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

    .goods-category-description__content {
        float: none;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .goods-category-control-body {
        position: absolute;
        top: 54px;
        left: 20px;
        right: 20px;
        padding: 16px 20px 18px;
    }

    .goods-category-control-body .dropdown-body__link:last-child {
        margin-bottom: 0;
    }

    .goods-table-thead {
        display: none;
    }

    .goods-table-tbody {
        display: block;
    }

    .goods-table-row {
        display: block;
        position: relative;
        padding: 1px 20px 16px 15px;
        box-sizing: border-box;
    }

    .goods-table-cell {
        display: block;
    }

    .goods-table__name {
        padding: 0;
        width: auto;
    }

    .goods-table__price {
        position: absolute;
        bottom: 21px;
        right: 20px;
        padding: 0;
        width: auto;
    }

    .goods-table__warehouse {
        width: auto;
        padding: 9px 0 0;
    }

    .goods-table__edit {
        position: absolute;
        top: 11px;
        right: 14px;
        padding: 0;
        width: auto;
    }

    .goods-table__image {
        width: 70px;
        margin-left: -5px;
        padding: 0;
    }

    .goods-table-image-container {
        height: 70px;
    }

    .goods-table-menu {
        position: absolute;
        top: 35px;
        right: 20px;
        left: 20px;
        padding: 16px 20px 18px;
    }

    .goods-table__menu {
        padding: 0;
        height: 0;
    }

    .goods-table__menu .dropdown {
        position: static;
    }

    .goods-table__menu .dropdown-body__link:last-child {
        margin-bottom: 0;
    }

    .goods-table--in-spoiler {
        margin: -1px 0 0;
    }

    .goods-table--in-spoiler .goods-table__name {
        padding-left: 3px;
    }

    .goods-table--in-spoiler .goods-table__warehouse {
        width: auto;
        padding-left: 3px;
    }

    .goods-table--in-spoiler .goods-table__price {
        width: auto;
        bottom: 16px;
    }

    .goods-table--in-spoiler .goods-table__menu {
        width: auto;
    }

    .goods-table__user {
        padding: 17px 10px 0 4px;
    }

    .goods-table__login {
        width: 100%;
        padding: 8px 0 0 4px;
    }

    .goods-table__login .goods-table__text {
        font: normal 400 13px/16px 'Roboto', sans-serif;
    }

    .goods-table__role {
        width: 100%;
        padding: 8px 0 0 4px;
        margin-bottom: -11px;
    }

    .goods-table__role .goods-table__text {
        font: normal 400 13px/16px 'Roboto', sans-serif;
    }

    .goods-spoiler-body {
        margin-left: -30px;
    }

    .goods-null {
        height: 194px !important;
        padding: 9px 0 17px;
        box-sizing: border-box;
    }

    .goods-null--orders {
        height: 45px !important;
        padding: 12px 0 9px;
    }

    .goods-null-inner {
        width: 100%;
    }

    .goods-null-row {
        margin-bottom: 21px;
    }

    .goods-null-row:last-child {
        margin-bottom: 0;
    }

    .goods-null-row .button {
        width: 100%;
    }

    .goods-null__title {
        font: normal 400 18px/21px 'Roboto', sans-serif;
        margin-bottom: 31px;
    }

    .goods-null__title:last-child {
        margin-bottom: 0;
    }
}


** TODO REFACTORING **

.statistics-list {
    width: 100%;
    margin-bottom: 0;
    background: #fff
}

.statistics-list-check-container {
    display: block;
    background: #fff;
    position: fixed;
    top: 145px;
    width: 518px;
    bottom: 0;
    right: -520px;
    z-index: 11;
    overflow: hidden
}

.statistics-list-check-container__clear {
    color: #222;
    font: normal 400 15px/20px 'Roboto', sans-serif;
    display: block;
    text-align: center;
    text-decoration: none;
    margin: 6px 20px 24px;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.statistics-list-check-container__clear__text {
    display: inline-block;
    vertical-align: middle
}

.statistics-list-check-container__clear .icon-close {
    font-size: 35px;
    position: relative;
    left: -2px;
    top: 0
}

.statistics-list-check-container-inner {
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 41px;
    bottom: 0;
    width: 100%
}

.statistics-list-check-container-inner .check {
    display: none
}

.statistics-list-check-container-inner .check-lenta {
    margin: 10px 0 10px 30px
}

.statistics-list-check-container-inner .check:before {
    content: none
}

.statistics-list-check-container-inner .check:after {
    content: "";
    background: url("data:image/PNG;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAADCAIAAAAlXwkiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2RDZCMTlENDEyNkYxMUU1OTI5OEZDQTBEMzVCNkFCQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2RDZCMTlENTEyNkYxMUU1OTI5OEZDQTBEMzVCNkFCQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZENkIxOUQyMTI2RjExRTU5Mjk4RkNBMEQzNUI2QUJBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZENkIxOUQzMTI2RjExRTU5Mjk4RkNBMEQzNUI2QUJBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/4XbiQAAACJJREFUeNpi/P79OwMDAwcHBwMS+PHjB4TBxIAXEJAGCDAA3FIF65lTvvEAAAAASUVORK5CYII=") repeat-x;
    height: 3px;
    width: 100%;
    bottom: -3px;
    z-index: 2;
    display: block;
    position: absolute;
    left: 0
}

.statistics-list-check-container-inner .check--shown {
    display: block
}

.statistics-list-check-container-inner._scrolled {
    opacity: 1;
    visibility: visible
}

.statistics-list--second {
    margin-top: 0;
    margin-bottom: 27px
}

.statistics-list-summary {
    margin: 24px 0 -3px
}

.statistics-list-summary__parameter {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 23px/28px 'Roboto', sans-serif;
    color: #222;
    margin-right: 3px
}

.statistics-list-summary__parameter:before {
    content: "и ";
    font: normal 400 23px/28px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-summary__parameter:first-of-type:before {
    content: none
}

.statistics-list-summary__clear {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    color: #222;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.statistics-list-summary__clear [class^="icon-"], .statistics-list-summary__clear [class*=" icon-"] {
    font-size: 36px;
    position: relative;
    left: -6px;
    top: -2px
}

.statistics-list-head {
    min-height: 31px;
    margin-bottom: 3px;
    position: relative
}

.statistics-list-head--map {
    position: absolute;
    z-index: 2;
    left: 500px;
    top: 72px;
    border-radius: 6px;
    background: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
}

.statistics-list-head--map .header-currency-item {
    background: #ffffff;
    width: 42px;
    margin-left: -1px;
}

.statistics-list-head--map .header-currency-item:first-child {
    border-radius: 6px 0px 0px 6px;
}

.statistics-list-head--map .header-currency-item:last-child {
    border-radius: 0 6px 6px 0;
}

.statistics-list-head--map .header-currency {
    margin: 0;
    top: 0;
}

.statistics-list-head__title {
    display: none;
    margin-right: 36px
}

.statistics-list-head-filter {
    display: none;
    width: auto;
    box-sizing: border-box;
    padding: 30px;
    background: #fff;
    position: absolute;
    top: 38px;
    right: 0;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
    border-radius: 5px;
    z-index: 10
}

.statistics-list-submenu {
    display: inline-block;
    vertical-align: middle
}

.statistics-list-submenu--map {
    position: absolute;
    top: 72px;
    left: 30px;
    z-index: 2;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    background: #f5f5f5;
    border-radius: 5px
}

.statistics-list-submenu--map .statistics-list-submenu__link {
    background: #fff
}

.statistics-list-submenu-list {
    font-size: 0
}

.statistics-list-submenu-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 1px
}

.statistics-list-submenu-item:last-child {
    margin-right: 0
}

.statistics-list-submenu-item:first-child .statistics-list-submenu__link {
    border-radius: 5px 0 0 5px
}

.statistics-list-submenu-item:last-child .statistics-list-submenu__link {
    border-radius: 0 5px 5px 0
}

.statistics-list-submenu__link {
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    background: #f5f5f5;
    height: 31px;
    box-sizing: border-box;
    padding: 6px 12px 6px 11px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.statistics-list-submenu__link:hover {
    color: #fff
}

.statistics-list-submenu__link._active {
    color: #fff
}

.statistics-list-download {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    margin-left: 213px
}

.statistics-list-download__text {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222;
    margin-right: 10px
}

.statistics-list-download__type {
    text-decoration: none;
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    height: 31px;
    box-sizing: border-box;
    padding: 6px 11px 6px 10px;
    background: #f5f5f5;
    margin-left: 1px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.statistics-list-download__type:first-of-type {
    border-radius: 5px 0 0 5px
}

.statistics-list-download__type:last-of-type {
    border-radius: 0 5px 5px 0
}

.statistics-list-download__type:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35)
}

.statistics-list-date-filter {
    vertical-align: top;
    float: right;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration: none;
    color: #222;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    display: inline-block;
    vertical-align: middle;
    height: 31px;
    box-sizing: border-box;
    padding: 6px 13px 6px 11px;
    background: #f5f5f5;
    margin-left: 10px;
    border-radius: 5px;
    white-space: nowrap
}

.statistics-list-date-filter--map {
    position: absolute;
    z-index: 2;
    top: 72px;
    right: 30px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.35);
    background: #fff
}

.statistics-list-date-filter [class^="icon-"], .statistics-list-date-filter [class*=" icon-"] {
    position: relative;
    top: -2px;
    margin-right: -3px;
    margin-left: 2px
}

.statistics-list-date-filter:hover {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.35)
}

.statistics-list-date-filter._opened {
    color: #fff
}

.statistics-list-date-filter._opened:hover {
    box-shadow: none
}

.statistics-list-date-filter-body {
    display: none;
    background: #fff;
    width: 687px;
    border-radius: 5px;
    box-shadow: 0 7px 20px rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 46px;
    right: 0;
    z-index: 100;
    box-sizing: border-box;
    padding: 20px
}

.statistics-list-date-filter-body--map {
    top: 146px;
    right: 30px
}

.statistics-list-date-filter-buttons {
    font-size: 0;
    margin-bottom: 20px
}

.statistics-list-date-filter-buttons--mobile {
    display: none
}

.statistics-list-date-filter__button {
    display: inline-block;
    vertical-align: middle;
    background: #f5f5f5;
    height: 31px;
    box-sizing: border-box;
    padding: 7px 12px 5px 11px;
    font: normal 400 15px/18px 'Roboto', sans-serif;
    color: #222;
    text-decoration: none;
    margin-right: 1px
}

.statistics-list-date-filter__button:first-child {
    border-radius: 5px 0 0 5px
}

.statistics-list-date-filter__button:last-child {
    margin-right: 0;
    border-radius: 0 5px 5px 0
}

.statistics-list-date-filter__button:hover, .statistics-list-date-filter__button._active {
    color: #fff !important;
}

.statistics-list-date-filter-calendar {
    display: inline-block;
    vertical-align: top
}

.statistics-list-date-filter-calendar.j-calendar-second {
    margin-left: 57px
}

.statistics-list-date-filter-calendars {
    font-size: 0;
    white-space: nowrap
}

.statistics-list-date-filter-calendars__head {
    display: none
}

.statistics-list-date-filter-calendars__dash {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 30px/30px 'Roboto', sans-serif;
    color: #222;
    margin: -15px 16px 0;
    position: absolute;
    top: 50%
}

.statistics-list-date-filter-calendars-interface {
    text-align: right;
    margin-top: 20px
}

.statistics-list-table {
    display: block;
    width: 100%
}

.statistics-list-table-line {
    border-bottom: 1px solid #ebebeb;
    text-decoration: none;
    width: 100%;
    display: block;
    font-size: 0;
    padding: 9px 20px 13px;
    box-sizing: border-box;
    position: relative
}

.statistics-list-table-line:last-child {
    border: none
}

.statistics-list-table-line:hover {
    background: #f5f5f5;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    border-bottom-color: transparent
}

.statistics-list-table-line:hover:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: -1px;
    left: 0;
    background: #f5f5f5
}

.statistics-list-table-line:hover.statistics-list-table-line--thead {
    border-bottom-color: #ebebeb;
    box-shadow: none;
    background: transparent
}

.statistics-list-table-line:hover.statistics-list-table-line--thead:before {
    content: none
}

.statistics-list-table-line--thead {
    margin-right: 0;
    -webkit-transition: margin-right .3s ease;
    -moz-transition: margin-right .3s ease;
    -o-transition: margin-right .3s ease;
    transition: margin-right .3s ease
}

.statistics-list-table-line-table {
    display: table;
    width: 100%;
    table-layout: fixed
}

.statistics-list-table-line__commentary {
    display: block;
    font: italic 400 15px/18px 'Roboto', sans-serif;
    color: #666;
    margin: 0 0 3px
}

.statistics-list-table-line--thead {
    border-bottom: 4px solid #ebebeb !important;
    padding: 9px 20px 2px
}

.statistics-list-table-line._shown {
    display: block
}

.statistics-list-table-line._shown:after {
    content: "";
    display: block;
    position: absolute;
    top: -1px;
    left: 1px;
    right: 1px;
    bottom: -1px;
    border-radius: 5px
}

.statistics-list-table-line._shown:first-of-type:after {
    top: 3px
}

.statistics-list-table-line._shown:hover:before {
    content: none
}

.statistics-list-table-line._shown + .statistics-list-table-line:hover:before {
    content: none
}

.statistics-list-table-row {
    display: table-row;
    font-size: 0
}

.statistics-list-table-row:last-child .statistics-list-table-cell {
    border-bottom: 0
}

.statistics-list-table-cell {
    display: table-cell;
    vertical-align: middle;
    padding: 4px 0 3px;
    height: 21px;
    color: #222;
    font: normal 400 15px/21px 'Roboto', sans-serif;
    word-wrap: break-word
}

.statistics-list-table-cell__filter {
    text-decoration: none;
    color: #222;
    -webkit-transition: color .3s ease;
    -moz-transition: color .3s ease;
    -o-transition: color .3s ease;
    transition: color .3s ease
}

.statistics-list-table-cell__filter._asc:after {
    content: "\e61d";
    font-family: 'icomoon';
    font-size: 15px;
    display: inline;
    vertical-align: middle;
    margin: -4px 8px 0 1px
}

.statistics-list-table-cell__filter._desc:after {
    content: "\e61e";
    font-family: 'icomoon';
    font-size: 15px;
    display: inline;
    vertical-align: middle;
    margin: -4px 8px 0 1px
}

.statistics-list-table-cell--thead {
    border-bottom: 4px solid #ebebeb;
    font: normal 700 15px/21px 'Roboto', sans-serif;
    padding: 13px 0;
    height: 21px
}

.statistics-list-table-cell--date {
    width: 115px;
    padding-right: 10px
}

.statistics-list-table-cell__date {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell--type {
    width: auto;
    padding-right: 10px
}

.statistics-list-table-cell__type {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell__type .icon-paymentok {
    font-size: 35px;
    position: relative;
    top: -1px;
    left: -3px;
    margin-right: -5px
}

.statistics-list-table-cell__type .icon-paymentreturn {
    font-size: 35px;
    position: relative;
    top: -5px;
    left: -3px;
    margin-right: -5px
}

.statistics-list-table-cell__type .icon-paymentabort {
    font-size: 35px;
    position: relative;
    top: -3px;
    left: -3px;
    margin-right: -5px
}

.statistics-list-table-cell__type .icon-paymentretry {
    font-size: 35px;
    position: relative;
    top: -3px;
    left: -3px;
    margin-right: -5px
}

.statistics-list-table-cell--method {
    width: auto;
    padding-right: 10px
}

.statistics-list-table-cell__method {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell__method [class^="icon-"], .statistics-list-table-cell__method [class*=" icon-"] {
    font-size: 44px;
    position: relative;
    top: -4px;
    left: -5px
}

.statistics-list-table-cell--operator {
    width: auto;
    padding-right: 10px
}

.statistics-list-table-cell__operator {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell--id {
    width: auto;
    padding-right: 10px
}

.statistics-list-table-cell__id {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell--check {
    width: auto;
    padding-right: 10px
}

.statistics-list-table-cell__check {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell--terminal {
    width: 80px;
    padding-right: 10px
}

.statistics-list-table-cell__terminal {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell--sum {
    width: 100px;
    text-align: right
}

.statistics-list-table-cell__sum {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell__sum__minus {
    color: #bf3f3f
}

.statistics-list-table-cell--time {
    width: auto;
    padding-right: 10px;
    padding-left: 35px
}

.statistics-list-table-cell__time {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell--middle {
    width: auto;
    text-align: right
}

.statistics-list-table-cell__middle {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell__middle__minus {
    color: #bf3f3f
}

.statistics-list-table-cell--number {
    width: auto;
    text-align: right
}

.statistics-list-table-cell__number {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell__number__minus {
    color: #bf3f3f
}

.statistics-list-table-cell--summ {
    width: auto;
    text-align: right
}

.statistics-list-table-cell__summ {
    display: inline-block;
    vertical-align: middle;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    color: #222
}

.statistics-list-table-cell__summ__minus {
    color: #bf3f3f
}

.statistics-list-table__show-more {
    width: 100%;
    display: block;
    height: 54px;
    text-decoration: none;
    text-align: center;
    background: #f5f5f5;
    color: #666;
    margin-top: 20px;
    box-sizing: border-box;
    font: normal 400 15px/19px 'Roboto', sans-serif;
    padding: 20px 0 15px
}

.statistics-list-empty {
    min-height: 200px;
}

.statistics-list-empty-inner {
    padding: 30px 0;
    margin: -69px 0 0 0;
    position: absolute;
    top: 50%;
    left: 0;
    text-align: center;
    display: block;
    width: 100%
}

.statistics-list-empty__header {
    font: normal 400 33px/40px 'Roboto', sans-serif;
    color: #ccc;
    display: block
}

.statistics-list-empty__text {
    font: normal 400 16px/19px 'Roboto', sans-serif;
    color: #666;
    display: block
}

.marker-cluster-offline {
    background-color: rgba(209, 212, 218, 0.6);
}

.marker-cluster-offline div {
    background-color: rgba(182, 184, 181, 0.6);
}

.marker-cluster-online {
    background-color: rgba(206, 233, 182, 0.6);
}

.marker-cluster-online div {
    background-color: rgba(149, 216, 108, 0.6);
}

#dashboard-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(475px, 1fr));

    display: -ms-grid;
    -ms-grid-columns: minmax(475px, 1fr) minmax(475px, 1fr);
}
#dashboard-grid > div {
    font-size: 5vw;
    padding-top: .4em;
    padding-bottom: .4em;
    text-align: center;
}

.dashboard-info-grid {
    padding-top: 2em;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(450px, 0.5fr));
    grid-gap: 2em;
    grid-auto-flow: dense;

    display: -ms-grid;
    -ms-grid-columns: minmax(475px, 0.5fr) minmax(450px, 0.5fr) minmax(450px, 0.5fr);
}
@media screen and (min-width: 1024px) {
    .dashboard-info-grid > div.wide {
        grid-column: span 2;
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .dashboard-info-grid > div {
        margin: 1em;
    }
}
@supports (display:-ms-grid) {
    .dashboard-info-grid > div {
        margin: 1em;
    }
}
.dashboard-area-1 {
    order: 1;
}
.dashboard-area-2 {
    order: 2;
}
.dashboard-area-3 {
    order: 3;
}
.dashboard-area-4 {
    order: 4;
}
.dashboard-area-5 {
    order: 5;
}
.dashboard-area-6 {
    order: 6;
}
.dashboard-area-7 {
    order: 7;
}
.dashboard-area-8 {
    order: 8;
}

.statistics-map-tooltip {
    display: block;
    width: auto;
    height: auto;
    box-sizing: border-box;
    padding: 2px 10px;
    background: #222;
    opacity: 0.9;
    border-radius: 5px;
    z-index: 1000
}

.statistics-map-tooltip-container {
    position: relative;
    width: 40px;
    height: 80px
}

.statistics-map-tooltip-table {
    width: 100%;
}

.statistics-map-tooltip-table-row:first-child .statistics-map-tooltip-table-cell {
    padding-top: 8px
}

.statistics-map-tooltip-table-row:last-child .statistics-map-tooltip-table-cell {
    padding-bottom: 3px;
    padding-right: 5px;
}

.statistics-map-tooltip-table-cell {
    text-align: right;
    font: normal 400 13px/16px 'Roboto', sans-serif;
    color: #fff;
    padding: 2px 0
}

.statistics-map-tooltip-table-cell:first-child {
    text-align: left;
    font: normal 700 13px/16px 'Roboto', sans-serif
}

.statistics-map-tooltip-table-cell--thead {
    border-bottom: 1px solid #4c4c4c;
    color: #ccc;
    padding: 6px 0;
    padding-right: 5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 21px;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 17px;
    width: 17px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider:before {
    -webkit-transform: translateX(19px);
    -ms-transform: translateX(19px);
    transform: translateX(19px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 21px;
}

.slider.round:before {
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #2193a7;
}

input:disabled + .slider {
    opacity: 0.4;
}

.multi-merchant_span-label {
    display: inline-block;
    vertical-align: top;
}

.multi-merchant_label {
    width: 270px !important;
    margin-right: 0
}

.multi-merchant_select_block {
    margin: 0 !important;
    width: 530px;
    display: inline-block
}
.terminal-update-tpk {
    margin-right: 0px !important;
}
.control-field__input::-ms-clear {
    display: none;
}
.login_banner {
    padding: 8px;
    margin: 5px;
    background: #FFFFFF;
    border-radius: 3px;
    border: 1px solid;
    inline-block
    z-index: 99;
    min-width: 50px;
    max-width: 300px;
    width: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    font-size: 13px;
    line-height: 1.5em;
    font-family: 'Roboto', sans-serif, normal;
    white-space: normal;
    position: absolute;
    top: 17%;
    display: block;
    left: 90%;
}
.resetPasswordButton {
    border: 0;
    background: 0;
    cursor: pointer;
    font: normal 400 16px/20px 'Roboto', sans-serif;
}
.hasToken {
    height: 37px;
    border: 0;
    background: 0;
    cursor: pointer;
    font: normal 400 16px/20px 'Roboto', sans-serif;
}
.control-field--short .control-field-container {
    margin-left: 130px
}
#selectType + .selectize-control > .selectize-dropdown > .selectize-dropdown-content {
    overflow-y: scroll;
    max-height: 186px;
}
.w-3 {
    width: 3%;
}
.w-5 {
    width: 5%;
}
.w-7 {
    width: 7.5%;
}
.w-10 {
    width: 10%;
}
.w-15 {
    width: 15%;
}
.w-20 {
    width: 20%;
}
.w-23 {
    width: 23%;
}
.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}

.w-35 {
    width: 35%;
}
.w-75 {
    width: 75%;
}
.w-80 {
    width: 80%;
}
.padding-list-right {
    padding-right: 15px;
}
.cell-padding-right {
    padding-right: 5px;
}
.cell-padding-right-20 {
    padding-right: 20px;
}
.save-card-profile-form .control-field__carry,
.show-card-profile-form .control-field__carry {
    width: 400px !important;
}

.save-card-profile-form .control-field-container,
.show-card-profile-form .control-field-container {
    margin-left: 420px !important;
}
.icon-lock--reader {
    left: auto !important;
    right: 0 !important;
}
#button-label:hover{
    cursor: pointer;
}
.word-break {
    word-break: break-word;
}
.padding-right-custom-10 {
    padding-left: 0px;
    padding-right: 10px;
}
.break-word {
    overflow-wrap: break-word;
}
.input__item div {
    box-sizing: border-box;
}
.input__item select[multiple="multiple"] + .selectize-control {
    min-height: 37px;
}

.wideSelectItems .selectize-control {
    min-height: 39px !important;
    align-items: center;
}

.wideSelectItems .selectize-input {
    display: flex;
    min-height: 21px;
    flex-direction: column;
    justify-content: center;
}

#save-custom-error-insert input {
    font: normal 400 16px/21px 'Roboto', sans-serif;
}

.hardware-table-separator {
    padding-bottom: 3px;
    margin-bottom: 3px;
    border-bottom: 2px solid #ebebeb;
}

.hardware-table-separator:last-of-type {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.readonly-input {
    border: 1px solid #afafaf !important;
    outline-offset: 0;
}

.readonly-input:focus {
    padding-left: 6px;
}


.hr-license {
    height: 1px;
    background-color: #e0dfdf;
    border: none;
}

.status-container.active .status-img {
    filter: brightness(0) invert(1);
}

.status-container.active .status-img-alignment {
    filter: brightness(0) invert(1);
}

.status-img {
    margin-top: 2px;
}

.selectize-input.items.not-full .status-img {
    margin-top: 0;
}


progress {
    border-radius: 5px;
    border: 0;
}

/* for chrome */
progress::-webkit-progress-bar {
    background: #F3F4F1;
    border-radius: 5px;
}

progress::-moz-progress-bar {
    border-radius: 5px;
}

progress::-webkit-progress-value {
    background: #F3F4F1;
    border-radius: 5px;
}

.box-close:before {
    content: "\00d7";
    font-size: x-large;
}

.modal-button-margin {
    margin-left: 7px;
}

.status-img-alignment {
    margin-top: 1px;
}

.status-container-alignment {
    margin-left: 10px; margin-top: 3px;
}

.hardware-table-cell:has(.hardware-table-cell__filter._active) {
    padding-right: 5px;
}

.leaflet-interactive {
    cursor: pointer;
}

[class$="editor-vertex-menu"],
.ymaps-vertex-menu {
    display: none !important;
}

.leaflet-marker-icon.leaflet-div-icon.leaflet-vertex-icon.leaflet-zoom-animated.leaflet-interactive.leaflet-marker-draggable {
    border-radius: 5px;
}