/* Eric Meyer's CSS Reset */
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, 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;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    background: #B5CDD9;
}

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;
}

input, button, select, textarea {
    font-size: inherit;
    font-family: inherit;
}

input:focus, button:focus, select, select:focus {
    outline: none;
}

input[required="required"] {
    border-color: #C5716B !important;
}

input[disabled] {
    color: #B3C9D7 !important;
}

button[type="submit"] {
    cursor: pointer;
}

form {
    display: inline;
}

b, strong {
    font-weight: 600;
}

/* End of Eric Meyer's CSS Reset */
.justify {
    font-size: 0;
    line-height: 0;
    text-align: justify !important;
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify: newspaper;
}

.justify::after {
    content: '';
    display: inline !ie;
    display: inline-block;
    height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    zoom: 1;
}

.vamfix > * { /*Класс для центрирования по вертикали*/
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.vamfix::before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

.clearfix::after, .row::after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

.clear {
    clear: both;
}

.pull-left {
    float: left !important;
}

.pull-right {
    float: right !important;
}

.hidden {
    display: none;
}

.clearfix, .row {
    display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix, * html .row {
    height: 1%;
}

.clearfix, .row {
    display: block;
}

html {
    height: 100%;
}

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

body {
    min-width: 320px;
    font: 12px/18px 'Roboto', sans-serif;
    letter-spacing: 0.05em;
    height: 100%;
}

a {
    color: #22637F;
}

sup {
    font-size: 10px;
    color: #5EC1A2;
    font-style: italic;
    margin-left: 10px;
}

.main-left sup {
    display: block;
}

.main-left.active sup {
    display: inline;
}

/*reduceHeight*/
.reduceHeightClosed {
    position: relative;
    overflow-y: hidden;
}

.reduceHeightOpened {
    position: relative;
}

.showMore {
    position: relative;
    z-index: 2;
    float: none !important;
    margin: 5px;
    text-align: center;
    width: 100%;
    padding: 5px !important;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 -15px 35px #fff;
}

.showMore.showMoreBtnOpened {
    box-shadow: none;
}

.btn.show-more-btn {
    padding: 5px 10px;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #839AAE;
}

.btn.show-more-btn:hover, .showMoreBtnOpened .btn.show-more-btn {
    background: #51677B;
    border: 1px solid #3C4E5D;
}

/*СТИЛИ ДЛЯ ОДНОТИПНЫХ ЭЛЕМЕНТОВ*/
/*КНОПКИ*/
.button {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    cursor: pointer;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    background: #60B39F;
    color: #fff;
    border: 1px solid #60B39F;
    box-sizing: border-box;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.button:hover {
    background-color: #387568;
    border-color: #285349;
}

.button_small {
    padding: 5px 10px;
    font-size: 14px;
}

.button_big {
    padding: 12px 15px;
    font-size: 18px;
}

.button_color-blue {
    background: #839AAE;
    border-color: #839AAE;
}

.button_color-blue:hover {
    background: #51677B;
    border-color: #3C4E5D;
}

.button::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: no-repeat 50% 50%;
    background-size: contain;
}

.button_icon-plus::before {
    margin-right: 10px;
    height: 15px;
    width: 15px;
    background-image: url(images/svg/listing-add-kat.svg);
}

.button_icon-edit::before {
    margin-right: 10px;
    height: 15px;
    width: 15px;
    background-image: url(images/svg/edit-white.svg);
}

.button_icon-delete::before {
    margin-right: 10px;
    height: 15px;
    width: 15px;
    background-image: url(images/svg/delete.svg);
}

.button_icon-save::before {
    width: 18px;
    height: 15px;
    background-image: url(images/svg/set-save.svg);
    margin-right: 10px;
}

.button_small::before {
    height: 12px;
    height: 12px;
}

.button_big::before {
    height: 22px;
    width: 22px;
}

/* end кнопки */
.img-wrap img {
    max-width: 100%;
    display: block;
}

.gray-wrap {
    background: #f3f3fb;
}

.grades__gray-wrap {
    padding: 30px 20px;
}

.header_separated {
    margin-bottom: 30px;
    padding-bottom: 3px;
    border-bottom: 1px solid #fff;
    box-shadow: 0px 2px 0px rgba(255, 255, 255, 0.5);
}

.advice {
    max-width: 550px;
    margin: 10px 40px;
    background: #fcf6ea;
    padding: 10px 15px;
    border-radius: 5px;
    color: #334350;
    font-size: 13px;
    line-height: 1.1;
}

.advice_warning {
    background: #ffd5d5;
    border: 1px dashed #682323;
}

.advice__additional-text {
    vertical-align: middle;
    margin-right: 10px;
    margin-top: 10px;
    display: inline-block;
}

.advice__header {
    font-size: 16px;
    font-weight: 600;
    color: #860000;
}

.header-block__hideToggle {
    position: relative;
    cursor: pointer;
    height: 33px;
    width: 33px;
    display: inline-block;
    vertical-align: top;
}

.header-block__wrap {
    display: inline-block;
    white-space: nowrap;
    vertical-align: top;
    padding: 0 10px;
}

.header-block__wrap.active {
    white-space: normal;
}

.header-block__hideToggle img {
    position: absolute;
    top: 0;
    left: 0;
    width: 33px;
    margin: 5px;
    -webkit-transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, -webkit-transform 1s;
    transition: opacity 0.5s, transform 1s;
    transition: opacity 0.5s, transform 1s, -webkit-transform 1s;
}

.header-block__hideToggle:hover img {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.img-hover {
    opacity: 0;
}

.header-block__hideToggle:hover .img-hover, .header-block__hideToggle.active .img-hover {
    opacity: 1;
}

.not-published-cap {
    position: absolute;
    line-height: 1.1;
    background: rgba(123, 146, 157, 0.6);
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: right;
    z-index: 100;
}

.not_published .not-published-cap {
    display: block;
}

.not_published .ui-sortable-handle {
    visibility: hidden;
}

.not-published-cap__wrap {
    text-align: left;
    width: 60%;
    padding: 0 10px;
    box-sizing: border-box;
}

.not-published-cap__wrap > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
}

.not-published-cap__title {
    font-size: 28px;
    color: #DFE5EB;
    text-transform: uppercase;
}

.not-published-cap__link {
    font-size: 16px;
    color: #fff;
}

.kat-listing .not-published-cap__img {
    width: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.edit-obscure {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 124, 154, 0.7) url('/admin/static/images/icons/white/pencil_big.png') no-repeat 50% 50%;
    background-size: 40%;
    cursor: pointer;
}

.edit-obscure__sortable-icon {
    position: absolute;
    right: 3%;
    top: 3%;
    background-image: url('/admin/static/images/icons/white/sortable_big.png');
    width: 28%;
    height: 40%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.edit-obscure__delete-icon {
    width: 12%;
    height: 17%;
    position: absolute;
    bottom: 3%;
    right: 3%;
    background: url(images/svg/delete.svg) 50% 50% no-repeat;
    background-size: 100%;
}

*:hover > .edit-obscure {
    display: block;
}

.header-block {
    position: relative;
    padding: 0 15px;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.header-block__title {
    float: left;
    min-height: 18px;
    padding: 12px 0;
    padding-right: 10px;
    text-transform: uppercase;
    color: #226280;
    font-size: 15px;
    font-weight: 600;
    max-width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    box-sizing: border-box;
}

.header-block__btns {
    text-align: right;
}

.header-block__btns .btn,
.header-block__btns .btn.delete,
.header-block__btns .btn.change-btn {
    margin: 0;
    font-size: 16px;
    height: 42px;
    box-sizing: border-box;
    vertical-align: top;
}

.header-block__btns .btn.delete {
    padding: 10px;
    white-space: nowrap;
}

.header-block__btns .btn:last-child {
    margin-right: 0;
}

.btn.btn_gray-blue {
    background: #839aae !important;
    border: 1px solid #839aae !important;
}

.btn.btn_gray-blue:hover {
    background-color: #51677B !important;
    border-color: #3C4E5D !important;
}

.info-block_gray {
    background: #ececec;
}

.info-block_gray .col {
    padding: 7.5px;
}

.info-block__text {
    color: #006082;
    font-size: 15px;
    font-weight: 300;
}

.square {
    width: 30px;
    height: 30px;
    border: 1px solid #ced6d0;
    float: left;
    position: relative;
    left: 30px;
    margin: 0 40px 10px -30px;
}

.square_yellow {
    background: #fff0b6;
}

.square_lilac {
    background: #c2c4e9;
}

.no-mobile-headers .mobile-listing-head {
    display: none;
}

.no-mobile-headers .listing-grid-item {
    margin: 0;
}

.no-mobile-headers .listing-grid-head {
    display: block;
}

.no-mobile-headers .listing-grid-item:nth-child(even) {
    background: #E0E8EB;
}

.btn[disabled="disabled"], .btn[disabled="disabled"]:hover {
    background: #d9d9d9;
    border-color: #ccc;
}

.field-blk.field-blk-btn .btn {
    font-size: 15px;
    font-weight: 400;
    padding: 7px 20px;
    margin: 5px;
}

.fused-elements__wrap {
    display: block;
    float: left;
    width: 100%;
    padding-right: 320px;
    box-sizing: border-box;
}

.fused-elements__button {
    display: block;
    float: right;
    width: 320px;
    height: 40px;
    margin-right: -320px;
    position: relative;
    right: 320px;
    box-sizing: border-box;
}

.fused-elements__input {
    display: block;
    width: 100%;
    border: 1px solid #BFBEBE;
    border-right: none;
    height: 40px;
    font-size: 15px;
    padding: 0 10px;
    box-sizing: border-box;
}

.fused-elements__input[required="required"] {
    border-color: #BFBEBE !important;
}

.new-tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.new-tabs .tab_btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    box-sizing: border-box;
    background: #5A80A4;
    padding: 5px 7px;
    height: 46px;
    color: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.new-tabs .tab_btn span {
    margin: 0 auto;
}

.new-tabs .tab_btn:hover, .new-tabs .tab_btn.active {
    background-color: #51677B;
}

.new-tabs .tab_btn::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -1.2px;
    z-index: 2;
    top: 3px;
    bottom: 3px;
    overflow: visible;
    width: 1px;
    background: #5F99C1;
    opacity: 0.9;
}

.new-tabs .tab_btn:last-child::after {
    content: none;
}

.tabs-attached {
    margin-top: 66px;
}

.ul-list {
    margin: 0 20px 15px;
}

.ul-list .ul-list {
    margin: 3px 0 0 30px;
}

.ul-list__item {
    list-style-type: none;
    list-style-position: inside;
}

.list-no-levels.selector {
    margin-left: 0;
}

.ul-list__link, .list-no-levels a {
    cursor: pointer;
    position: relative;
    background: rgba(138, 174, 190, 0.7);
    text-align: left;
    display: block;
    padding: 5px 10px;
    color: #fff;
    font-size: 16px;
}

.list-no-levels a {
    margin-bottom: 5px;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.ul-list__link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.ul-list__link:hover::before {
    opacity: 0.4;
}

.ul-list__text {
    position: relative;
    z-index: 2;
}

.ul-list__item .ul-list__item .ul-list__link {
    background: rgba(149, 171, 183, 0.6);
}

.ul-list__item .ul-list__item .ul-list__item .ul-list__link, .list-no-levels:nth-child(odd) a {
    background: rgba(181, 205, 217, 0.8);
}

.list-no-levels a:hover, .list-no-levels:nth-child(odd) a:hover {
    background: #518094;
}

.flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

/*КЛАССЫ ДЛЯ БЫСТРОГО ОФОРМЛЕНИЯ*/
.message, .top-help {
    line-height: 1.3;
    text-indent: 20px;
    padding: 0 20px;
    margin: 10px;
    font-size: 15px;
    font-weight: 300;
}

.top-help {
    text-indent: 0;
}

.message b, .top-help label {
    color: #2E627E;
    font-size: 120%;
    font-weight: 600;
}

.message i {
    display: inline-block;
    max-width: 100%;
    border-bottom: 1px dashed #2e627e;
    word-wrap: break-word;
}

.circle {
    text-decoration: none;
    display: inline-block;
    border-radius: 50%;
    width: 21px;
    font-size: 9px;
    text-align: center;
    height: 21px;
    color: #22637F;
    line-height: 21px;
    font-style: italic;
}

.bg-green {
    background-color: #5BC2A5;
}

.bg-yellow {
    background-color: #F9EFBA;
}

.bg-blue {
    background-color: #24A9E1;
}

.bg-pink {
    background-color: #EF5D68;
}

.btn {
    cursor: pointer;
    border: none;
    display: inline-block;
    background: #22637F;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    padding: 5px 35px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.btn::before {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.btn.delete {
    font-size: 18px;
    background: #839AAE;
    padding: 11px 42px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #839AAE;
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.btns-list-group.btns-list-group_single .btn {
    margin-bottom: 0;
}

.btn.delete::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/svg/delete.svg) 50% 50% no-repeat;
    margin-right: 15px;
    width: 16px;
    height: 19px;
}

.search-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/svg/listing-search.svg) 50% 50% no-repeat;
    margin-right: 15px;
    width: 16px;
    height: 19px;
}

.btn.delete:hover {
    background-color: #51677B;
    border-color: #3C4E5D;
}

.btn.green-btn {
    background: #6FC3AD;
    border: 1px solid #6FC3AD;
    padding: 11px 15px;
}

.btn.green-btn:hover {
    background: #3C907A;
    border: 1px solid #357E6A;
}

.list-green-pick {
    text-decoration: none;
}

.list-green-pick span {
    display: inline-block;
    vertical-align: middle;
    height: 40px;
    min-width: 40px;
    padding: 0 5px;
    background: #9CC31A;
    line-height: 40px;
    color: #F4EDC3;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.list-green-pick:hover span {
    background: #769414;
    color: #fff;
}

.listing-grid-col-wrap.list-green-pick span {
    text-decoration: none;
}

/*ЗАГРУЗКА*/
.standby-screen {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
}

.standby-creen-center {
    background: #F2F2F3;
    border: 2px solid #658ca5;
    width: 122px;
    height: 122px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -61px 0 0 -61px;
}

.standby-creen-center::before {
    content: '';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.standby-creen-center img {
    vertical-align: middle;
}

/*ОПОВЕЩЕНИЕ*/
.attention {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2999;
}

.attention ~ .attention {
    background: none;
}

.attention__wrap {
    width: 100%;
    text-align: center;
    position: relative;
}

.attention__close {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -44px;
    background: #333d45;
    color: #fff;
    border: 2px solid #fff;
    border-right: 0;
    font-size: 24px;
    font-weight: 600;
    line-height: 40px;
    height: 40px;
    width: 40px;
    border-top-left-radius: 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.attention__close:hover {
    background: #fff;
    color: #333d45;
    border-color: #333d45;
}

.attention__close_error {
    background: #c73d42;
}

.attention__close_error:hover {
    color: #c73d42;
    border-color: #c73d42;
}

.attention__close_success {
    background: #7AB4D1;
}

.attention__close_success:hover {
    color: #7AB4D1;
    border-color: #7AB4D1;
}

.attention__block {
    background: #333d45;
    padding-bottom: 25px;
}

.attention__block_error {
    background: #c73d42;
}

.attention__block_success {
    background: #7AB4D1;
}

.attention__title {
    font-size: 30px;
    line-height: 1;
    padding: 35px 10px 10px;
    text-transform: uppercase;
    color: #fff;
}

.attention__title::before {
    content: '';
    display: inline-block;
    background: no-repeat 50% 0;
    background-size: contain;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.attention__title_success::before {
    background-image: url(images/svg/success_color-white.svg);
}

.attention__title_error::before {
    background-image: url(images/svg/error_color-white.svg);
}

.attention__message {
    color: #fff;
    margin: 0 auto;
    border-top: 2px solid #fff;
    max-width: 90%;
    padding-top: 5px;
}

.message__item {
    margin-top: 12px;
}

.message__item_error::before {
    content: '';
    display: inline-block;
    background: no-repeat 50% 0;
    background-size: contain;
    vertical-align: middle;
    width: 13px;
    height: 15px;
    margin-right: 6px;
    margin-bottom: 5px;
}

.message__item_error::before {
    background-image: url(images/svg/error_color-white.svg);
}

/* end оповещение */
/*ТАБЫ--------------------------*/
.tabPage {
    display: none;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.tabPage.active {
    display: block;
    opacity: 1;
    visibility: visible;
}

/*ШАПКА САЙТА-----------------------------------------------------------*/
.header {
    background: #3C86AC;
}

/*кнопка МЕНЮ для мобильной версии*/
.head-menu-btn {
    display: none;
    padding-top: 2px;
    width: 97px;
    color: #fff;
    letter-spacing: 5px;
    text-align: center;
    float: left;
    position: relative;
    height: 92px;
    background: #3C86AD url(images/svg/mobile-logo.svg) 50% 72% no-repeat;
    background-size: 75%;
    z-index: 2;
    position: relative;
    z-index: 99;
    cursor: pointer;
}

.head-menu-btn.active {
    background-color: #22637F;
}

/*КНОПКИ ПЕРЕЙТИ НА САЙТ____*/
.head-fst-col {
    padding: 5px 7px;
    float: left;
    position: relative;
    z-index: 104;
}

.head-fst-btns {
    display: block;
}

.head-fst-btns.top {
    margin-bottom: 5px;
}

.head-fst-btn {
    width: 42px;
    height: 38px;
    float: left;
    text-align: center;
    background: #94B8D2;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
}

.head-fst-btn img {
    -webkit-transition: 1.5s;
    transition: 1.5s;
}

.head-fst-btn::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-right: 11px solid #216280;
    border-bottom: 13px solid transparent;
    -webkit-transition: .2s;
    transition: .2s;
}

.head-fst-btns:hover .head-fst-btn {
    background: #216280;
}

.head-fst-btns:hover .head-fst-btn img {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.head-fst-btns:hover .head-fst-btn::after {
    border-right-color: #94B8D2;
}

.head-fst-btn-text {
    height: 38px;
    width: 78px;
    padding-left: 47px;
    font-size: 8px;
    line-height: 1.4;
    color: #fff;
    letter-spacing: 0.2px;
}

/*ЛОГО В ШАПКЕ*/
.head-logo-main {
    display: block;
    font-size: 0;
    background: url(images/logo-header.png);
    background-size: auto 100%;
    width: 311px;
    float: left;
    position: relative;
    height: 93px;
    left: -120px;
    margin-right: -120px;
    z-index: 3;
}

.head-logo-main img {
    position: absolute;
    left: 119px;
    top: 8px;
    width: 190px;
}

.head-logo-main img.mobile-logo-img {
    display: none;
    width: 115px;
    top: 36px;
    left: 105px;
}

.head-logo-main::after {
    content: 'Современная система управления сайтами';
    display: inline-block;
    color: #fff;
    font-size: 7px;
    letter-spacing: 0.7px;
    text-align: center;
    margin: 56px 10px 0 184px;
    line-height: 1.2;
    text-transform: uppercase;
}

/*ЛЕВЫЙ БЛОК ШАПКИ------------------------------------------------------------*/
.head-left-block {
    float: left;
    margin-left: -330px;
    position: relative;
    left: 330px;
    padding-right: 330px;
}

/*ПРАВЫЙ БЛОК ШАПКИ------------------------------------------------------------*/
/*верхняя часть*/
/*Оповещения*/
.head-alert-btn {
    cursor: pointer;
    display: none;
    position: absolute;
    z-index: 99;
    left: 230px;
    min-width: 23px;
    height: 22px;
    background: #20627F url(images/svg/head-alerts-icon.svg) no-repeat 5px 50%;
}

.head-alert-btn span {
    color: #20627F;
    border-radius: 50%;
    display: inline-block;
    height: 15px;
    line-height: 15px;
    width: 15px;
    font-size: 8px;
    font-weight: 800;
    text-align: center;
    margin-left: 14px;
    background: #fff;
    margin-right: 3px;
}

.head-alert-btn:hover + .head-alerts, .head-alerts:hover {
    display: block;
}

.head-alerts {
    float: left;
    text-align: right;
    margin: 10px 20px 0;
    vertical-align: top;
    white-space: nowrap;
    position: relative;
    z-index: 1000;
}

.head-alert {
    display: inline-block;
    position: relative;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.head-alert .head-alert-icon {
    display: inline-block;
    width: 19px;
    height: 18px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.head-alert.system .head-alert-icon {
    background-image: url(images/svg/head-system-icon.svg);
}

.head-alert.order .head-alert-icon {
    background-image: url(images/svg/head-order-icon.svg);
}

.head-alert.mail .head-alert-icon {
    background-image: url(images/svg/head-mail-icon.svg);
}

.head-alert.protection .head-alert-icon {
    background-image: url(images/svg/head-protection-icon.svg);
}

.head-alert-number {
    position: relative;
    left: -6px;
    top: -4px;
}

.head-alert-hide {
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: #F3F3F5;
    position: absolute;
    z-index: 102;
    top: 27px;
    padding: 1px 5px;
    white-space: nowrap;
    -webkit-transition: .2s;
    transition: .2s;
}

.head-alert:hover .head-alert-hide {
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

/*новая версия*/
.head-new-version {
    float: left;
    vertical-align: top;
    margin-top: 9px;
    position: relative;
    z-index: 2;
}

.head-new-version-new {
    font-size: 8px;
    font-weight: 600;
    font-style: italic;
    background: #FEC41B;
    color: #244554;
    padding: 2px 7px;
    display: block;
    float: left;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.head-new-version-text {
    background: #E0E5EB;
    color: #123C52;
    font-size: 13px;
    padding: 3px 4px 1px;
    letter-spacing: 1px;
    display: block;
    float: left;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.head-new-version:hover .head-new-version-text {
    background: #FEC41B;
    color: #244554;
}

.head-new-version-text.hide {
    display: none;
}

.head-new-version:hover .head-new-version-new {
    background: #E0E5EB;
    color: #123C52;
}

/*кнопки в верхней части хедера*/
.head-btns-block {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    text-align: right;
}

.head-btns-block-left {
    display: inline;
    position: relative;
    z-index: 2;
}

.head-btns-block-right {
    display: inline;
    position: relative;
    z-index: 2;
}

.head-btn {
    position: relative;
    display: inline-block;
    background-color: #22637F;
    background-position: right 0 bottom 0;
    background-repeat: no-repeat;
    height: 37px;
    width: 37px;
    border: 0;
    cursor: pointer;
}

.head-btn img {
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0.6;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.head-btn:hover img {
    opacity: 1;
}

.head-btns-block > div > *:hover img {
    opacity: 1;
}

.head-btn.question {
    margin: 0 10px;
}

/*ссылка с кнопкой*/
.head-link-text {
    background: #B5CDD7;
    max-width: 81px;
    display: inline-block;
    line-height: 1.2;
    vertical-align: top;
    height: 37px;
    text-align: center;
    padding: 0px 12px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    overflow: hidden;
}

.head-link-block.info .head-link-text, .head-link-block.question .head-link-text {
    display: none;
}

.head-link-text:hover {
    background-color: #E8E8E8;
}

.head-link-block {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    font-size: 0;
    text-transform: uppercase;
}

.head-link-block a {
    text-decoration: none;
    color: #216481;
}

.head-link-block a > * {
    font-size: 12px;
    letter-spacing: -0.5px;
}

.head-link-block:hover .head-link-text, .head-search:hover .head-search-input, .head-languages:hover .fix-select-sl {
    background-color: #E8E8E8;
}

/*поиск в хедере*/
.head-search {
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    font-size: 0;
}

.head-search-input {
    width: 120px;
    background-color: #fff;
    display: inline-block;
    vertical-align: top;
    height: 37px;
    border: 0;
    padding-left: 10px;
    font-size: 12px;
    letter-spacing: 0px;
    -webkit-transition: .2s;
    transition: .2s;
}

.head-search-input[value=''] {
    background-color: #B5CDD9;
}

.head-search-input:hover {
    background-color: #E8E8E8;
}

.head-search-input:focus {
    background: #fff;
}

.head-search-input::-webkit-input-placeholder {
    color: #22627E;
    font-family: 'MyriadPro', sans-serif;
    text-transform: uppercase;
}

.head-search-input::-moz-placeholder {
    color: #22627E;
    font-family: 'MyriadPro', sans-serif;
    padding-left: 10px;
    text-transform: uppercase;
}

/* Firefox 19+ */
.head-search-input:-moz-placeholder {
    color: #22627E;
    font-family: 'MyriadPro', sans-serif;
    padding-left: 10px;
    text-transform: uppercase;
}

/* Firefox 18- */
.head-search-input:-ms-input-placeholder {
    color: #22627E;
    font-family: 'MyriadPro', sans-serif;
    padding-left: 10px;
    text-transform: uppercase;
}

.head-search-input:focus::-webkit-input-placeholder {
    color: #5BC2A7;
    text-transform: none;
}

.head-search-input:focus::-moz-placeholder {
    color: #5BC2A7;
    text-transform: none;
}

/* Firefox 19+ */
.head-search-input:focus:-moz-placeholder {
    color: #5BC2A7;
    text-transform: none;
}

/* Firefox 18- */
.head-search-input:focus:-ms-input-placeholder {
    color: #5BC2A7;
    text-transform: none;
}

/*переключение языков*/
.head-languages {
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.fix-select {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    overflow: hidden;
}

.fix-select-sl {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    background: transparent;
    border: 0;
    height: 37px;
    background: #B5CDD7;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    letter-spacing: 0px;
    color: #216481;
    width: 55px;
    padding-left: 8px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.fix-select-sl:hover {
    background: #E8E8E8;
}

/*техническая поддержка*/
.head-support {
    display: inline-block;
    vertical-align: top;
}

.head-support-link {
    text-decoration: none;
    color: #216481;
}

.head-support-text {
    background: #B5CDD7;
    display: inline-block;
    vertical-align: top;
    height: 37px;
    line-height: 40px;
    padding: 0px 12px;
}

/*триальная версия*/
.head-trial-version {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
    background: #fff;
    height: 31px;
    padding: 3px;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
}

.head-trial-version.hide {
    height: 31px !important;
    margin-left: 0;
    padding: 3px 0;
    background: #ffffff;
}

.head-trial-version-left {
    float: left;
    width: 98px;
    letter-spacing: 0.1px;
    height: 31px;
    border-right: 2px solid #D7E4EC;
}

.head-trial-version-left-text {
    font-size: 9px;
    line-height: 0.8;
    text-align: center;
}

.head-trial-version-left-days {
    font-size: 14px;
    text-align: center;
    line-height: 1.2;
    padding: 2px;
}

.head-trial-version-left-days span {
    color: #5DC1A7;
}

.head-trial-version-right {
    float: left;
    height: 31px;
    line-height: 31px;
    padding: 0 10px;
    max-width: 150px;
}

.head-trial-version-btn {
    font-size: 10px;
    text-decoration: none;
    color: #000100;
    background: #5AC1A6;
    padding: 5px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    margin-left: 4px;
}

.head-trial-version-btn:hover {
    opacity: 0.9;
    color: #F3F3F5;
}

/*информация о лицензии*/
.head-license-information {
    width: 10px;
    height: 37px;
    display: inline-block;
}

/*-----------------нижняя часть шапки----------------------------------*/
.head-right-block-bot {
    padding: 7px 0 5px 10px;
    margin-left: 330px;
    border-top: 3px solid #345D7D;
    background: #396487;
}

.main-menu {
    font-size: 0;
}

/*ГЛАВНОЕ МЕНЮ*/
ul.main-menu::after {
    content: '';
    display: inline-block;
    height: 29px;
    border-top: 6px solid #87A6C5;
    border-bottom: 6px solid #113E53;
    position: absolute;
    right: 0;
    left: 100px;
}

.main-menu > li {
    display: inline-block;
    border-right: 1px solid #017FB2;
    position: relative;
    z-index: 999;
}

.main-menu > li:hover ~ li {
    z-index: 990;
}

.main-menu > li > a {
    text-decoration: none;
    color: #B1CFDA;
    display: block;
    border-top: 6px solid #92AEC4;
    font-size: 12px;
    border-bottom: 6px solid #113E53;
    letter-spacing: 1px;
    padding: 5px 12px;
    min-width: 100px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    z-index: 99;
}

.main-menu > li > a:hover {
    border-top-color: #5A7085;
    background: #0B4668;
    border-bottom-color: #062738;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
}

.main-menu > li > a.active {
    border-bottom: 5px;
}

.main-menu > li:hover > .main-menu-lvl2 {
    z-index: 100;
    margin-top: 40px;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}

.main-menu-lvl2 {
    text-align: left;
    margin-top: 80px;
    visibility: hidden;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 550px;
    padding: 5px;
    top: 0;
    position: absolute;
    background: rgba(181, 205, 217, 1);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.main-menu-lvl2.one-col {
    width: 250px;
}

.main-menu-lvl2 > li {
    float: left;
    width: 48%;
    margin: 2px 1%;
}

.main-menu-lvl2.one-col > li {
    width: 100%;
    margin: 2px 0;
}

.main-menu-lvl2 > li > a {
    display: block;
    letter-spacing: 0.09em;
    font-size: 11px;
    font-weight: 500;
    text-decoration: none;
    text-transform: uppercase;
    color: #040404;
    background: #E7E8EA;
    padding: 5px 3px 3px 10px;
    -webkit-transition: background-color, color 0.2s;
    transition: background-color, color 0.2s;
}

.main-menu-lvl2 > li > a:hover, li.active > .main-menu-lvl2 > li > a:hover, li.active > .main-menu-lvl2 > li > a:active {
    background: -webkit-linear-gradient(135deg, transparent 49.9%, #D2E5E1 49.9%, #D2E5E1 60%, transparent 60%),
    -webkit-linear-gradient(135deg, #D2E5E1 10%, transparent 10%);
    background: linear-gradient(-45deg, transparent 49.9%, #D2E5E1 49.9%, #D2E5E1 60%, transparent 60%),
    linear-gradient(-45deg, #D2E5E1 10%, transparent 10%);
    background-size: 0.75em 0.75em;
    background-color: #EEEFF1;
    color: #0A5A43;
}

/*МОБИЛЬНОЕ МЕНЮ*/
.main-menu.mobile::after, .main-menu.mobile::before {
    display: none;
}

.main-menu.mobile > li {
    display: block;
    border-left: none !important;
    border-right: none !important;
    padding-bottom: 15px;
    background: #F3F3F5;
    text-align: left;
    border-bottom: 2px solid #B5CDD9;
}

.main-menu.mobile > li.active {
    padding-bottom: 0;
}

.main-menu.mobile > li:hover .main-menu-lvl2 {
    display: none;
}

.main-menu.mobile > li.active:hover .main-menu-lvl2 {
    display: block;
    margin-top: 10px;
}

.main-menu.mobile > li > a {
    background: #F3F3F5;
    color: #21647E;
    border: none;
    font-size: 20px;
    height: 57px;
    padding: 0;
    display: block;
    vertical-align: top;
    text-align: left;
}

.main-menu.mobile > li > a > span {
    padding-left: 72px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.2;
}

.main-menu.mobile > li > a::after {
    content: '';
    background-image: url(images/right-icon-project.png);
    width: 57px;
    height: 57px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
}

.main-menu.mobile > li.project > a::after {
    background-image: url(images/svg/right-icon-project.svg);
}

.main-menu.mobile > li.marketing > a::after {
    background-image: url(images/svg/right-icon-marketing.svg);
}

.main-menu.mobile > li.profiles > a::after {
    background-image: url(images/svg/right-icon-profiles.svg);
}

.main-menu.mobile > li.feedback > a::after {
    background-image: url(images/svg/right-icon-feedback.svg);
}

.main-menu.mobile > li.online-store > a::after {
    background-image: url(images/svg/right-icon-online-store.svg);
}

.main-menu.mobile > li.import-export > a::after {
    background-image: url(images/svg/right-icon-import-export.svg);
}

.main-menu.mobile > li.performance > a::after {
    background-image: url(images/svg/right-icon-performance.svg);
}

.main-menu.mobile > li.security > a::after {
    background-image: url(images/svg/right-icon-security.svg);
}

.main-menu.mobile > li.active > a {
    color: #fff;
    background: #22637F;
}

.main-menu.mobile > li.project.active > a {
    background: #5BC2A7;
}

.main-menu.mobile > li.marketing.active > a {
    background: #A7D168;
}

.main-menu.mobile > li.profiles.active > a {
    background: #99A3A3;
}

.main-menu.mobile > li.feedback.active > a {
    background: #F89C3A;
}

.main-menu.mobile > li.online-store.active > a {
    background: #28AAE1;
}

.main-menu.mobile > li.import-export.active > a {
    background: #F36D53;
}

.main-menu.mobile > li.performance.active > a {
    background: #F36D53;
}

.main-menu.mobile > li.security.active > a {
    background: #97C5EA;
}

li.active > .main-menu-lvl2 {
    width: auto;
    display: block;
    position: static;
    visibility: visible;
    margin: 10px 0 0;
    opacity: 1;
    -ms-: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    padding: 0;
    background: transparent;
}

li.active > .main-menu-lvl2 > li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

li.active > .main-menu-lvl2 > li > a {
    color: #226381;
    background: #B5CDD9;
    border-bottom: 1px solid #C4D6E0;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 10px 10px 40px;
}

li.active > .main-menu-lvl2 > li:last-child > a {
    border-bottom: none;
}

li.active > .main-menu-lvl2 > li > a:hover, li.active > .main-menu-lvl2 > li > a:active {
    color: #226381;
}

/*КНОПКИ УПРАВЛЕНИЯ ЛЕВЫМ ПРАВЫМ БЛОКОМ В МОБИЛЬНОЙ ВЕРСИИ*/
.switching-btn {
    display: none;
    float: left;
    background: #3C86AD;
    color: #fff;
    width: 50%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.switching-btn:hover, .switching-btn.active {
    background: #245A76;
}

/*--------------------->>ОСНОВНОЙ КОНТЕНТ<<-----------------------------------------------*/
/*BREADCRUMBS*/
.breadcrumbs {
    margin: 10px 10px 5px;
    float: left;
}

.bc-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 14px;
    text-transform: uppercase;
    color: #226381;
    border-bottom: 1px solid #EAF2F5;
    display: inline-block;
    box-shadow: 0 1px 0 #C7DAE1;
}

/*ИКОНКА ПОЛЬЗОВАТЕЛЯ*/
.wrap-head-user {
    float: right;
}

.wrap-head-user img {
    float: left;
}

.wrap-head-user a {
    text-decoration: none;
    float: left;
}

.wh-user-exit {
    height: 33px;
    line-height: 33px;
    background: #D1D2D4;
    font-size: 10px;
    padding: 0 5px;
    border-left: 2px solid #B5CDD9;
    color: #58585A;
}

.wh-user-exit span {
    font-size: 18px;
    vertical-align: middle;
    font-family: sans-serif;
    color: #22637F;
}

.wrap-head-user div {
    display: block;
    text-decoration: none;
    background: #D1D2D4;
    color: #58585A;
    padding: 5px 43px 3px;
    -webkit-transition: 0.15s;
    transition: 0.15s;
    height: 25px;
}

.wrap-head-user a:hover div, .wh-user-exit:hover, .wh-user-exit:hover span {
    background: #58585A;
    color: #D1D2D4;
}

.wrap-head-user div span {
    line-height: 1;
    display: block;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/*-------верхний блок в контенте---------*/
.wrap-head {
    position: relative;
    background: #B5CDD9;
}

/*-----ЛЕВЫЙ БЛОК-----*/
/*секции в левом блоке*/
.left-sect-head {
    background: #E7E8EA;
    border-bottom: 3px solid #B5CDD9;
    color: #216481;
    cursor: pointer;
    -webkit-transition: color, background 0.2s;
    transition: color, background 0.2s;
}

.always_active .left-sect-head:hover {
    background: #E7E8EA;
    color: #216481;
}

.statistic-aside-left .always_active .left-sect-title:hover {
    color: #216481;
}

.always_active .left-sect-head {
    cursor: default;
}

.left-sect-head:hover {
    background: #829BAF;
    color: #FFFEFF;
}

.left-sect-head:hover a {
    background: #829BAF;
    color: #FFFEFF;
}

.left-section.active .left-sect-head, .left-section.active a {
    background: #829BAF;
    color: #FFFEFF;
}

/*иконки у названий блоков*/
.left-icon {
    width: 60px;
    height: 60px;
    float: left;
    background-color: #829BAF;
    border-right: 1px solid #829BAF;
    position: relative;
    margin-left: -61px;
    left: 61px;
}

.always_active .left-icon {
    background: #7B8BA2;
}

.left-sect-head:hover .left-icon, .left-section.active .left-icon {
    border-right-color: #A7BFCB;
}

.left-icon .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}

.always_active .left-icon .icon {
    opacity: 1;
}

.left-sect-head:hover .left-icon .icon, .left-sect-head.active .left-icon .icon, .left-section.active .left-icon .icon {
    opacity: 1;
}

/*заголовок блока*/
.left-sect-title {
    float: left;
    height: 60px;
    text-transform: uppercase;
    font-size: 16px;
    font-size: 0.8vw;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: 0.2px;
    width: 100%;
}

.left-sect-title span {
    width: 100%;
    padding: 0 55px 0 70px;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.left-sect-title:hover .left-icon {
    opacity: 1;
}

.left-info-circle {
    float: right;
    width: 45px;
    height: 60px;
    position: relative;
    margin-right: -45px;
    right: 45px;
}

/* Раньше этот блок был круглым, теперь нет */
#content-left.active .left-info-circle {
    z-index: 100;
    top: 0;
    height: 25px;
    width: auto;
    line-height: 25px;
    background-color: #B8D0E1;
    padding: 0;
}

.left-info-circle span {
    background: #B8D0E1;
    border-radius: 50%;
    font-size: 10px;
    font-style: italic;
    width: 24px;
    height: 24px;
    line-height: 25px;
    text-align: center;
}

#content-left.active .left-info-circle span {
    border-radius: 0;
    font-style: normal;
    width: auto;
    padding: 0 .5em;
}
/* фиксы интервалов на виджетах */

#content-left.active span.positioned_main_min {
    z-index: 100;
    top: 0;
    height: 25px;
    line-height: 25px;
    background-color: #B8D0E1;
    padding: 0 .5em;
}

/* конец фиксов интервалов */

.left-info-circle.green-arrow::after {
    content: url(images/green-arrow.png);
    position: absolute;
    top: 19px;
    left: 26px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.main-left.active .left-section .left-info-circle.green-arrow::after, .left-section.active .left-info-circle.green-arrow::after, .left-sect-head:hover .left-info-circle.green-arrow::after {
    content: url(images/white-arrow.png);
}

/*-----ЛЕВЫЙ БЛОК-----*/
.main-left {
    padding-right: 31px;
    background-color: #E7E8EA;
    width: 20%;
    float: left;
    position: relative;
    box-sizing: border-box;
    max-width: 350px;
    overflow-x: hidden;
}

.main-left::before {
    content: '';
    position: absolute;
    background: #819AAE;
    left: 0;
    width: 61px;
    bottom: 0;
    top: 0;
}

.left-section {
    position: relative;
    z-index: 2;
}

.main-left.non-active-content {
    width: 20%;
}

.main-left.active {
    width: 80%;
}

.main-left.active::before {
    content: none;
}

.main-left .left-active-btn {
    cursor: pointer;
    opacity: 0.6;
    width: 22px;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background: #95BCCF url(images/to-right-btn.png) 50% 10% no-repeat;
    border-left: 9px solid #6B89A5;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.main-left .left-active-btn:hover {
    opacity: 1;
    background-color: #B5CDD9;
}

/*блок с информацией (графики, таблицы)*/
.left-sect-content {
    height: 0;
    position: relative;
    z-index: -2;
    padding: 0;
    opacity: 0;
    background: #fff;
    overflow: hidden;
}

.left-section.active .left-sect-content, .always_active .left-sect-content {
    z-index: 0;
    padding: 7px;
    height: auto;
    opacity: 1;
}

.left-sect-content-first, .left-sect-content-second {
    width: 100%;
    float: none;
}

/*таблица статистики в левом блоке*/
.left-statistics-tbl {
    width: 100%;
    margin-bottom: 15px;
}

.left-statistics-tbl td {
    padding: 7px;
    font-size: 16px;
    color: #6D6E70;
    border: 2px solid #DCDDDF;
    word-break: break-word;
    width: 10%;
}

.main-left.active .left-statistics-tbl td {
    font-size: 18px;
}

.left-statistics-tbl tr:nth-child(even) td {
    background: #F3F3F5;
}

/*--->ГРАФИКИ В ЛЕВОМ БЛОКЕ<---------*/
.left-sect-graph {
    overflow: hidden;
}

.left-sect-graph h4 {
    font-weight: 400;
    font-size: 16px;
    color: #6C6D6F;
}

/*блок с цифрами*/
.left-sect-content-numeric {
    background-color: #FFFDFF;
}

.left-sect-content-numeric.blue {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #73C9B0 52%, #73C9B0 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #73C9B0 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #73C9B0 52%, #73C9B0 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #73C9B0 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
    color: #21647F;
}

.left-sect-content-numeric.grey {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #C0C4C3 52%, #C0C4C3 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #C0C4C3 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #C0C4C3 52%, #C0C4C3 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #C0C4C3 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
    color: #6C6D71;
}

.left-sect-content-numeric-top h3 {
    font-size: 28px;
    font-size: 2vw;
    margin: 15px;
    float: left;
}

.gone-a-plus {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-size: 1.5vw;
    margin: 15px;
    float: right;
    font-weight: 300;
    font-style: italic;
    color: #12A89F;
}

.left-sect-content-numeric-bot {
    font-size: 64px;
    font-size: 5.5vw;
    font-weight: 800;
    margin: 40px 0px 15px 15px;
    height: 70px;
}

/*низ блока с сылкой*/
.left-sect-content-bot {
    float: none;
    clear: both;
    margin-top: 10px;
    border-top: 2px dashed #949597;
    padding: 10px 0;
}

.left-sect-content-bot a {
    color: #6E6D72;
    font-size: 20px;
    text-decoration: none;
    border-bottom: 1px solid;
    -webkit-transition: color 0.2s;
    transition: color 0.2s;
}

.left-sect-content-bot a:hover {
    color: #5BC2A7;
}

/*---------------ЕСЛИ АКТИВЕН ЛЕВЫЙ БЛОК--------------*/
.main-left.active {
    padding-right: 45px;
    padding-left: 10px;
    max-width: 80%;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    -o-column-gap: 10px;
    column-gap: 10px;
}

.main-left.active .left-active-btn {
    background: url(images/to-left-btn.png) 50% 10% no-repeat;
    border-left: none;
    border-right: 9px solid #6B89A5;
}

.main-left.active .left-section {
    width: 100%;
    display: inline-block;
    margin: 10px 0 0;
}

.main-left.active .left-sect-content {
    height: auto;
    z-index: 0;
    opacity: 1;
    padding: 7px;
}

.main-left.active .left-section:nth-child(2n) {
    margin-right: 0;
}

.main-left.active .left-sect-head {
    border-bottom: none;
    background: #829BAF;
    color: #FFFEFF;
}

.main-left.active .left-icon .icon {
    opacity: 1;
}

.main-left.active .left-sect-content-first {
    width: 48%;
    float: right;
    margin-bottom: 10px;
}

.main-left.active .left-sect-content-second {
    width: 48%;
    margin-bottom: 10px;
    float: left;
}

/*-----ПРАВЫЙ БЛОК-----*/
.main-right {
    width: 80%;
    float: left;
    background: #B5CDD9;
}

.main-right.non-active {
    width: 19%;
    margin-left: 1%;
}

/*секции правого блока*/
.right-section {
    overflow: hidden;
    width: 46%;
    min-height: 183px;
    float: left;
    position: relative;
    display: block;
    text-decoration: none;
    background-color: #F3F3F5;
    margin: 0 2% 25px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.right-sect-top {
    height: 113px;
    margin-bottom: 10px;
}

.right-sect-icon {
    float: left;
    position: relative;
    margin-left: -114px;
    left: 114px;
}

.right-sect-icon img {
    width: 57px;
    display: block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.right-sect-title {
    width: 100%;
    float: left;
    color: #226383;
    font-size: 24px;
    font-size: 1.9vw;
    line-height: 1.2;
    position: relative;
    z-index: 90;
}

.right-sect-title span {
    display: inline-block;
    padding: 20px 5px 5px 125px;
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-sect-descr {
    clear: both;
    color: #B5CDD7;
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0.2px;
    margin: 0 0 5px 20px;
    padding-right: 160px;
    position: relative;
    z-index: 2;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.right-sect-descr::before {
    content: '';
    display: block;
    position: absolute;
    top: -10px;
    left: 0;
    right: 180px;
    margin-bottom: 5px;
    height: 2px;
    background: #CADBE2;
}

.right-sect-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 154px;
    height: 141px;
    background-repeat: no-repeat;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.right-sect-img.online-store {
    background-image: url(images/right-img-online-store.png);
    background-position: 1px 16px;
}

.right-sect-img.performance {
    background-image: url(images/right-img-performance.png);
    background-position: 20px 16px;
}

.right-sect-img.project {
    background-image: url(images/right-img-project.png);
}

.right-sect-img.security {
    background-image: url(images/right-img-security.png);
    background-position: 18px 14px;
}

.right-sect-img.profiles {
    background-image: url(images/right-img-profiles.png);
    background-position: 11px 1px;
}

.right-sect-img.feedback {
    background-image: url(images/right-img-feedback.png);
    background-position: 9px 5px;
}

.right-sect-img.import-export {
    background-image: url(images/right-img-import-export.png);
    background-position: 20px 12px;
}

.right-sect-img.marketing {
    background-image: url(images/right-img-marketing.png);
    background-position: 26px 1px;
}

/*Альтернативное всплывание картинки*/
.fade-icon {
    opacity: -10;
    z-index: 80;
    right: -20px;
    bottom: -20px;
    background-position: right 0 bottom 0 !important;
    -webkit-transition-property: opacity, right, bottom;
    transition-property: opacity, right, bottom;
    -webkit-transition-duration: 0.7s, 0.3s, 0.3s;
    transition-duration: 0.7s, 0.3s, 0.3s;
}

.right-section:hover .fade-icon {
    right: 0;
    bottom: 0;
    opacity: 1;
}

/*ХОВЕР НА СЕКЦИЮ В ПРАВОМ БЛОКЕ*/
.right-section:hover {
    background-color: #fff;
}

.right-section.blue:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #7ABFE9 52%, #7ABFE9 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #7ABFE9 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #7ABFE9 52%, #7ABFE9 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #7ABFE9 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section.coral:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #F58C6F 52%, #F58C6F 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #F58C6F 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #F58C6F 52%, #F58C6F 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #F58C6F 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section.green:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #75C9AF 52%, #75C9AF 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #75C9AF 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #75C9AF 52%, #75C9AF 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #75C9AF 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section.cornflowerblue:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #B3D2EE 52%, #B3D2EE 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #B3D2EE 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #B3D2EE 52%, #B3D2EE 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #B3D2EE 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section.grey:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #B2B8B6 52%, #B2B8B6 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #B2B8B6 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #B2B8B6 52%, #B2B8B6 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #B2B8B6 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section.grey:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #B2B8B6 52%, #B2B8B6 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #B2B8B6 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #B2B8B6 52%, #B2B8B6 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #B2B8B6 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section.orange:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #FBB770 52%, #FBB770 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #FBB770 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #FBB770 52%, #FBB770 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #FBB770 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section.yellowgreen:hover .right-sect-top {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A9D26C 52%, #A9D26C 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #A9D26C 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A9D26C 52%, #A9D26C 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #A9D26C 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
}

.right-section:hover .right-sect-icon img {
    width: 114px;
}

.right-section:hover .right-sect-descr {
    color: #216385;
}

.right-section:hover .right-sect-descr::before {
    height: 1px;
    left: 133px;
    background-color: #5FB5E6;
    box-shadow: 0 -1px 0 #CEE5F7;
}

/*ЕСЛИ ПРАВЫЙ БЛОК НЕ АКТИВЕН*/
.main-right.non-active .right-section {
    width: 100%;
    float: none;
    min-height: auto;
    margin: 0 0 25px;
    overflow: hidden;
}

.main-right.non-active .right-section:hover {
    background: #F3F3F5;
}

.main-right.non-active .right-sect-top {
    height: auto;
    padding-bottom: 30px;
}

.main-right.non-active:hover .right-sect-top {
    background: transparent;
}

.main-right.non-active .right-sect-title {
    font-size: 18px;
    font-size: 1.11vw;
    min-height: 57px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.main-right.non-active .right-sect-title span {
    width: 96%;
    margin-left: 4%;
    padding: 0 5px 0 67px;
}

.main-right.non-active .right-sect-descr {
    display: none;
}

.main-right.non-active .right-sect-img {
    display: none;
}

.main-right.non-active .right-sect-icon {
    z-index: 3;
}

.main-right.non-active .right-section:hover .right-sect-icon img {
    width: 57px;
}

.main-right.non-active .right-section:hover .right-sect-title {
    color: #fff;
}

.main-right.non-active .right-section.blue:hover .right-sect-title {
    background: #28AAE1;
}

.main-right.non-active .right-section.coral:hover .right-sect-title {
    background: #F36D53;
}

.main-right.non-active .right-section.green:hover .right-sect-title {
    background: #5BC2A7;
}

.main-right.non-active .right-section.cornflowerblue:hover .right-sect-title {
    background: #97C5EA;
}

.main-right.non-active .right-section.grey:hover .right-sect-title {
    background: #99A3A3;
}

.main-right.non-active .right-section.orange:hover .right-sect-title {
    background: #F89C3A;
}

.main-right.non-active .right-section.yellowgreen:hover .right-sect-title {
    background: #A7D168;
}

/*_________________ГРАФИКИ-------------------------------------------*/
.left-sect-graph canvas {
    display: block;
    margin: 10px auto;
}

/*СОЗДАНИЕ НОВОЙ СТРАНИЦЫ -- РЕДАКТИРОВАНИЕ СТРАНИЦЫ*/

.colorpicker {
    z-index: 9999;
}

.stat-aside-left {
    width: 330px;
    float: left;
    margin-left: -330px;
    position: relative;
    left: 330px;
    background: #E6E6E8;
    padding: 25px;
    margin-top: 10px;
    box-sizing: border-box;
}

/*меню в левом сайдбаре*/
.tree {
    font-size: 15px;
    background: url(images/vert-dots.png) left top repeat-y;
}

.tree ul {
    margin-top: 10px;
}

.tree li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    background: url(images/goris-dots.png) 0 8px repeat-x;
}

.tree li.closed .plusminus, .tree li.opened .plusminus {
    cursor: pointer;
    display: inline-block;
    content: '';
    position: absolute;
    z-index: 3;
    left: -7.5px;
    top: 1px;
    width: 15px;
    height: 15px;
    background-image: url(images/plus-minus.png);
    background-position: 100% 0;
}

.tree li.opened > .plusminus {
    background-position: 0 0;
}

.tree li.opened::before {
    background-position: 0 0;
}

.tree .closed ul {
    display: none;
}

.tree .item {
    position: relative;
    background: #E6E6E8;
    padding: 0 5px;
}

.tree .item a {
    text-decoration: none;
}

.tree .item a b {
    font-weight: 500;
}

.tree .item.disabled a {
    color: #989898;
}

.tree .item span {
    position: relative;
    z-index: 2;
    max-width: 100%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}

.menuHint {
    position: absolute !important;
    color: #fff;
    background: #00A1D8;
    opacity: 0.85;
    text-align: center;
    padding: 10px;
    bottom: 41px;
    overflow: visible !important;
}

.menuHint::after {
    content: '';
    display: inline-block;
    position: absolute;
    bottom: -25px;
    left: 20px;
    width: 0;
    height: 0;
    border-top: 25px solid #00A1D8;
    border-right: 25px solid transparent;
}

.goods.edit {
    background-image: url('../images/svg/good.svg');
    background-repeat: no-repeat;
    color: #469DCA;
    background-position-y: 12px;
}

.goods.edit span {
    margin-left: 20px;
}

.tree .item:hover a, .tree .item.active a {
    color: #fff;
}

.tree .item::before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -5px;
    bottom: -5px;
    background: transparent;
    opacity: 0.5;
    left: -100%;
    right: -10px;
    z-index: 1;
}

.tree .item:hover::before, .tree .item.active::before {
    background: #113E53;
}

.tree .item div {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    right: -58px;
    top: -5px;
    bottom: -5px;
    display: inline-block;
    z-index: 2;
    position: absolute;
    font-size: 0;
    width: 48px;
}

.tree li .item:hover > div {
    opacity: 1;
    visibility: visible;
}

.tree .item div a {
    display: inline-block;
    background-color: #33627C;
    background-image: url(images/edit-page-icons.png);
    background-position: 4px 50%;
    background-repeat: no-repeat;
    width: 18px;
    height: 100%;
    padding: 0 3px;
    float: left;
}

.tree .item div a:hover, .tree .item.acitve div a {
    background-color: #113e53;
}

.tree .item div a.add {
    background-position: -25px 50%;
}

.tree .item div a.list {
    background-image: url(images/svg/cat-list-goods.svg);
    background-position: 0px 48%;
}

.tree .item div a.history {
    background-position: -47px 50%;
    width: 28px;
}

/*правый блок редактирования страницы*/
.edit-page {
    padding-right: 30px;
}

.pages-right-content {
    padding-left: 380px;
    float: right;
    width: 100%;
    box-sizing: border-box;
    position: relative;
}

.statistic-page {
    padding-right: 15px;
}

h1 {
    font-size: 30px;
    text-transform: uppercase;
    color: #2E627E;
    margin-top: 10px;
    line-height: 1.2;
}

h1 span {
    color: #2F9CCC;
}

.listing-page h1 {
    margin-bottom: 20px;
}

.second-main-header {
    font-size: 22px;
    padding-left: 20px;
    font-weight: 500;
    text-transform: uppercase;
    color: #f7f7f7;
    text-shadow: 1px 1px 2px #113e53;
    margin-top: 10px;
    line-height: 1.2;
}

/*УВЕДОМЛЕНИЕ ОПОВЕЩЕНИЕ*/
.attention-info {
    margin: 10px 20px 15px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #6293AF;
}

.attention-info header {
    font-size: 18px;
    text-align: center;
    padding: 20px 5px;
    color: #375B71;
    border: 1px solid #D6E0E6;
    background: #F1F5DC;
    position: relative;
}

.attention-info header::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 25px solid #F1F5DC;
    border-right: 30px solid transparent;
    bottom: -24px;
    right: 10%;
}

.attention-info.page-block {
    margin: 20px;
    border-bottom: none;
}

.attention-info.page-block header {
    font-size: 24px;
    padding: 40px 5px;
    border: 1px solid #D6E0E6;
    background: -webkit-linear-gradient(rgba(1, 1, 1, 0.06) 50%, transparent 50%);
    background: linear-gradient(rgba(1, 1, 1, 0.06) 50%, transparent 50%);
    background-size: 7px 3px;
    background-color: #F1F5DC;
}

.attention-info.page-block header::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(images/svg/no-access.svg) no-repeat 50% 50%;
    background-size: 100%;
    vertical-align: middle;
    margin-right: 20px;
    margin-bottom: 3px;
}

.attention-info.page-block header::after {
    content: none;
}

.turn-the-page {
    display: block;
    max-width: 220px;
    box-sizing: border-box;
    text-align: center;
    margin: 15px auto 0;
    background: #5FB79E;
    border: 1px solid #5FB79E;
    padding: 13px;
}

.turn-the-page:hover {
    background: #377B68;
    border: 1px solid #28584A;
}

/*кнопки*/
.ep-btns {
    margin-top: 30px;
}

.save-btn {
    float: left;
}

.save-btn.bottom {
    float: left;
    border-top: 2px solid #D8E5EA;
    float: none;
    padding-top: 15px;
}

.save-btn button {
    cursor: pointer;
    border: none;
    display: inline-block;
    margin-bottom: 10px;
    background: #6FC3AD;
    border: 1px solid #6FC3AD;
    padding: 2px 42px;
    font-size: 18px;
    height: 44px;
    line-height: 41px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.save-btn button::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(images/save-icon.png) no-repeat;
    background-position: 0 -27px;
    position: relative;
    top: 4px;
    margin-right: 15px;
}

.save-btn button:hover {
    background: #3C907A;
    border: 1px solid #357E6A;
}

.tabs-btns {
    margin-left: 340px;
    margin-bottom: 7px;
    overflow: hidden;
}

.tabs-btns::after {
    content: '';
    display: block;
    height: 2px;
    background: #E5ECEF;
    position: relative;
    visibility: visible;
    top: 5px;
    margin-bottom: 15px;
}

.tabs-btns > .tab_btn {
    background: #4083A8;
    display: block;
    position: relative;
    float: left;
    text-decoration: none;
    color: #fff;
    height: 44px;
    width: 19%;
    text-align: center;
    max-width: 135px;
    padding: 0 0.5%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.tabs-btns > .tab_btn > a{
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding-top: 13px;
    outline: none;
}

.tabs-btns > .tab_btn::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -1.2px;
    z-index: 2;
    top: 3px;
    bottom: 3px;
    overflow: visible;
    width: 1px;
    background: #00A7C8;
    border-right: 1px solid #2B719E;
    opacity: 0.9;
}

.tabs-btns > .tab_btn:nth-of-type(5)::after {
    display: none;
}

 .tabs-btns > .tab_btn:hover, .tabs-btns > .ui-state-active {
     background: #375B71;
 }

.tabs-btns > .tab_btn:hover, .tabs-btns > .active {
    background: #375B71;
}

.ep-content-switching {
    height: 37px;
    padding-top: 10px;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.ep-content-switching-blk span {
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    color: #33627C;
    background: #B5CDD9;
    width: 93px;
    text-align: center;
    height: 37px;
    line-height: 37px;
}

.ep-content-switching-blk span.active {
    background: #33627C;
    color: #fff;
}

/*----------------*/
.ep-gallery .el .delete {
    display: inline-block;
    min-height: 16px;
    line-height: 16px;
    vertical-align: middle;
    padding-left: 20px !important;
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-clip: border-box;
}

.ep-gallery .el {
    display: block;
    float: left;
    width: 230px;
    height: 200px;
    text-align: center;
    margin: 10px 10px 0 0;
    overflow: hidden;
    position: relative;
    background: #DEE7ED;
    border-radius: 10px;
}

.ep-gallery .el .edit {
    display: none;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #007c9a;
    opacity: 0.7;
    background-image: url(http://www.ace-events.ru/admin/static/images/icons/white/pencil_big.png);
    cursor: pointer;
    background-repeat: no-repeat;
}

.ep-gallery .el:hover .edit {
    display: block;
}

.ep-gallery .el .edit .delete {
    position: absolute;
    right: 30px;
    bottom: 6px;
}

.ep-gallery .el .delete {
    cursor: pointer;
}

.ep-gallery .el .delete {
    background-image: url(../images/icons/delete.png);
}
#extra_fields .item_template{
    display:none;
}
.ep-gallery .el .edit .sortable_icon {
    position: absolute;
    right: 6px;
    top: 6px;
    background-image: url(http://www.ace-events.ru/admin/static/images/icons/white/sortable_big.png);
    width: 76px;
    height: 60px;
    background-repeat: no-repeat;
}

.ep-gallery .el .editing {
    display: none;
    text-align: left;
    font-size: 14px;
    padding: 10px;
}

.ep-gallery .el .editing .close {
    color: #f00;
    font-weight: bold;
    text-align: right;
    cursor: pointer;
    margin-bottom: 10px;
}

.ep-gallery .el input {
    width: 50%;
    margin-bottom: 5px;
    border: 1px solid #bbb;
    padding: 0 3px;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 3px;
    box-shadow: inset 0 2px 3px #ccc;
    height: 32px;
    line-height: 32px;
}

/*ТУЛБАР РЕДАКТОРА*/
.redactor-toolbar-wrap {
    position: relative;
}

.redactor-moving-wrap {
    position: absolute;
    z-index: 210;
    bottom: 0;
    left: 0;
    width: 100%;
    -webkit-transition: height 0.25s;
    transition: height 0.25s;
}

.redactor-moving-wrap.close {
    overflow: hidden !important;
}

.redactor-moving-wrap.open {
    overflow: visible !important;
}

.redactor-toolbar {
    background: #B5CDD9;
    position: relative;
    z-index: 250;
}

.redactor-moving-wrap.mobile {
    position: static;
}

.redactor-moving-wrap.mobile #redactorFixed, .redactor-moving-wrap.mobile .after {
    display: none;
}

.redactor-moving-wrap.close .redactor-toolbar {
    cursor: pointer;
    background-position: 100% 3px;
    background-repeat: no-repeat;
    background-size: auto 33px;
}

.redactor-moving-wrap .redactor-show-btn {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    height: 46px;
    width: 46px;
    background-image: url(images/svg/to-top-to-bot.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: 50% -87px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.redactor-moving-wrap.close .redactor-show-btn {
    display: none;
}

.redactor-toolbar .ep-rollup {
    float: right;
    background: url(images/svg/redactor/desktop-click.svg) no-repeat 50% 50%;
    background-color: #4083A8;
    background-size: auto 26px;
}

.mobile .redactor-toolbar .ep-rollup {
    background-image: url(images/svg/redactor/mobile-click.svg);
}

.open .redactor-toolbar .ep-rollup {
    background-image: url(images/svg/redactor/rollup.svg);
    background-color: #70C3AD;
}

/*РЕДАКТОР НА ПОЛНЫЙ ЭКРАН*/
#html {
    position: static;
    top: 400px;
    left: 250px;
    right: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.fullSizeRedactor {
    overflow: hidden;
}

.fullSizeRedactor .ep-rollup {
    display: none;
}

.fullSizeRedactor #html, .fullSizeRedactor .redactor-wrapper.ui-resizable {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 999;
}

.fullSizeRedactor .redactor-moving-wrap {
    position: static;
    height: auto !important;
}

.fullSizeRedactor .html-workplace {
    margin: 0;
}

.fullSizeRedactor .ace > div {
    margin-right: 0;
}

/*-----------*/
.redactor-toolbar button {
    display: inline-block;
    padding: 0;
    height: 32px;
    background-color: transparent;
    border: none;
    width: 36px;
    margin: 5px;
    background-repeat: no-repeat;
    background-position-y: 1px;
    cursor: pointer;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.redactor-moving-wrap #redactorFixed {
    background-image: url(images/svg/redactor/fixed.svg);
    background-position: -35px 50%;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: top;
}

.redactor-moving-wrap.fixed #redactorFixed {
    background-position: 1px 50%;
}

.redactor-toolbar button:hover {
    background-color: #89AFBC;
}

.redactor-toolbar button img, .redactor-icon img {
    height: 36px;
    margin-top: -2px;
    vertical-align: middle;
}

.redactor-icon {
    margin: 0 3px;
}

.toolbar-group {
    display: inline;
}

.toolbar-group:last-child {
    display: block;
}

.color-input {
    vertical-align: middle;
    width: 26px !important;
    border: 2px solid rgb(224, 226, 225);
    cursor: pointer;
    font-size: 0px;
    height: 14px;
    background: #000;
}

.toolbar-group select, .toolbar-group input {
    background: #E1E2E3;
    border: none;
    color: #35617A;
    font-size: 14px;
    padding: 2px 5px;
    margin-right: 8px;
}

.toolbar-group label, .inputtextgroup.grey_text .toolbar-group label {
    max-width: 100%;
    text-overflow: ellipsis;
    font-size: 14px;
    color: #33627C;
    font-weight: 500;
    padding-right: 15px;
    box-sizing: border-box;
}

.redactor-toolbar .toolbar-group:last-child label {
    white-space: nowrap;
    display: inline-block;
}

.ep-font-name .jq-selectbox__dropdown li:nth-child(2) {
    font-family: Verdana;
}

.ep-font-name .jq-selectbox__dropdown li:nth-child(3) {
    font-family: Arial;
}

.ep-font-name .jq-selectbox__dropdown li:nth-child(4) {
    font-family: "Times New Roman";
}

/*РЕДАКТИРОВАНИЕ ТЕКСТА\КОДА*/
.html-workplace {
    border: 2px solid #8BC2BA;
    background: #F1F1F1;
    border-radius: 3px;
    margin-top: 30px;
    box-sizing: border-box;
    width: 100%;
}

.jq-selectbox {
    max-width: 95% !important;
    margin-right: 5px;
}

.jq-selectbox__select-text {
    max-width: 100%;
}

.html-workplace.mobile {
    margin-top: 0;
}

.edit-page-iframe {
    min-height: 400px;
    resize: vertical;
    position: relative;
    z-index: 200;
}

.workplace-btns {
    float: left;
    width: 150px;
    margin: 15px;
}

.workplace-btn {
    width: 150px;
    display: inline-block;
    cursor: pointer;
    height: 40px;
    background: #00AA9F;
    color: #fff;
    margin-bottom: 5px;
    border-radius: 4px;
    line-height: 1;
    padding-left: 40px;
    background-position: 10px -69px;
    background-repeat: no-repeat;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    position: relative;
    overflow: hidden;
}

.workplace-btn.wpb-php {
    background-image: url(images/php-icon.png);
}

.workplace-btn span::before, .workplace-btn span::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #46CACD;
}

.workplace-btn span::after {
    top: auto;
    bottom: 0;
}

.workplace-btn.wpb-php span::after {
    background: #009989;
}

.workplace-btn.wpb-interactive span::after {
    background: #1894CC;
}

.workplace-btn.wpb-interactive span::before {
    background: #96C8E4;
}

.workplace-btn.wpb-php:hover {
    background-color: #fff;
    color: #00943D;
    background-position: 10px 9px;
}

.workplace-btn.wpb-interactive {
    background-image: url(images/interactive-icon.png);
    background-color: #0073BF;
    border-color: #0092CB;
    background-position: 10px -72px;
}

.workplace-btn.wpb-interactive:hover {
    background-color: #fff;
    color: #0073BF;
    background-position: 10px 11px;
}

.workplace-text-head {
    color: #89B1BC;
    font-size: 16px;
    padding: 20px 30px 20px 230px;
}

.ep-page-settings {
    margin: 20px 20px 0 0;
    background: #fff;
    padding: 0 15px;
    color: #38607A;
    font-size: 16px;
}

.ep-page-settings-blk {
    padding: 15px 0;
    border-bottom: 2px solid #EBF0F3;
}

.ep-page-settings-blk:last-child {
    border-bottom: none;
}

.ep-page-settings-title {
    margin-right: 50px;
}

.ep-page-settings input {
    border: 1px solid #88C9B8;
    padding: 6px 10px;
    background: #F1F1F1;
}

.ep-page-settings-blk.epsb-page-structure label {
    display: block;
    margin-bottom: 15px;
}

.ep-page-settings-blk.epsb-page-structure select {
    border: 1px solid #B1C9D4;
    background: #F1F1F1;
    padding: 6px 10px;
    color: #4083A8;
    max-width: 95%;
}

.ep-page-editban {
    position: relative;
    margin: 10px 20px 5px 0;
    padding: 0 0 10px 20px;
    font-size: 12px;
    color: #fff;
}

.ep-page-editban input {
    opacity: 0;
    position: absolute;
    cursor: pointer;
}

.ep-page-editban label {
    cursor: pointer;
}

.ep-page-editban label::before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background: #fff;
    margin-right: 15px;
    vertical-align: middle;
    font-size: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.ep-page-editban label span {
    vertical-align: middle;
}

.ep-page-editban input:checked + label::before {
    content: '✔';
    color: #33627C;
    font-size: 23px;
    line-height: 25px;
    text-align: center;
}

footer {
    margin: 100px 20px 30px -15px;
    padding: 20px 50px;
    font-size: 16px;
    text-align: right;
    color: #2E627C;
    border-top: 2px solid #547E94;
}

.redactor-moving-wrap .jq-selectbox__select {
    height: 25px;
    font-size: 14px;
    font-family: inherit;
    border-radius: 0;
    position: relative;
    background: #E1E2E3;
    border-color: transparent;
    box-shadow: none;
}

.redactor-moving-wrap .jq-selectbox .placeholder, .redactor-moving-wrap .jq-selectbox__select-text {
    line-height: 2;
}

.redactor-moving-wrap .jq-selectbox__trigger-arrow {
    top: 11px;
}

/*ВКЛАДКА ДОПОЛНИТЕЛЬНЫЕ ПОЛЯ*/
.ep-content-bg {
    background: #fff;
    margin-right: 20px;
    padding: 20px;
}

.ep-content-bg.top-block {
    padding: 8px 20px;
    margin-bottom: 20px;
}

.ep-head {
    height: 35px;
    line-height: 35px;
    padding-left: 20px;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.7em 0.7em;
    background-color: #fff;
    margin-right: 20px;
}

.ep-head h2 {
    color: #2E627C;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
}

.ep-additional-field {
    border-bottom: 1px solid #C5D7DD;
    box-shadow: 0 1px 0 0 #ECF1F4;
    padding: 10px 0;
}

.ep-additional-field:last-child {
    border-bottom: none;
    box-shadow: none;
}

.ep-af-name {
    float: left;
    width: 20%;
    font-size: 15px;
    font-weight: 500;
    color: #33627C;
}

input[type="file"] {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.ep-label {
    cursor: pointer;
    background-color: #B3C9D7;
    border: 1px solid #B3C9D7;
    background-position: 20px 50%;
    background-repeat: no-repeat;
    padding: 0 40px 0 56px;
    height: 28px;
    line-height: 28px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
}

.ep-label:hover {
    border-color: #53819D;
    background-color: #6F99B3;
}

.ep-label.ep-file-label {
    background-image: url(images/upload-file-btn.png);
}

.ep-text-label {
    color: #B1C9D4;
    font-size: 15px;
    margin: 0 20px 0 10px;
}

.ep-input-text {
    color: #B5CDD9;
    border: 2px solid #B0DBCF;
    padding: 5px;
    margin-bottom: 7px;
    font-size: 15px;
    background: #F1F1F1;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.ep-input-text:focus {
    color: #4083A8;
    background: #fff;
}

.ep-af-content {
    float: right;
    width: 75%;
    margin-bottom: 10px;
}

input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    left: -1000px;
    z-index: -10;
}

.chekboxgroup.colgroup {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}

.chekboxgroup label {
    cursor: pointer;
    font-size: 13px;
    color: #B3C9D7;
    display: block;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
    max-width: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.chekboxgroup label.disabled {
    color: #B3C9D7 !important;
}

.chekboxgroup.liststyle label {
    float: none;
    margin-bottom: 15px;
}

.chekboxgroup.colgroup label {
    display: inline-block;
    position: relative;
    width: 100%;
    margin-top: 10px;
}

.features-dynamic-goods-edit label {
    width: 49% !important;
}

.field-half-blk-goods-edit {
    margin-bottom: 20px !important;
}

.features-dynamic-goods-edit .features-to-full.btn {
    bottom: -25px;
}

.button-features-to-full .features-to-full.btn {
    bottom: -25px;
}

.features-dynamic-goods-edit {
    column-count: initial !important;
}

.chekboxgroup label::before {
    content: '';
    background: #F1F1F1;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    border: 1px solid #B3C9D7;
    margin: 0 10px 10px 0;
    text-align: center;
    line-height: 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.chekboxgroup.liststyle label::before {
    margin-bottom: 0;
}

.chekboxgroup.colgroup label::before {
    display: block;
    float: left;
    margin-bottom: 0;
}

.chekboxgroup label.checked {
    color: #4083A8;
}

.chekboxgroup label.checked::before {
    background: #fff;
    border-color: #B3C9D7;
    content: '✓';
    font-size: 20px;
}

textarea {
    color: #4083A8;
    width: 97%;
    resize: vertical;
    background: #F1F1F1;
    border: 2px solid #B1C9D4;
    font-size: 12px;
    padding: 10px;
    box-sizing: border-box;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

textarea.bbeditor {
    width: 100% !important;
}

textarea.bbeditor:focus {
    color: #000;
}

.material-page textarea {
    width: 100%;
}

textarea:focus {
    background: #fff;
    outline: none;
    border-color: #4083A8;
    color: #4083A8;
    font-size: 16px;
    padding: 20px;
}

/*input type=text*/
#prev_url::before {
    content: 'Старый адрес(301): ';
}

.inputtextgroup label {
    display: block;
    float: left;
    color: #35627F;
    font-size: 15px;
    font-weight: 500;
    padding-right: 15px;
    margin-bottom: 10px;
    box-sizing: border-box;
    max-width: 100%;
}

.inputtextgroup.longinput label {
    width: 95%;
}

.inputtextgroup.liststyle label {
    float: none;
    margin-right: 0;
    padding-right: 0;
}

.inputtextgroup.grey_text label {
    color: #B1C9D4;
    font-size: 15px;
}

.inputtextgroup label span, .inputtextgroup label a {
    font-size: 12px;
    font-weight: 400;
    color: #89B0BD;
}

.inputtextgroup input, .inputtextgroup select {
    color: #4083A8;
    max-width: calc(100% - 10px);
    margin-right: 10px;
    border: 1px solid #B1C9D4;
    padding: 5px;
    font-size: 15px;
    background: #F1F1F1;
    box-sizing: border-box;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.inputtextgroup select {
    margin-right: 15px;
}

.inputtextgroup.liststyle select {
    margin-right: 0;
}

.inputtextgroup.longinput label input {
    width: 95%;
    max-width: 450px;
    margin-left: 5%;
}

.inputtextgroup select {
    padding: 5px 7px;
}

.inputtextgroup input:focus, .inputtextgroup select:focus {
    color: #4083A8;
    background: #fff;
    border-color: #B0DBCF;
}

/*RADIO GROUP*/
.radiogroup label {
    cursor: pointer;
    display: block;
    color: #B2CAD2;
    font-size: 16px;
    margin-bottom: 15px;
}

.radiogroup.inline label {
    float: left;
    margin-right: 20px;
}

.radiogroup label:hover, .radiogroup label.checked {
    color: #375B71;
}

.radiogroup label.default {
    color: #5CBBA1;
    font-weight: 600;
}

.radiogroup input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 0px !important;
}

.radiogroup label::before, .radiogroup a::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #F1F1F1;
    vertical-align: middle;
    margin-right: 20px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.radiogroup label.checked::before {
    background: #5CBBA1;
}

.invisible {
    opacity: 0;
    -webkit-transition: 0.7s;
    transition: 0.7s;
}

.radiogroup:hover .invisible {
    opacity: 1;
}

.radiogroup a {
    display: inline-block;
    margin-right: 30px;
    font-size: 13px;
    color: #B1C9D4;
}

.radiogroup a::before {
    background: #B1C9D4;
    color: #34637B;
    font-size: 18px;
    text-align: center;
    line-height: 24px;
    font-family: sans-serif;
}

.radiogroup a.create::before {
    content: '+';
}

.radiogroup a.delete::before {
    content: 'x';
    font-size: 17px;
}

.btn.change-design {
    margin-top: 20px;
    background: #B5CDD9;
    border: 1px solid #B5CDD9;
    padding: 8px 40px;
}

.btn.change-design:hover {
    background: #729FB6;
    border: 1px solid #5387A2;
}

.ui-autocomplete {
    max-width: 260px;
    box-sizing: border-box;
    box-shadow: 0 2px 6px 1px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.ui-autocomplete li {
    padding: 5px 10px;
}

.ui-autocomplete li.ui-state-focus {
    background: #F1F1F1;
}

.ui-helper-hidden-accessible {
    display: none;
}

/*СТРАНИЦА СТАТИСТИКИ*/
/*меню*/
.pages-left-aside {
    width: 330px;
    float: left;
    margin-left: -330px;
    position: relative;
    left: 330px;
    background: #E6E6E8;
    margin-top: 10px;
}

.statistic-aside-left .left-sect-title {
    font-size: 18px !important;
    font-weight: 400;
    line-height: 1.2;
}

.statistic-aside-left .left-sect-title span {
    padding: 0 10px 0 70px;
}

.green .left-icon, .green .left-sect-head:hover {
    background: #5CBAA0;
}

.green .left-icon, .green .left-sect-head:hover .left-icon {
    border-color: #81CBB8;
}

.green .left-sect-title {
    line-height: 20px;
}

.pages-left-aside nav {
    padding: 10px 10px 10px 20px;
}

/*СЕТКА*/
.row {
    margin-left: -15px;
    margin-right: -15px;
}

.col {
    padding: 0 15px;
    box-sizing: border-box;
    float: left;
}

.col-full {
    width: 100%;
}

.col-half {
    width: 50%;
}

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

.col-one-third {
    width: 33.333%;
}

.row.row5px {
    margin-left: -5px;
    margin-right: -5px;
}

.row.row5px .col {
    padding: 0 5px;
}

/*сетка статистики*/
.stat-first-col {
    width: 18%;
}

.stat-second-col {
    width: 22%;
}

.stat-third-col {
    width: 42%;
}

.stat-fourth-col {
    width: 18%;
}

/*контент страницы стастики*/
.back-btn {
    width: 250px;
    margin-top: 30px;
}

.stat-info-blk {
    margin: 40px 0;
    overflow: hidden;
}

.stat-blk {
    background: #fff;
    margin-bottom: 15px;
    padding-bottom: 1px;
}

.order-sources .row .stat_div {
    display: block;
}

.order-sources .row .stat_div span {
    display: inline-block;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    position: relative;
    top: -8px;
}

.order-sources .row .stat_div .stat_rect {
    width: 25px;
    height: 25px;
    display: inline-block;
    min-width: 25px;
    min-height: 25px;
    margin-right: 10px;
}

.order-sources .row .stat_div .rect_ord {
    background: #fbedb8;
}

.order-sources .row .stat_div .rect_busk {
    background: #c3c5ec;
}

.order-sources .row .stat_div .rect_ret {
    background: #bfe2c9;
}

.green_header, .stat-blk h3, .xdsoft_mounthpicker, .stat-main-table thead td, .keywords-tbl thead td {
    font-size: 15px;
    padding: 15px;
    font-weight: 600;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.green_header b, .stat-blk h3 b, .stat-main-table thead td b, .keywords-tbl thead td b {
    font-weight: 600;
}

.stat-blk-content {
    padding: 15px 10px;
}

.stat-blk-content .row {
    margin-bottom: 5px;
}

.sbc-left {
    color: #4082A6;
    font-size: 13px;
    text-transform: uppercase;
    width: 70%;
    padding-right: 0;
}

.sbc-right {
    color: #396487;
    font-size: 17px;
    text-align: right;
    width: 30%;
    padding-left: 0;
}

.btn.stat-position {
    display: block;
    border: 1px solid #5CBAA0;
    background: #5CBAA0;
    text-align: center;
    padding: 15px 5px;
    color: #fff;
}

.btn.stat-position:hover {
    background: #357E69;
    border: 1px solid #255B4B;
    color: #fff;
}

.stat-entry {
    padding: 7px 10px;
    font-size: 15px;
    text-transform: uppercase;
    color: #226280;
    background: #F5F5F5;
    margin: 3px 0 9px;
}

.stat-graphics h4 {
    color: #6D6D6F;
    font-size: 18px;
    margin-bottom: 20px;
}

.stat-explanation {
    margin-right: 15px;
}

.stat-explanation p {
    font-size: 13px;
    color: #113E53;
    padding-bottom: 20px;
    border-bottom: 2px solid #7aa4bc;
    margin-bottom: 15px;
}

.stat-explanation p span {
    font-size: 15px;
    text-transform: uppercase;
}

/*DATEPICKER КАЛЕНДАРЬ*/
.stat-main-calendar .xdsoft_datetimepicker.xdsoft_inline {
    width: 100%;
    padding: 0;
    border: none;
    display: block;
}

.xdsoft_datetimepicker.xdsoft_inline::after, .xdsoft_mounthpicker::after {
    content: '';
    clear: both;
    display: block;
}

.stat-main-calendar .xdsoft_datetimepicker .xdsoft_datepicker {
    float: none;
    width: 100%;
    margin-left: 0;
}

.xdsoft_datetimepicker .xdsoft_label {
    background: none;
    z-index: 5;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    background: #396487 !important;
    color: #fff;
    font-weight: normal;
}

.xdsoft_datetimepicker .xdsoft_label i {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_today_button {
    display: none;
}

.xdsoft_datetimepicker .xdsoft_next {
    width: 0;
    height: 0;
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-left: 15px solid #226280 !important;
    background: none !important;
}

.xdsoft_datetimepicker .xdsoft_prev {
    width: 0;
    height: 0;
    border-top: 15px solid transparent !important;
    border-bottom: 15px solid transparent !important;
    border-right: 15px solid #226280 !important;
    background: none !important;
}

.xdsoft_datetimepicker .xdsoft_month, .xdsoft_datetimepicker .xdsoft_year {
    text-align: center;
    width: auto;
    float: none;
}

.xdsoft_datetimepicker .xdsoft_calendar th {
    text-transform: uppercase;
    color: #33627C;
    background: #B1C7D2;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
}

.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    height: 32px;
}

.xdsoft_datetimepicker .xdsoft_calendar tr:nth-child(odd) td {
    background: #E9F1F4;
}

.xdsoft_datetimepicker .xdsoft_calendar tr:nth-child(even) td {
    background: #FFF;
}

.xdsoft_datetimepicker .xdsoft_calendar .xdsoft_isolated, .xdsoft_datetimepicker .xdsoft_calendar td:hover {
    background: #396487 !important;
    color: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
    color: #FFF;
    background: #5DB9A0 !important;
    font-weight: 700;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
    box-shadow: none;
}

/*----------*/
.stat-period-calendars {
    padding: 15px;
}

.btn.calendar-submit, .order-sources-root-more {
    background: #5DB9A0;
    border: 1px solid #5DB9A0;
    font-size: 15px;
    text-transform: uppercase;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    display: block;
}

.order-sources-root-more {
    margin: 20px auto;
    max-width: 70%;
}

.btn.calendar-submit:hover, .order-sources-root-more:hover {
    background: #367D6A;
    border-color: #26594C;
}

.stat-period-calendars label {
    width: 48%;
    display: block;
    float: left;
    margin-right: 4%;
    margin-bottom: 12px;
}

.stat-period-calendars label.stat-calendar-end {
    float: right;
    margin-right: 0;
}

.stat-period-calendars input {
    border: 2px solid #D8E3E9;
    padding: 7px 10px;
    font-size: 15px;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
}

/*ТАБЛИЦА СТАТИСТИКИ*/
.stat-reflect {
    float: left;
    margin-top: 2px;
    margin-bottom: 10px;
}

.stat-bot {
    margin: 30px 5% 30px 0;
}

.overflow-table {
    width: 100%;
    overflow: hidden;
    overflow-x: auto;
}

.stat-main-table, .keywords-tbl {
    width: 100%;
    border-collapse: separate;
    background: #fff;
}

.stat-main-table caption {
    font-size: 22px;
    text-transform: uppercase;
    color: #2E627E;
    margin-top: 10px;
    padding: 0 10px 10px 0;
    line-height: 1.2;
    text-align: left;
}

.stat-main-table--link tr td {
    text-align: center;
}

.stat-main-table--link tbody tr td:first-of-type {
    text-align: left;
}

.keywords-tbl {
    cursor: all-scroll;
}

.stat-main-table thead td, .keywords-tbl thead td {
    font-weight: 400;
    text-align: center;
}

.stat-main-table td, .keywords-tbl td {
    background: #fff;
    border: 1px solid #CEDDE4;
    vertical-align: middle;
    font-size: 12px;
    padding: 12px 9px;
    color: #4082a5;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.stat-main-table td > a {
    word-break: break-all;
}

.keywords-tbl td input {
    display: block;
    border: solid #888 1px;
    padding: 5px 7px;
}

.keywords-tbl td.centered {
    font-size: 15px;
    font-weight: 500;
}

.stat-main-table td:first-child, .keywords-tbl td:first-child {
    text-align: center;
}

.keywords-tbl td:nth-child(2) {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
}

.keywords-tbl td:nth-child(2):first-letter {
    text-transform: uppercase;
}

.stat-main-table tr:nth-child(even) td, .keywords-tbl tr:nth-child(even) td {
    background: rgba(233, 241, 244, 0.5);
}

.stat-main-table tbody tr:hover td, .keywords-tbl tbody tr:hover td {
    border-top-color: #83a5dc;
    border-bottom-color: #83a5dc;
    color: #246386;
}

.stat-main-table tr.active td {
    background: #FFFCF0 !important;
}

.stat-main-table .icon, .keywords-tbl .icon {
    vertical-align: middle;
    margin-right: 10px;
}

.stat-main-table .gray, .keywords-tbl .gray {
    font-style: italic;
    color: #929292;
    font-size: 12px;
}

.stat-main-table .centered, .keywords-tbl .centered {
    text-align: center;
}

.left-sect-content.additional-sites {
    padding: 0 0 0 61px !important;
    background: #7B8BA2;
}

.additional-site {
    display: block;
    padding: 15px;
    background: #D6DDE3;
}

.additional-site:nth-child(even) {
    background: #E5E6E8;
}

.additional-site:hover {
    background: #829BAF;
    color: #FFFEFF;
}

.as-icon, .as-link-text {
    display: block;
    float: left;
}

.as-icon {
    height: 28px;
    width: 28px;
    margin-left: -28px;
    position: relative;
    left: 28px;
    background: #33627C;
    overflow: hidden;
}

.as-icon img {
    width: 28px;
    display: block;
}

.as-link-text {
    padding-left: 35px;
    font-size: 13px;
    text-decoration: underline;
    max-width: 100%;
    box-sizing: border-box;
    line-height: 1.1;
}

.left-aside-btn {
    display: none;
    float: left;
    background: #E4E5E7 url(images/svg/left-aside-btn.svg) 27px 50% no-repeat;
    height: 92px;
    width: 94px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.left-aside-btn.active {
    background-position: -107px 50%;
}

div#content-left::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 61px;
    background: #819AAE;
}

.mob-ep-tab-btns {
    position: relative;
}

/*Модальное окно*/
.blackout {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    overflow-y: auto;
    background: rgba(0, 0, 0, 0.6);
    -webkit-overflow-scrolling: touch;
}

#blackOut1.blackout {

}

.blackout > div {
    display: block !important;
}

.modal-window {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    background: #fff;
    width: 600px;
    min-width: 310px;
    max-width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999;
}

.modal-window.video_popup {
    width: auto;
    padding: 10px;
}

.modal-window.big {
    width: 1200px;
}

.modal-window.big textarea {
    min-height: 400px;
}

.modal-window.big_height {
    margin: 20px auto;
    position: static;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.modal-window-close {
    text-align: right;
    color: #231300;
    font-size: 18px;
    margin-bottom: 10px;
}

.modal-window-close span {
    cursor: pointer;
    display: inline-block;
    background: #E3E3E3;
    width: 22px;
    text-align: center;
    height: 22px;
    line-height: 21px;
    font-weight: 600;
    font-family: sans-serif;
}

.modal-window header {
    font-size: 18px;
    padding: 15px;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.45em 0.45em;
    background-color: #fff;
}

.mw-content {
    padding: 10px;
    font-weight: 500;
    color: #35617A;
}

.marker-descr {
    font-size: 16px;
    padding: 5px 15px;
    margin-right: 190px;
}

.marker-name {
    font-size: 16px;
    float: right;
    background: #EFE8BA;
    padding: 5px 15px;
    width: 175px;
    word-break: break-all;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.mw-markers-wrap {
    padding: 2px 0;
    cursor: pointer;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.mw-markers-wrap:hover, .mw-markers-wrap:hover .marker-name {
    background: rgba(166, 217, 203, 0.60);
}

.modal-window p {
    font-size: 16px;
    font-weight: 400;
    margin: 10px;
}

.modal-window .ep-file-label {
    display: inline-block;
}

.mw-links a {
    font-size: 16px;
    padding: 5px 15px;
    display: block;
    margin-bottom: 10px;
    text-decoration: none;
}

.mw-links a:hover {
    background: rgba(166, 217, 203, 0.60);
}

.ep-specialchar {
    display: inline-block;
    margin: 4px;
    font-size: 18px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #79C1AE;
    text-align: center;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.ep-specialchar:hover {
    background: #638599;
    color: #fff;
}

.specialchar-list div {
    cursor: pointer;
}

.mw-list > ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
}

.mw-list > ul > li {
    padding-right: 10px;
}

.mw-list ul {
    display: block;
    list-style-type: disc;
    margin-left: 15px;
    font-size: 16px;
    font-weight: 400;
    list-style-position: inside;
    line-height: 1.4;
}

.mw-list ul ul {
    list-style-type: circle;
}

.mw-list ul ul ul {
    list-style-type: square;
}

/*-------ВСТАВКА ТАБЛИЦЫ----------*/
.ep-border-style label {
    float: left;
    margin-left: 10px;
    width: 24px;
    border: 2px solid #3570A7;
    padding: 5px;
}

.ep-border-style label.ep-border-solid {
    border-style: solid;
}

.ep-border-style label.ep-border-dashed {
    border-style: dashed;
}

.ep-border-style label.ep-border-dotted {
    border-style: dotted;
}

.ep-border-style label.ep-border-double {
    border-style: double;
}

.ep-border-style label.ep-border-groove {
    border-style: groove;
}

.ep-border-style label.ep-border-ridge {
    border-style: ridge;
}

.ep-border-style label.ep-border-inset {
    border-style: inset;
}

.ep-border-style label.ep-border-outset {
    border-style: outset;
}

/*-----------------*/
/*-----------------*/
.edit-image-margins {
    background: #E7E7E9;
    padding: 20px 0;
    margin-bottom: 10px;
}

.edit-image-margins h3 {
    font-size: 16px;
    font-weight: 400;
    margin: 0 15px;
}

.eim-row {
    width: 100%;
    padding: 20px 0;
    max-width: 400px;
    margin: 0 auto;
}

.eim-col {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
}

.eim-left.eim-col {
    padding-left: 20px;
}

.eim-right.eim-col {
    padding-right: 20px;
}

.eim-midl.eim-col {
    padding: 0 3px;
}

.eim-col input {
    width: 100%;
    box-sizing: border-box;
}

.eim-col input:last-child {
    margin-top: 30px;
}

.btn.edit-btn {
    cursor: pointer;
    display: block;
    margin: 25px auto 5px;
    background: #61B79E;
    border: 1px solid #61B79E;
    padding: 2px 42px;
    font-size: 18px;
    height: 44px;
    line-height: 41px;
}

.btn.edit-btn:hover {
    border-color: #275448;
    background: #387A69;
}

/*СТРАНИЦА НАСТРОЕК*/
.settings-page {
    margin-top: 10px;
}

.set-tab-pages {
    margin-right: 30px;
}

.set-tab-head {
    background: #E6E7E8;
    padding: 20px 20px 10px;
}

.set-tab-head h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #35617A;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
}

.set-tab-head-right {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
}

.set-tab-head-right {
    margin-bottom: 10px;
}

.set-cache-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #35627D;
    display: block;
    float: left;
    vertical-align: middle;
}

.set-cache-icon img.active {
    position: absolute;
    opacity: 0;
}

.set-cache-icon.active img {
    position: absolute;
    opacity: 0;
}

.set-cache-icon img, .set-cache-icon.active img.active {
    position: relative;
    top: 3px;
    opacity: 1;
}

.set-cache-icon.active img {
    -webkit-animation: loading linear 2s infinite;
    animation: loading linear 2s infinite;
}

@-webkit-keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.set-tab-head-right a {
    font-size: 15px;
    padding: 0 8px;
    font-style: italic;
    display: block;
    float: left;
    height: 30px;
    vertical-align: middle;
    background: #B8C6CF;
}

.set-tab-head-right a.loading {
    background: #CCC;
}

.set-tab-head-right a.active {
    background: #418841;
    color: #fff;
}

.set-tab-head-right a.active span, .set-tab-head-right a.loading span {
    text-decoration: none;
}

.set-tab-head-right a span {
    text-decoration: underline;
}

.set-tab-head-right a:hover span {
    text-decoration: none;
}

.set-tab-page-block h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 500;
    padding: 15px;
    color: #2F647E;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #D4E5E0 52%, #D4E5E0 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #D4E5E0 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #D4E5E0 52%, #D4E5E0 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #D4E5E0 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.set-tab-page-block {
    border-top: 2px solid #B7C5CE;
}

.set-tab-page-content {
    background: #fff;
}

.set-tab-page-block-content {
    padding: 20px 30px;
}

.set-tab-page-block-content .inputtextgroup input, .set-tab-page-block-content .inputtextgroup select {
    color: #605D59;
}

.set-tab-page-block-content .inputtextgroup select {
    min-width: 173px;
    max-width: 100%;
}

.set-tab-page-btns {
    padding: 0 30px 20px;
}

.set-tab-page-btns .btn {
    background-color: #B8C6CF;
    border: 1px solid #B8C6CF;
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 5px 20px 5px 40px;
}

.set-tab-page-btns .btn.set-save {
    background-image: url(images/svg/set-save.svg);
}

.set-tab-page-btns .btn.set-back {
    background-image: url(images/svg/set-back.svg);
}

.set-tab-page-btns .btn:hover {
    background-color: #7D96A6;
    border: 1px solid #617D8F;
}

/*Стилизация input[type="file"]*/
.file-label {
    max-width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.liststyle .file-label {
    display: block;
    margin-bottom: 10px;
}

.file-label::after {
    content: '';
    display: block;
    clear: both;
    visibility: hidden;
}

.file-label input {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 0;
    visibility: hidden;
}

.input-file-btn {
    cursor: pointer;
    background: #829AAD;
    display: block;
    float: left;
    padding: 5px 10px;
    color: #fff !important;
    border: 1px solid #829AAD;
}

.input-file-info {
    font-size: 15px;
    font-weight: 500;
    color: #32637A;
    background: #F2F2F2;
    display: block;
    float: left;
    padding: 5px 10px;
    border: 1px solid #C1D1D9;
    border-left: none;
    max-width: 270px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.input-file > span {
    color: #35627F;
    font-size: 15px;
    font-weight: 500;
}

/*-------------ССЫЛКИ-------------------*/
.link {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline;
    margin-bottom: 10px;
}

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

.link.img-link {
    padding-left: 35px;
    background-image: url(images/svg/img-link.svg);
    background-position: 10px 50%;
    background-repeat: no-repeat;
}

/*-------------------------*/
.set-tab-pages .tabs-btns {
    margin: 0px !important;
    padding: 30px 30px 0;
    text-transform: uppercase;
}

.set-tab-pages .tabs-btns::after {
    content: none;
}

.set-tab-pages .tab_btn {
    max-width: none;
}

.inline-block-contain {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
}

.set-hide-links {
    display: none;
}

/*БЫСТРЫЕ ДАТЫ*/
.quick_dates {
    display: block;
    float: left;
    box-sizing: border-box;
    padding-left: 15px;
}

.quick_dates span {
    float: left;
    color: #32637A;
    line-height: 35px;
    font-size: 16px;
    margin-right: 15px;
}

.quick_dates a {
    display: block;
    float: left;
    font-size: 14px;
    padding: 0 11px;
    height: 35px;
    line-height: 35px;
    background: #C0DEE2;
    color: #396487;
    text-decoration: none;
    margin-right: 2px;
    transition: .2s;
}

.quick_dates a:hover, .quick_dates a.current {
    background: #819AAE;
    color: #fff;
}

/*ПАГИНАЦИЯ*/
.pagination {
    text-align: right;
    margin-bottom: 20px;
    font-size: 0;
    white-space: nowrap;
    float: right;
}

.pagination li {
    font-size: 14px;
    display: inline-block;
    margin-right: 1px;
    vertical-align: bottom;
}

.pagination li span, .pagination li a {
    display: block;
    padding: 0 11px;
    height: 35px;
    line-height: 35px;
    background: #C0DEE2;
    color: #396487;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.pagination li a:hover, .pagination li span {
    background: #819AAE;
    color: #fff;
}

/*иконки слева от пагинации*/
.form-tools {
    display: block;
    float: left;
    box-sizing: border-box;
    margin-bottom: 15px;
}

.form-tools.top {
    position: absolute;
    top: 15px;
    right: 30px;
}

.form-tools .tool {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 11px;
    height: 35px;
    line-height: 35px;
    vertical-align: middle;
    background: #60B39F;
    text-decoration: none;
    cursor: pointer;
    color: #fff;
    border: none;
}

.form-tools .tool:hover,
.form-tools .tool:focus {
    background: #387567;
}

.form-tools .tool > img {
    display: inline-block;
    border: none;
    line-height: 35px;
    vertical-align: middle;
    margin-right: 5px;
}

.form-tools .tool > span {
    display: inline-block;
    text-transform: uppercase;
}

/*---------------------------------------------------------------*/
/*ХЛЕБНЫЕ КРОШКИ*/
.bc-way {
    white-space: nowrap;
    margin: 0 5px;
    font-size: 0;
    padding-right: 10px;
}

.bc-way li {
    position: relative;
    display: block;
    float: left;
    font-size: 13px;
    font-style: italic;
    vertical-align: top;
    margin-right: 4px;
}

.bc-way a, .bc-way span {
    display: block;
    color: #6F7F83;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
    padding: 0 7px 0 17px;
    background: #BFDCE0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.bc-way span, .bc-way a:hover {
    background: #819AAE;
    color: #fff;
}

.bc-way a::after, .bc-way a::before, .bc-way span::after, .bc-way span::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 4;
    right: -10px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #BFDCE0;
    border-bottom: 10px solid transparent;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.bc-way span::after, .bc-way a:hover::after {
    border-left-color: #819AAE;
}

.bc-way a::before, .bc-way span::before {
    left: 0px;
    right: auto;
    z-index: 2;
    border-left-color: #B5CDD9;
}

.bc-way li:first-child a {
    padding-left: 10px;
}

.bc-way li:first-child a::before {
    content: none;
}

/*--------------------------------------------------------------------------*/
/*ИСТОЧНИКИ СОВЕРШЕНИЯ ЗАКАЗОВ*/
.order-sources {
    margin-top: 10px;
}

.order-sources-top {
    padding: 30px;
    background: #fff;
}

.order-sources h1 {
    margin-top: 0;
    margin-bottom: 15px;
}

.order-sources-top .left-sect-head {
    border-bottom: none;
}

.order-sources-first-col {
    width: 25%;
}

.order-sources-second-col {
    width: 75%;
}

.order-sources-root > .row {
    margin: 0;
}

.order-sources-root-count {
    font-size: 40px;
    line-height: 1;
    text-align: right;
    width: 50%;
    padding-bottom: 5px;
    border-bottom: 1px solid #DBDBDB;
    height: 56px;
    box-sizing: border-box;
}

.income-sources-root .order-sources-root-count {
    font-size: 20px;
    padding: 10px 15px;
}

.order-sources-root-count b {
    font-weight: 800;
    color: #43677F;
    margin-top: 5px;
    display: inline-block;
    position: relative;
    top: 3px;
}

.order-sources-root-count span {
    font-size: 55%;
    color: #469DCA;
    letter-spacing: -2px;
    min-width: 52px;
    display: inline-block;
}

.income-sources-root .order-sources-root-count span {
    font-size: 85%;
}

.order-sources-root-name {
    padding-top: 10px;
    font-size: 16px;
    width: 50%;
    padding-bottom: 5px;
    border-bottom: 1px solid #DBDBDB;
    height: 56px;
    box-sizing: border-box;
}

.income-sources-root .order-sources-root-name {
    padding: 18px 15px 10px;
    margin-top: 0;
}

.order-sources-root-name .col {
    height: 40px;
}

.income-sources-root .order-sources-root-name .col {
    height: 20px;
}

.order-sources-root-name-img {
    width: 26px;
    margin-left: -26px;
    position: relative;
    left: 26px;
    padding: 0;
}

.order-sources-root-name-img img {
    width: 100%;
}

.order-sources-root-name-title {
    text-transform: uppercase;
    color: #43677F;
    width: 100%;
    line-height: 1.2;
}

.order-sources-root-name-title span {
    padding-left: 26px;
    box-sizing: border-box;
}

.order-sources-second-col-bot {
    margin: 0 15px 15px 25%;
    border-top: 2px dashed #7D7469;
    padding: 15px 0;
}

.order-sources-second-col-bot-name {
    font-size: 16px;
    color: #32637A;
    height: 30px;
}

.order-sources-second-col-bot-btns {
    font-size: 0;
}

.order-sources-second-col-bot-btns a {
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    background: #B2C6D1;
    color: #fff;
    padding: 0 24px;
    margin-right: 4px;
    margin-bottom: 6px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.order-sources-second-col-bot-btns a.active, .order-sources-second-col-bot-btns a:hover {
    background: #469DCA;
}

.order-sources-aside-left .always_active .left-icon {
    background: #6C88A0;
}

.left-sect-content.order-statuses-list {
    padding: 0 0 0 61px !important;
    background: #6C88A0;
}

.order-statuses-list .as-icon {
    height: 16px;
    width: 16px;
}

.order-statuses-list .additional-site {
    /*    background: #E5E6E8;*/
    background: white;
    border-bottom: 2px solid #B1C8D0;
    padding: 7px 10px;
    min-height: 18px;
}

.order-sources-bot {
    margin: 30px 0px;
}

/*цвета статусов заказа*/
.red .as-icon {
    background: #F14A44;
}

.red .as-link-text {
    color: #F14A44;
}

.orange .as-icon {
    background: #FDAA4E;
}

.orange .as-link-text {
    color: #FDAA4E;
}

.greenyellow .as-icon {
    background: #44B559;
}

.greenyellow .as-link-text {
    color: #44B559;
}

.green .as-icon {
    background: #299351;
}

.green .as-link-text {
    color: #299351;
}

.aqua .as-icon {
    background: #00B7F3;
}

.aqua .as-link-text {
    color: #00B7F3;
}

.blue .as-icon {
    background: #485AA4;
}

.blue .as-link-text {
    color: #485AA4;
}

.darkred .as-icon {
    background: #B84844;
}

.darkred .as-link-text {
    color: #B84844;
}

.blueviolet .as-icon {
    background: #6A58A4;
}

.blueviolet .as-link-text {
    color: #6A58A4;
}

.gray .as-icon {
    background: #B1AFB0;
}

.gray .as-link-text {
    color: #B1AFB0;
}

.additional-site:hover {
    background: #829BAF !important;

}

.additional-site:hover .as-link-text {
    color: #FFFEFF !important;
}

/*------------------СТРАНИЦА СТАТИСТИКИ-----------------------------*/
.visit-info-blk {
    margin: 40px 0;
    overflow: hidden;
}

.visit-info-blk .stat-blk {
    margin-bottom: 10px;
}

.visit-info-blk .visit-first-col .btn {
    margin-bottom: 10px;
}

.visit-info-blk .row.stat-top {
~ max-width: 1250 px;
}

.visit-first-col {
    width: 25%;
}

.visit-second-col {
    width: 30%;
}

.visit-third-col {
    width: 45%;
}

.visit-info-blk .col p {
    float: left;
    width: 33.333%;
    border-right: 2px solid #7aa4bc;
    border-bottom: none;
    padding: 0 15px 20px;
    box-sizing: border-box;
}

.visit-info-blk .col p:last-child {
    border-right: none;
}

.btn.back {
    padding: 15px 5px 15px 55px;
    width: 100%;
    box-sizing: border-box;
    background-image: url(images/svg/back-btn.svg);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    background-color: #8B9EAF;
    border: 1px solid #8B9EAF;
}

.btn.back:hover {
    background-color: #586C7E;
    border-color: #435360;
}

.visit-bot {
    max-width: 1250px;
    padding-right: 15%;
    box-sizing: border-box;
}

.visit-bot-wrap {
    background: #fff;
    padding: 20px;
}

.visit-graph-blk {
    border-bottom: 2px dashed #949597;
    padding-bottom: 20px;
    margin-bottom: 30px;
}

.visit-graph-blk h4 {
    font-weight: 400;
    margin-left: -20px;
    margin-right: -20px;
}

.visit-graph-blk .col {
    padding: 0;
}

.visit-graph-blk .row {
    margin: 0;
}

.visit-bot .stat-main-table {
    width: 60%;
    margin-bottom: 50px;
}

/*ЛИСТИНГ--------------------------------------*/
.listing-aside-left {
    padding: 20px;
    box-sizing: border-box;
}

.listing-page {
    padding-right: 30px;
}

.listing-aside-left a {
    display: block;
    background: #E6E6E8;
    position: relative;
    text-decoration: none;
}

.listing-aside-left a:hover::before, .listing-aside-left a.active::before {
    background: #113E53;
}

.listing-aside-left a span {
    position: relative;
    z-index: 2;
}

.templates-listing > .tree > li > a {
    text-transform: uppercase;
    color: #476178;
    font-weight: 600;
    font-size: 14px;
}

.listing-aside-left a:hover span, .listing-aside-left a.active span {
    color: #fff;
}

.listing-search-wrap {
    margin: 20px 0 40px;
    padding: 18px 25px;
    background: #F6F8FA;
}

.listing-search-wrap * {
    white-space: nowrap;
    height: 40px;
    vertical-align: middle;
    margin-right: 15px;
    box-sizing: border-box;
}

.listing-search-wrap input, .listing-search-wrap span {
    font-size: 15px;
}

.listing-search-wrap input {
    padding: 0 10px;
    background: #F7F7F7;
    border: 1px solid #C1C1BF;
    color: #025573;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.listing-search-wrap input::-webkit-input-placeholder {
    color: #C3D1D9;
}

.listing-search-wrap input:-moz-placeholder {
    color: #C3D1D9;
}

.listing-search-wrap input:focus {
    color: #025573;
    background: #fff;
}

.listing-search-wrap button {
    background: #5FB2A0 url(images/svg/listing-search.svg) no-repeat 20px 50%;
    padding-left: 50px;
    font-size: 18px;
    border: 1px solid #5FB2A0;
}

.listing-search-wrap button:hover {
    background-color: #387568;
    border-color: #285349;
}

.listing-search-wrap > span {
    color: #025573;
    font-weight: 600;
}

.listing-header {
    color: #41ABE3;
    margin: 10px 0 15px -5px;
    font-size: 18px;
    text-transform: uppercase;
    text-align: left;
}

#mobileHeadBlock .listing-header {
    margin-left: 110px;
    text-align: left;
    font-size: 24px;
    color: #2E627E;
    line-height: 1.2;
    margin-top: 5px;
    text-transform: uppercase;
}

/*----------------СЕТКА В КАТЕГОРИЯХ----------*/
.listing-grid {
    margin: 20px 0 30px;
    clear: both;
}

.listing-grid .col {
    padding: 0;
    border-right: 1px solid #D2DDE1;
    width: 12.6%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.listing-grid .listing-grid-item {
    border: solid transparent 1px;
    border-bottom: none;
    border-right: none;
}

.listing-grid-body .listing-grid-item:last-child {
    border-bottom: 1px solid #D2DDE1;
}

.listing-grid .listing-grid-item:hover {
    border-color: #83a5dc;
}

.listing-grid .listing-grid-item:hover > .col:last-child {
    border-color: #83a5dc;
}

.listing-grid .listing-grid-item:hover + .listing-grid-item {
    border-top-color: #83a5dc;
}

.listing-grid-items {
    position: relative;
}

.listing-grid .kat-zero-col {
    width: 3%;
}

.listing-grid .kat-third-col {
    width: 19.4%;
}

.listing-grid .kat-fourth-col,
.listing-grid .kat-fifth-col,
.listing-grid .kat-sixth-col,
.listing-grid .kat-seventh-col,
.listing-grid .kat-eighth-col,
.listing-grid .kat-ninth-col {
    width: 10%;
}

.listing-grid .kat-second-col {
    width: 5%;
}

.listing-grid-head, .mobile-listing-head {
    border-left: 1px solid #D2DDE1;
    margin: 0;
    font-weight: 600;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.listing-grid-head h2, .mobile-listing-head {
    padding: 5px;
    min-height: 34px;
    font-size: 0;
    text-align: center;
}

.mobile-listing-head {
    display: none;
    float: none;
    font-size: 12px;
    overflow: hidden;
    border-left: none;
}

.listing-grid-head h2 span, .mobile-listing-head h2 span {
    font-size: 12px;
}

.listing-grid .product-first-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: initial;
    -ms-flex-direction: initial;
    flex-direction: initial;
}

.listing-grid .listing-grid-head .product-first-col {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-first-col-first h2 {
    padding: 5px 0;
}

.product-first-col-first h2 .chekboxgroup label {
    margin: 0;
    padding: 0;
}

.product-first-col-first h2 .chekboxgroup label::before {
    margin: 0;
}

.listing-grid-item {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #fff;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.listing-grid-item:nth-child(even) {
    background: #E0E8EB;
}

.listing-body-no-items {
    font-size: 22px;
    line-height: 1.2;
    text-align: center;
    background: #fff;
    padding: 30px 10px;
    border: 2px solid #d2dde1;
    font-style: italic;
    color: #226280;
}

/*item в сетке*/
/* flexfix */
.listing-grid-col-wrap {
    display: block;
    padding: 5px 15px;
    min-height: 50px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    min-width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.listing-grid-col-wrap a[href="#"] {
    text-decoration: none;
    border-bottom: 1px dashed;
}

.listing-grid-col-wrap a[href="#"]:hover {
    border-bottom-color: transparent;
}

.listing-grid-col-wrap a:hover {
    text-decoration: none;
}

.listing-grid-image, .listing-effective-price, .listing-old-price, .listing-action, .listing-grid-kat, .listing-grid-manuf {
    text-align: center;
}

.kat-listing .kat-second-col .listing-grid-col-wrap {
    padding: 5px 0;
}

.kat-listing .listing-grid-col-wrap div {
    font-size: 16px;
}

.kat-listing .kat-third-col .listing-grid-col-wrap > div {
    width: 100%;
}

.listing-grid-image img {
    max-height: 100%;
    max-width: 100%;
}

.listing-grid-sorting {
    /*fix*/
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: move;
    width: 100%;
    height: 100%;
    /*endix*/
}

.listing-grid-quantity span {
    font-size: 14px;
}

.listing-grid-sorting:hover .top {
    border-bottom-color: #035678;
}

.listing-grid-sorting:hover .bottom {
    border-top-color: #2D9DCB;
}

.listing-grid-sorting .top {
    width: 0;
    height: 0;
    margin: 0 auto 3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #2D9DCB;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.listing-grid-sorting .bottom {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #035678;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.listing-grid-col-wrap.listing-grid-link {
    text-align: left;
}

.listing-grid-col-wrap.listing-grid-link span {
    text-decoration: underline;
    overflow: hidden;
    max-height: 100%;
    line-height: 1.15;
}

.listing-grid-col-wrap.listing-grid-link i {
    text-decoration: none;
    font-style: italic;
    font-size: 85%;
    line-height: 0.95;
    display: block;
    color: #2D9DCB;
}

.listing-grid-col-wrap.listing-grid-link:hover span {
    text-decoration: none;
}

.listing-grid-btn {
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.listing-grid-btn span {
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-transition: 0.1s;
    transition: 0.1s;
}

.listing-grid-btn:hover span {
    background-position: 50% 100%;
}

.listing-grid-edit {
    background: transparent;
}

.listing-grid-edit:hover {
    background: #9ECABD;
}

.listing-grid-edit span {
    width: 18px;
    height: 18px;
    background-image: url(images/svg/listing-edit.svg);
}

.listing-grid-add {
    background: transparent;
}

.listing-grid-add:hover {
    background: #8BB9DA;
}

.listing-grid-add span {
    height: 15px;
    width: 15px;
    background-image: url(images/svg/listing-plus.svg);
}

.listing-grid-sorting-goods {
    background: transparent;
}

.listing-grid-sorting-goods:hover {
    background: #EDAB91;
}

.listing-grid-sorting-goods span {
    height: 21px;
    width: 21px;
    background-image: url(images/svg/listing-sorting.svg);
}

.listing-grid-sorting-goods span.has-sorted {
    background: url(/admin/static/images/has-sorted.png);
    width: 24px;
    height: 20px;
}

.listing-grid-sorting-goods:hover span.has-sorted {
    top: 3px;
}

.listing-grid-add-good {
    background: transparent;
}

.listing-grid-add-good:hover {
    background: #EDD281;
}

.listing-grid-add-good span {
    height: 19px;
    width: 21px;
    background-image: url(images/svg/listing-add.svg);
}

/*--------------*/
.btn.add-cat {
    display: inline-block;
    padding: 10px;
    max-width: 255px;
    max-width: 100%;
    margin-bottom: 30px;
    margin-right: 20px;
    background: #60B39F;
    border: 1px solid #60B39F;
    box-sizing: border-box;
}

.btn.add-cat::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    background: url(images/svg/listing-add-kat.svg) no-repeat 50% 50%;
}

.btn.add-cat:hover {
    background-color: #387567;
    border-color: #285349;
}

.btn.sort::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    background: url(images/svg/listing-sorting_white.svg) no-repeat 0 2px;
}

/*СЕТКА В ТОВАРАХ*/
/*нижние поля в шапке*/
.head-bot {
    background: #EDEDED;
    width: 100%;
    clear: both;
    height: 35px;
    border-top: 1px solid #D2DDE1;
}

.mobile-check-all {
    display: none;
    background: #fff;
    float: left;
    margin-left: -36px;
    position: relative;
    left: 36px;
    width: 36px;
    height: 36px;
}

.mobile-check-all.chekboxgroup label::before {
    margin: 7px 0 0 0;
}

.mobile-check-all.chekboxgroup label {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
}

.product-first-col .head-bot {
    border-top: none;
}

.btn.list-head-add-cat {
    box-sizing: border-box;
    height: 35px;
    padding-left: 34px;
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
    background: #60B39F url(images/svg/listing-add-kat.svg) no-repeat 10px 50%;
    border: 1px solid #60B39F;
}

.btn.list-head-add-cat:hover {
    border-color: #285349;
    background-color: #285349;
}

.head-bot input {
    height: 35px;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    border: none;
    background: #E0E5EB;
    color: #015673;
}

.head-bot button {
    border: none;
    color: #015673;
    background: #60B39F;
    height: 36px;
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.head-bot button:hover {
    background-color: #387567;
    color: #fff;
}

/*--------------------------------*/
.product-listing .col {
    width: 9.83%;
}

.product-listing .product-second-col {
    width: 13%;
}

.product-listing .product-eleventh-col, .product-listing .product-tenth-col, .product-listing .product-seventh-col, .product-listing .product-ninth-col {
    width: 7%;
}

.listing-grid .product-first-col-first {
    width: 28% !important;
}

.listing-grid .product-first-col-second {
    width: 72% !important;
    border-right: none;
}

.listing-grid a, .listing-grid span {
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-listing .listing-grid-col-wrap {
    padding: 5px;
}

.product-first-col-first .listing-grid-col-wrap {
    padding: 5px 2px;
}

.product-second-col .listing-grid-col-wrap {
    padding: 5px 0;
}

.listing-grid-body .product-first-col-first, .listing-grid-body .product-first-col-second {
    border-bottom: none;
}

.listing-grid-name div, .listing-grid-kat div, .listing-grid-number, .listing-grid-manuf div, .listing-old-price div, .listing-effective-price div, .listing-discount div, .listing-action div, .listing-bought div, .listing-added div, .listing-changed div {
    font-size: 12px;
}

.listing-old-price div, .listing-effective-price div {
    min-height: 69px;
}

.product-listing .listing-grid-name div {
    width: 100%;
}

.product-listing .product-fifth-col label, .product-listing .product-sixth-col label {
    margin-right: 0;
    padding-right: 0;
}

.listing-grid-name-link {
    font-weight: 500;
    color: #005576;
    display: block;
    margin-bottom: 10px;
}

.listing-grid-name-wrap, .listing-grid-name-price {
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 5px;
    background: #F4F8FB;
    padding: 3px 0 3px 3px;
    border: 1px solid #D2DDE1;
    border-left: none;
    border-right: none;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listing-grid-name-price {
    background: #F4F8FB url(/admin/static/images/svg/listing-grid-name-price.svg) 10px 50% no-repeat;
}

.listing-grid-name-related, .listing-grid-name-duplicate, .listing-grid-name-copy {
    display: inline-block;
    padding: 0px 10px 0px 23px;
    background: no-repeat 0px 50%;
    vertical-align: middle;
}

.listing-grid-name-related {
    background-image: url(/admin/static/images/svg/listing-grid-name-related.svg);
}

.listing-grid-name-duplicate {
    background-image: url(/admin/static/images/icons/16/duplicate.png);
}

.listing-grid-name-copy {
    background-image: url(/admin/static/images/icons/16/copy.png);
}

.listing-grid-kat a, .listing-grid-manuf a {
    display: block;
    font-weight: 500;
}

.listing-grid-kat-set-all, .listing-grid-manuf-set-all {
    color: #99B5C0;
    margin-top: 3px;
}

.listing-grid-number {
    text-align: center;
}

.listing-grid-number span {
    font-size: 15px;
    color: #99B5C0;
}

.listing-grid-number label {
    display: block;
    margin: 4px 0 !important;
}

.listing-grid-number label::before {
    display: block !important;
    margin: 0 auto !important;
}

.listing-delete-good {
    display: block;
    min-width: 19px;
    height: 30px;
    max-width: 100%;
    background: url(images/svg/listing-delete.svg) 50% 50% no-repeat;
    border-bottom: none !important;
}

.listing-preview {
    display: block;
    margin-top: 4px;
    width: 22px;
    background: url(images/svg/listing-preview.svg) 50% 50% no-repeat;
    height: 14px;
}

.listing-grid-name-link {
    background: url(images/svg/name-link.svg) 0 5px no-repeat;
    padding-left: 24px;
    margin: 0 5px 10px;
    max-height: 94px;
    min-height: 25px;
}

.listing-grid-name-link:hover {
    background-position: 0 -87px;
    text-decoration: none;
}

.listing-input {
    display: block;
    margin-right: 20px;
    font-weight: 500;
}

.listing-input input {
    background: #F4F8FB;
    color: #005576;
    font-weight: 500;
    border: 1px solid #D1DCE2;
    padding: 6px 3px;
    text-align: center;
    max-width: 100%;
    box-sizing: border-box;
}

.listing-input.del input {
    text-decoration: line-through;
}

.listing-input .ruble-symbol {
    position: absolute;
    margin-left: 7px;
    margin-top: 4px;
}

.listing-old-price span, .listing-effective-price span, .listing-discount span, .listing-action-name, .listing-bought span, .listing-added span {
    display: block;
    text-align: center;
    margin-top: 5px;
    color: #005576;
    font-weight: 500;
}

.listing-discount, .listing-bought, .listing-added, .listing-changed {
    text-align: center;
}

.listing-discount a, .listing-action-all, .listing-changed a {
    display: block;
    color: #99B5C0;
    margin-top: 4px;
    text-align: center;
}

.listing-changed a {
    color: #22637F;
}

/*-------------------ПОЗИЦИИ КЛЮЧЕВЫХ СЛОВ--------------------------*/
.keywords-page {
    padding-right: 30px;
}

.keywords-info-blk {
    margin: 40px 0;
}

.keywords-top {
    margin-bottom: 30px;
}

.keywords-first-col {
    width: 40%;
}

.keywords-second-col {
    width: 60%;
}

.keywords-third-col {
    width: 80%;
}

.keywords-fourth-col {
    width: 20%;
}

.keywords-first-col .stat-blk-content {
    background: #E4E6E7;
}

.keywords-first-col .stat-blk {
    padding-bottom: 0;
    font-size: 14px;
}

.keywords-first-col img {
    vertical-align: middle;
}

.keywords-help th {
    width: 50px;
    text-align: left;
}

.keywords-help td {
    position: relative;
    padding-left: 20px;
}

.keywords-help td:before {
    content: "—";
    position: absolute;
    left: 0;
}

.keywords-help sup, .keywords-tbl sup, .stat-main-table sup {
    font-style: normal;
    color: #BC8276;
    font-size: 0.9em;
    margin-left: 3px;
    font-weight: 500;
}

.keywords-help sup.minus, .keywords-tbl sup.minus, .stat-main-table sup.minus {
    color: #7FB39C;
}

.keywords-small-grey {
    font-size: 10px;
    vertical-align: middle;
    color: #AFA5A6;
}

.keywords-check-block {
    background: #E4E6E7;
    padding: 20px;
}

.keywords-graph-btns .btn {
    background-image: none;
    padding: 15px 5px 15px;
    text-align: center;
    display: block;
    float: left;
    width: 38%;
    box-sizing: border-box;
    margin-right: 2%;
}

.keywords-graph-btns .btn.more {
    background: #5FB49C;
    border: 1px solid #5FB49C;
}

.btn.check-group-submit {
    display: block;
    width: 100%;
    padding: 15px 5px;
    margin-bottom: 20px;
    background: #5FB49C;
    border: 1px solid #5FB49C;
}

.btn.check-group-submit:hover, .keywords-graph-btns .btn.more:hover {
    background: #377664;
    border: 1px solid #275347;
}

.keywords-check-block .chekboxgroup label {
    font-size: 14px;
    position: relative;
}

.keywords-check-block .chekboxgroup {
    height: 450px;
    overflow-y: scroll;
}

.keywords-bot .pagination {
    float: none;
    clear: both;
}

.keywords-tbl img {
    position: relative;
    top: 0.3em;
}

.keywords-tbl thead td {
    position: relative;
}

.keywords-tbl thead ul {
    opacity: 0;
    z-index: -1;
    position: absolute;
    padding: 5px 25px 5px 10px;
    text-align: left;
    line-height: 0.5;
    background: rgba(204, 223, 227, 0.9);
    top: 60px;
    left: 50%;
    margin-left: -25%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.keywords-tbl thead td:hover ul {
    opacity: 1;
    z-index: 1;
}

.keywords-tbl thead ul::before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 25px solid #CCDFE3;
    position: absolute;
    right: 20px;
    top: -25px;
}

.keywords-tbl thead ul li span {
    vertical-align: middle;
    font-size: 14px;
}

.keywords-tbl thead ul li .keywords-small-grey {
    font-size: 10px;
}

.keywords-tbl-head-img {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 26px;
    background: #EAE9E7;
    text-align: center;
    margin-right: 7px;
}

.keywords-tbl td:nth-child(2) span {
    display: block;
    min-width: 220px;
}

.keywords-tabs-btns, .keywords-position-blks {
    width: 100%;
    display: block;
    border-bottom: 1px solid #e6e6e8;
    margin-bottom: 3px;
}

.keywords-position-blks {
    /*padding-right: 20%;*/
    float: right;
}

.keywords-tabs-btn, .keywords-position-blk {
    cursor: pointer;
    float: left;
    width: 30%;
    margin: 0 1px 0 1px;
    padding: 0 2%;
    background: #A96E66;
    color: #fff;
    font-size: 15px;
    height: 55px;
    text-align: center;
}

.keywords-position-blk {
    background: #E4E5E7;
    color: #35637E;
}

.keywords-position-blk.yandex span::first-letter {
    color: #B47468;
    font-size: 20px;
}

.keywords-position-blk.google span::first-letter {
    color: #477C9B;
    font-size: 20px;
}

.keywords-tabs-btn.active {
    margin-bottom: 0;
    padding-bottom: 8px;
    background: #7791AC;
}

.keywords-tabs-btn img {
    height: 32px;
    vertical-align: middle;
    margin-right: 10px;
}

.listing-movement-wrap {
    margin: 20px 0 40px;
    padding: 18px 25px;
    background: #F6F8FA;
    font-size: 15px;
}

.listing-movement-wrap > * {
    height: 45px;
    margin-right: 5px;
}

.listing-movement-wrap select, .listing-movement-wrap button {
    background: #F7F7F7;
    color: #2E627E;
    border: 1px solid #C2C0C1;
    margin-bottom: 10px;
}

.listing-movement-wrap button.delete {
    color: #fff;
}

.listing-movement-wrap > span, .listing-movement-wrap > label {
    color: #2E627E;
    font-weight: 500;
}

.amount-goods {
    float: right;
    margin-top: 15px;
}

/*Стандартный листинг*/
.main-listing .col {
    width: 16%;
}

.main-listing .listing-grid-col-wrap {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
}

.listing-grid .list-zero-col,
.listing-grid .list-second-col,
.listing-grid .list-third-col {
    width: 5%;
}

.listing-grid .list-fifth-col,
.listing-grid .list-sixth-col {
    width: 8%;
}

.listing-grid .list-seventh-col {
    width: 37%;
}

.btn.control {
    font-size: 18px;
    display: inline-block;
    padding: 10px 5px 10px 50px;
    width: 255px;
    max-width: 100%;
    margin-bottom: 30px;
    background: #839AAE url(images/svg/control-btn.svg) no-repeat 10px 50%;
    border: 1px solid #839AAE;
    box-sizing: border-box;
}

.btn.control:hover {
    background-color: #51677B;
    border-color: #3C4E5D;
}

.listing-grid-title {
    font-weight: 500;
}

.listing-grid-short-text {
    color: #777;
}

/*-----------!! СТРАНИЦА  ТОВАРА !!----------------*/
.product-page, .material-page, .category-page {
    padding-right: 30px;
}

.product-page h1 span {
    text-transform: none;
    color: #349F8D;
}

.product-head {
    margin-top: 25px;
}

.double-page-left, .double-page-right {
    float: left;
    width: 50%;
}

.double-page-right .product-tab-head {
    border-left: 2px solid #B8C6D1;
}

.material-page .product-head-left {
    width: 40%;
}

.material-page .product-head-right {
    width: 60%;
}

.product-head-left, .product-head-right {
    width: 65%;
    float: left;
}

.product-head-left {
    width: 35%;
}

.product-head-left .btn, .product-head-left .chekboxgroup {
    float: left;
    display: block;
    font-weight: 400;
    font-size: 17px;
    background-color: #8998AB;
    border: 1px solid #8998AB;
    padding: 13px 1%;
    letter-spacing: 1px;
    line-height: 1.1;
    width: 48%;
    max-width: 250px;
    margin: 0 2% 10px 0;
    text-align: center;
    box-sizing: border-box;
}

.edit-page .product-head-left .btn, .edit-page .product-head-left .chekboxgroup {
    max-width: none;
}

.product-head-left .btn:hover {
    background: #556477;
    border-color: #3F4B5A;
}

.btn.product-save {
    background: #6FC3AD;
    border: 1px solid #6FC3AD;
    padding: 11px 1%;
}

.btn.current-link {
    padding: 11px 1%;
}

.btn.product-save::before, .btn.current-link::before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(images/save-icon.png) no-repeat;
    background-position: 0 -30px;
    position: relative;
    vertical-align: middle;
    margin-right: 15px;
}

.btn.current-link::before {
    background-image: url(images/svg/current-link.svg);
    background-position: 50% 50%;
}

.btn.product-save:hover {
    background: #3C907A;
    border: 1px solid #357E6A;
}

.product-head-left .chekboxgroup {
    padding: 0 1%;
    background: #B5CDD9;
    color: #2E627E;
    height: 46px;
    text-align: left;
    border: none;
}

.product-head-left .chekboxgroup label {
    color: #fff;
    display: inline-block;
    float: none;
}

.product-head-left .chekboxgroup label.checked {
    color: #2F5C79;
    font-weight: 500;
}

.product-head-left .chekboxgroup label::before {
    margin-bottom: 0;
    float: none;
    vertical-align: middle;
}

.product-head-right-means {
    text-align: right;
}

.product-head-right-means-text {
    display: inline-block;
    color: #35637D;
    font-size: 13px;
    font-weight: 500;
    max-width: 205px;
    vertical-align: middle;
    margin-right: 3px;
}

.product-head-right-means-link {
    background: #8998AB;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    padding: 10px;
}

.product-head-right-tabs.tabs-btns {
    margin: 28px 0 0;
}

.product-head-right-tabs.tabs-btns::after {
    content: none;
}

.product-head-right-tabs.tabs-btns > .tab_btn {
    text-transform: uppercase;
    box-sizing: border-box;
    width: auto;
    max-width: none;
    background: #5A80A4;
    padding: 0 3px;
    height: 46px;
}

.product-head-right-tabs.tabs-btns > .tab_btn:hover, .product-head-right-tabs.tabs-btns > .tab_btn.active {
    background: #51677B;
}

.product-head-right-tabs > .tab_btn:first-child {
    width: 11%;
}

.product-head-right-tabs > .tab_btn:nth-child(2) {
    width: 15%;
}

.product-head-right-tabs > .tab_btn:nth-child(3) {
    width: 8%;
}

.product-head-right-tabs > .tab_btn:nth-child(4) {
    width: 7%;
}

.product-head-right-tabs > .tab_btn:nth-child(5) {
    width: 19%;
}

.product-head-right-tabs > .tab_btn:nth-child(6) {
    width: 8%;
}

.product-head-right-tabs > .tab_btn:nth-child(7) {
    width: 16%;
}

.product-head-right-tabs > .tab_btn:nth-child(8) {
    width: 16%;
}

.product-head-right-tabs.tabs-btns > .tab_btn::after {
    background: #5F99C1;
    border: none;
}

.product-tab-page {
    background: #fff;
}

.product-tab-head {
    position: relative;
    font-size: 15px;
    padding: 15px;
    font-weight: 600;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.field-half-blk .product-tab-head {
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #E6E6E6 52%, #E6E6E6 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #E6E6E6 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #E6E6E6 52%, #E6E6E6 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #E6E6E6 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.field-full-grey-blk {
    padding: 20px;
    background: #F6F8FA;
}

.field-full-grey-blk select {
    margin-bottom: 10px;
}

.field-full-grey-blk select + span {
    font-size: 20px;
    color: #4083a8;
    padding-right: 15px;
    position: relative;
    top: 2px;
}

.field-full-white-blk {
    padding: 20px;
    background: #FFF;
}

.field-full-white-blk.on-center {
    text-align: center;
}

.kat-links {
    padding: 20px;
}

.btn.adtn-btn {
    background: #839AAE;
    border: 1px solid #839AAE;
    font-size: 13px;
    padding: 5px 20px;
    margin-right: 10px;
    margin-bottom: 10px;
    vertical-align: top;
    height: 30px;
    box-sizing: border-box;
}

.btn.adtn-btn:hover {
    background: #51677B;
    border: 1px solid #3C4E5D;
}

.product-block {
    border-bottom: 2px solid #B8C6D1;
    position: relative;
}

.product-block.disabled::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.7;
}

.product-block:last-child {
    border-bottom: none;
}

.statistics-info-block {
    margin: 25px 10px;
    border: 1px solid #f4f5fa;
}

.statistics-info-block .field-blk:last-child {
    border-bottom: none;
}

.field-blk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background: #F4F5FA;
    border-bottom: 2px solid #fff;
}

.field-sum-text {
    font-size: 18px;
    color: #35637d;
}

.field-sum-text b {
    font-size: 125%;
    white-space: nowrap;
}

.field-blk.no-cols {
    background: #fff;
    display: block;
}

.field-blk h2 {
    font-size: 15px;
    color: #35637D;
    font-weight: 600;
    margin: 20px;
    margin: 0 0 20px;
}

h2 img {
    vertical-align: middle;
    margin-right: 10px;
}

.field-name, .field-info {
    font-size: 15px;
    padding: 10px 20px 10px 5px;
    box-sizing: border-box;
    width: 45%;
    float: left;
    text-align: right;
    color: #35637D;
    font-weight: 500;
    line-height: 20px;
}

.statistics-info-block .field-name {
    padding-top: 10px;
}

.field-content {
    background: #fff;
    float: left;
    width: 55%;
    padding: 11px 5px 10px 10px;
    box-sizing: border-box;
}

.field-content select {
    margin-bottom: 0;
}

.field-content label {
    margin-bottom: 0;
}

.field-content input, .field-content textarea, .field-content select {
    width: 260px;
}

.field-content .half {
    width: 150px;
    display: inline-block;
}

.field-content .datetime {
    width: 190px;
}

.field-content .full {
    width: 100%;
    display: inline-block;
}

.field-content .inputtextgroup + .chekboxgroup {
    position: relative;
    top: 5px;
}

.product-body-bottom {
    margin-top: 20px;
}

.field-img-main {
    padding: 20px;
}

/*изображения в карточке товара*/
.main-image {
    display: block;
    margin-bottom: 20px;
}

.field-additional-images {
    float: left;
}

.adtnl-img-blk {
    position: relative;
    float: left;
    margin-right: 20px;
}

.adtnl-img-blk.deleted {
    opacity: 0.4;
}

.adtnl-img-blk.deleted a.delete {
    visibility: hidden;
}

.adtnl-img-link {
    display: block;
    text-align: center;
    width: 130px;
    height: 90px;
}

.adtnl-img-link img {
    max-width: 100%;
    max-height: 100%;
}

.adtnl-img-toolbar {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 81px;
    background: #F6F8FA;
}

.adtnl-img-toolbar a {
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    background-image: url(images/svg/adtnl-img-toolbar.svg);
    background-repeat: no-repeat;
    background-position-y: 50%;
    border: 1px solid #F6F8FA;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.adtnl-img-toolbar a:hover {
    border-color: #7AC0E6;
    background-color: #A5D5EE;
}

.adtnl-img-toolbar .copy {
    background-position-x: 2px;
}

.adtnl-img-toolbar .edit {
    background-position-x: -27px;
}

.adtnl-img-toolbar .delete {
    background-position-x: -53px;
}

.field-img-btm {
    padding: 10px 20px;
}

.field-img-garbage {
    float: left;
}

.img-garbage-icon {
    height: 60px;
    width: 60px;
    margin: 0 auto;
    background: url(images/svg/img-garbage.svg) no-repeat 50% 50%;
    background-color: white;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    color: #005576;
}

.field-img-garbage .btn.adtn-btn {
    margin-right: 0;
}

.inline .btn.adtn-btn {
    float: left;
    margin-right: 0;
    padding: 5px 20px;
}

.inline .inputtextgroup {
    float: left;
}

.field-half-blk {
    width: 46%;
    margin: 0 2%;
    float: left;
}

.double-page .field-half-blk {
    width: 96%;
    margin: 20px 2%;
    float: none;
    padding-bottom: 20px;
}

.field-half-blk.default-price, .field-half-blk.default-price .product-block, .field-half-blk.default-price .product-tab-head {
    background-color: #CFE8E2;
}

.slider-item-img {
    margin-bottom: 10px;
}

.slider-item-img img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.slider-item-text {
    font-size: 15px;
    text-align: center;
    color: #005576;
    font-weight: 500;
}

.product-body .field-content i {
    background: #B2D6E2;
    font-size: 14px;
    font-weight: 600;
    color: #34637D;
    padding: 5px 10px;
    margin: 5px 5px 0 0;
    display: inline-block;
}

.modal-window-main .tag-editor {
    border-color: #2e627e;
    min-height: 3em;
    margin-top: 10px;
}

/*Цены на странице редактирования товара*/
.field-blk.field-blk--price {
    margin: 20px 10px 10px;
    border: 1px solid #DCDCDE !important;
}

.price-sort {
    cursor: pointer;
    float: left;
    margin-left: -32px;
    position: relative;
    left: 32px;
    height: 32px;
}

.price-sort img {
    float: left;
    margin-top: 7px;
    margin-left: 3px;
}

.price-sort .listing-grid-sorting {
    margin-left: 22px;
    margin-top: 7px;
}

.price-img {
    float: left;
    width: 32px;
    height: 32px;
    margin-left: -32px;
    position: relative;
    left: 65px;
    overflow: hidden;
}

.price-img img {
    width: 100%;
}

.field-price-top .inputtextgroup {
    float: left;
    padding-left: 65px;
    padding-right: 119px;
    width: 100%;
    box-sizing: border-box;
}

.field-price-top .inputtextgroup label {
    width: 60%;
    margin: 0;
    padding: 0;
}

.field-price-top .inputtextgroup label:last-child {
    width: 40%;
}

.field-price-top .inputtextgroup label select, .field-price-top .inputtextgroup label input {
    border-color: #DCDCDE;
    border-top: none;
    max-width: none;
    width: 100%;
    min-height: 32px;
    box-sizing: border-box;
    margin: 0;
}

.field-price-top .inputtextgroup label input {
    border-right: none;
}

.field-price-top .btn.delete {
    padding: 0;
    height: 32px;
    line-height: 30px;
    box-sizing: border-box;
    float: right;
    font-size: 16px;
    width: 120px;
    margin-right: -120px;
    position: relative;
    right: 120px;
}

.settings-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/svg/head-fst-btn-bot.svg) 50% 50% no-repeat;
    margin-right: 15px;
    width: 16px;
    height: 19px;
}

.field-price-bot {
    margin: 20px 20px 10px;
}

.field-price-bot .settings-btn {
    padding: 6px 10px;
    margin-bottom: 10px;
}

.field-price-bot .radiogroup {
    display: inline-block;
    margin: 5px 0 0 10px;
}

.field-price-bot .btn.product-save {
    display: none;
    padding: 4px 10px;
    margin-bottom: 10px;
    line-height: 1.4;
}

.field-price-bot.open .btn.product-save {
    display: inline-block;
}

.field-price-bot.open .settings-btn {
    background: #8099AD;
    border-color: #8099AD;
}

.field-price-bot.open .settings-btn:hover {
    background: #8099AD;
    border-color: #8099AD;
}

.field-price-extended {
    display: none;
}

.field-price-extended .field-img-main img {
    float: left;
    margin-right: 20px;
}

/*-------*/
.double-page-right .field-content label {
    margin-bottom: 10px;
}

.field-selection-wrap > * {
    float: left;
}

.field-selection-wrap > img {
    position: relative;
    top: 6px;
    margin-right: 5px;
}

.grades-add.btn.add-cat {
    display: inline-block;
    margin-top: 13px;
    height: 40px;
    display: block;
    width: 41px;
    background: #60B39F;
}

.grades-edit.btn {
    background: #60B39F;
}

#grades-from-groups .liststyle:nth-child(even) {
    background: #E0E8EB;
}

.grades-name, .grades-name input {
    width: 100%;
}

#grades-from-goods .grades-good:nth-child(even) {
    background: #E0E8EB;
}

#grades-from-groups .combined-checkbox {
    padding: 15px;
}

#grades-from-goods .grades-good {
    padding: 15px;
}

#grades-from-goods .grades-label select {
    width: 275px;
}

#grades-from-goods .grades__goods-list .chekboxgroup_text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/*СТРАНИЦА РЕДАКТИРОВАНИЯ МАТЕРИАЛА*/
.material-page .product-head-right-tabs {
    margin-top: 66px;
    max-width: 740px;
    width: 100%;
    float: right;
    box-sizing: border-box;
}

.material-page .product-head-right-tabs > .tab_btn {
    width: 33.3%;
}

.field-blk-img.field-half-blk {
    width: 32%;
}

.field-half-blk.product-block {
    width: 60%;
    padding: 20px 0;
}

/*СПИСОК ЗАКАЗОВ*/
/*сетка*/

.order-list .header {
    background: #E5E5E6;
    overflow: hidden;
    padding: 10px;
}

.order-list .header .quick_dates,
.order-list .header .pagination {
    margin: 0px;
}

.order-listing .col {
    width: 11.8%;
}

.order-listing .third-col {
    width: 5%;
}

.order-listing .first-col, .order-listing .fourth-col, .order-listing .twelfth-col {
    width: 6%;
}

.order-listing .fifth-col {
    width: 9%;
}

.order-listing .seventh-col {
    width: 14.6%;
}

.order-listing .eleventh-col, .order-listing .eighth-col {
    width: 4%;
}

.order-listing .tenth-col {
    width: 10%;
}

/*---*/
.listing-grid-item .chekboxgroup.liststyle label {
    padding-right: 0;
    float: none;
    font-weight: normal;
    font-size: 14px;
    color: #4083A8;
}

.listing-grid-item .chekboxgroup.liststyle label.checked {
    color: #35627F;
}

.order-list {
    padding-right: 30px;
}

.order-listing .listing-grid-head h2 {
    height: 45px;
}

.order-list .listing-grid-col-wrap {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #265574;
}

.order-list .listing-grid-col-wrap {
    padding: 5px;
}

.seventh-col .listing-grid-col-wrap {
    padding: 5px 15px;
}

.listing-grid h2 img {
    margin-right: 0;
}

.order-list .listing-grid-head .chekboxgroup label {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: -10px;
}

.seventh-col .as-link-text {
    max-width: 100%;
    min-height: 28px;
}

a.listing-grid-col-wrap time, a.listing-grid-col-wrap span {
    text-decoration: underline;
}

a.listing-grid-col-wrap:hover time, a.listing-grid-col-wrap:hover span {
    text-decoration: none;
}

.listing-grid-col-wrap.additional-site, .listing-grid-col-wrap.additional-site:hover {
    background: none !important;
}

.listing-grid-col-wrap.additional-site:hover .as-link-text {
    color: inherit !important;
}

.search-main {
    margin-top: 30px;
    border: 1px solid #B6CBD2;
}

.search-main-top {
    position: relative;
}

.search-main-top__icon, .search-main-top__expand {
    height: 65px;
    width: 65px;
    background: #34617A url(images/svg/search-main-top__icon.svg) no-repeat 100% 100%;
    float: left;
    position: relative;
    left: 65px;
    margin-left: -65px;
    z-index: 2;
}

.search-main-top__expand {
    cursor: pointer;
    background: #B6C5CE;
    text-align: center;
    left: 130px;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.search-main-top__expand span {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #456077;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.search-main-top__expand.close span {
    border-bottom: none;
    border-top: 15px solid #456077;
}

.search-main-top__expand:hover {
    background: #60B39F;
}

.search-main-top__input {
    height: 65px;
    border: none;
    box-sizing: border-box;
    width: 100%;
    padding-left: 150px;
    padding-right: 185px;
    font-size: 30px;
    background: #E5E5E6;
    color: #34617A;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.search-main-top__input:focus {
    background: #fff;
    font-size: 22px;
}

.search-main-top__input::-webkit-input-placeholder {
    color: #7DB09C;
}

.search-main-top__input::-moz-placeholder {
    color: #7DB09C;
}

.search-main-top__input:-ms-input-placeholder {
    color: #7DB09C;
}

.search-main-top__input:focus::-webkit-input-placeholder {
    color: transparent;
}

.search-main-top__input:focus::-moz-placeholder {
    color: transparent;
}

.search-main-top__input:focus:-moz-placeholder {
    color: transparent;
}

.search-main-top__input:focus:-ms-input-placeholder {
    color: transparent;
}

.search-main-top__btn {
    position: absolute;
    right: 20px;
    top: 12.5px;
    background: #60B39F;
    border: 1px solid #60B39F;
    font-size: 18px;
    padding: 5px 26px 2px;
}

.search-main-top__btn:hover {
    background-color: #387567;
    border-color: #285349;
}

.search-main-top__btn::before {
    content: '';
    display: inline-block;
    background: url(images/svg/listing-search.svg) no-repeat 50% 50%;
    height: 30px;
    margin-right: 10px;
    width: 30px;
    vertical-align: middle;
}

.search-main-bot {
    background: #fff;
}

.search-main-bot.close {
    display: none;
}

.search-main-bot .product-tab-content {
    padding: 20px 0;
}

.search-main-bot .search-main-top__btn {
    position: static;
    margin: 0 35px 20px;
}

/*ЛИЦЕНЗИЯ*/
.license-page, .program-page, .update-page {
    padding-right: 30px;
}

.grey-head {
    background: #E6E6E6;
    padding: 15px 30px;
    margin-top: 10px;
}

.grey-head h1 {
    margin-top: 0;
}

.license-block .field-content {
    width: 100%;
    float: none;
    font-size: 15px;
    padding: 15px;
    min-height: auto;
}

.license-block .field-content-line {
    padding: 3px 0;
}

.license-block input {
    width: 300px;
}

.license-key-text {
    border: 1px solid #61B59D;
    float: left;
    background: #FBF9DB;
    height: 30px;
    padding: 0px 7px;
    line-height: 28px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100% !important;
    padding-right: 125px;
    box-sizing: border-box;
    text-transform: uppercase;
}

.license-key-text + .btn.adtn-btn {
    position: relative;
    float: right;
    margin-top: -30px;
}

.license-block .inline .inputtextgroup * {
    margin-right: 0;
}

.license-block .inline .btn.adtn-btn {
    background: #5FB5A0;
    border-color: #5FB5A0;
}

.license-block .inline .btn.adtn-btn {
    background: #5FB5A0;
    border-color: #5FB5A0;
}

.license-block .inline .btn.adtn-btn:hover {
    background: #3C907A;
    border: 1px solid #357E6A;
}

.field-content-title, .field-content-text, .field-content-text + .btn.adtn-btn {
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.field-content-title {
    color: #8797A9;
}

.field-content-text {
    color: #456278;
}

/*О ПРОГРАММЕ*/
.field-content-textblock {
    padding: 15px;
    background: #fff;
    color: #8797A9;
    font-size: 15px;
}

.field-content-textblock:nth-child(odd) {
    background: #F6F8F9;
}

/*СТРАНИЦА ЗАКАЗА*/
.order-page-blk {
    margin-top: 20px;
}

.order-page {
    padding-right: 30px;
}

.order-btns {
    text-align: right;
}

.order-btns > .btn {
    font-size: 17px;
    max-width: none;
    width: auto;
    padding: 4px 17px;
    line-height: 1.7;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

.order-top {
    margin-top: 10px;
    margin-bottom: 20px;
}

.order-top .product-tab-head {
    padding-right: 190px;
}

.order-page .field-content {
    min-height: 45px;
}

.btn.print-btn {
    font-size: 17px;
    background: #839AAE;
    padding: 11px 42px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #839AAE;
}

.btn.print-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/svg/print-btn.svg) 50% 50% no-repeat;
    margin-right: 15px;
    width: 16px;
    height: 19px;
}

.btn.print-btn:hover {
    background-color: #51677B;
    border-color: #3C4E5D;
}

.order-page-blk .btn.print-btn {
    margin: 20px;
}

.btn.change-btn {
    font-size: 18px;
    display: inline-block;
    padding: 10px;
    max-width: 255px;
    max-width: 100%;
    margin-bottom: 30px;
    margin-right: 20px;
    background: #839AAE;
    border: 1px solid #839AAE;
    box-sizing: border-box;
}

.btn.change-btn:hover {
    background-color: #51677B;
    border-color: #3C4E5D;
}

.btn.change-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    background: url(images/svg/change-btn.svg) no-repeat 50% 50%;
}

.order-products-btn .btn {
    margin-bottom: 10px;
}

.order-page-listing .col {
    width: 16.666%;
}

.order-page-listing .listing-grid-col-wrap {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #265574;
}

.btn.change-btn.edit-data, .btn.change-btn.edit-status {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    top: 8px;
    right: 10px;
    text-transform: none;
    padding: 6px 10px;
    margin: 0;
    background: #6FC3AD;
    border-color: #6FC3AD;
}

.btn.change-btn.edit-data:hover, .btn.change-btn.edit-status:hover {
    background: #3C907A;
    border-color: #357E6A;
}

.addition-new-status input {
    width: 250px;
    margin-right: 0;
}

input.status-color-box {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #F14A44;
    float: left;
    box-sizing: border-box;
    border: none;
}

.order-status option {
    color: #fff;
}

option[value="Сообщение не отправлено"] {
    background: #F14A44;
}

option[value="Заказ оформлен"] {
    background: #FDAA4E;
}

option[value="Принят к исполнению"] {
    background: #44B559;
}

option[value="Выполнен"] {
    background: #299351;
}

option[value="Отменен"] {
    background: #00B7F3;
}

option[value="Доставка"] {
    background: #485AA4;
}

option[value="Комплектовка"] {
    background: #B84844;
}

option[value="Новые"] {
    background: #299351;
}

option[value="Оплаченные"] {
    background: #B1AFB0;
}

.mw-content.status-content {
    padding: 10px 0;
}

.status-line .as-link-text {
    height: 28px;
    max-width: 90% !important;
}

.status-line .additional-site {
    background: none;
    border-top: 1px solid #CFDCE3;
}

.status-line .additional-site:last-child {
    border-bottom: 1px solid #CFDCE3;
}

.status-line .additional-site:nth-child(even) {
    background: #E5E6E8;
}

.btn.add-status {
    margin: 20px auto;
    display: block;
    width: 225px;
}

.addition-new-status {
    display: none;
    margin: 20px;
}

/*-----------СПИСОК ПОЛЬЗОВАТЕЛЕЙ---------------*/
.user-list {
    padding-right: 20px;
}

.user-listing .listing-grid-col-wrap {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 17px;
    color: #265574;
}

.user-listing .col {
    width: 11.855%;
}

.user-listing .third-col, .user-listing .first-col {
    width: 5%;
}

.user-listing .ninth-col {
    width: 7%;
}

.user-listing .first-col .listing-grid-col-wrap {
    padding: 5px;
}

.user-listing .listing-grid-head h2 {
    height: 45px;
}

.user-listing .listing-grid-head h2 .chekboxgroup label {
    display: block;
    float: none;
    margin: 1px auto;
    width: 25px;
}

/*СТРАНИЦА ПОЛЬЗОВАТЕЛЯ*/
.user-page {
    padding-right: 20px;
}

.user-head {
    margin: 20px 0 0;
}

.user-head-left {
    margin-bottom: 20px;
}

.user-head-left h1 {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user-head-right-tabs.tabs-btns {
    margin-left: 0;
    margin-bottom: 0;
    width: 55%;
    float: right;
}

.user-head-right-tabs.tabs-btns::after {
    display: none;
}

.user-head-right-tabs.tabs-btns > .tab_btn {
    text-transform: uppercase;
    box-sizing: border-box;
    width: 20%;
    max-width: none;
    background: #5A80A4;
    padding: 0 3px;
    height: 46px;
    border-bottom: none;
}

.user-head-right-tabs.tabs-btns > .tab_btn::after {
    background: #5F99C1;
    border: none;
}

.user-head-right-tabs.tabs-btns > .tab_btn:hover, .user-head-right-tabs.tabs-btns > .tab_btn.active {
    background: #51677B;
}

.field-all-check.chekboxgroup label {
    color: #35637D;
    font-size: 15px;
    padding-right: 0;
}

.btn.add-ip-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(images/svg/add-ip-btn.svg) 50% 50% no-repeat;
    margin-right: 15px;
    width: 29px;
    height: 29px;
}

.btn.adtn-btn.add-ip-btn {
    display: block;
    clear: both;
}

.user-page .chekboxgroup label {
    width: 33.33%;
}

.user-page .field-all-check.chekboxgroup label {
    width: auto;
}

.user-edit-tabs.user-head-right-tabs.tabs-btns > .tab_btn {
    width: 33.33%;
}

/* МАССОВЫЕ ОПЕРАЦИИ ГЛАВНАЯ*/
.mass-operations_main, .full-width-page {
    padding: 0 30px;
}

.operat-list {
    margin-top: 20px;
    background: #fff;
}

.operat-list-items {
    padding: 20px 30px;
}

.operat-list-item {
    float: left;
    width: 18%;
    margin: 10px 1%;
    background: #F0F8ED;
    border: 2px solid #7FCDB5;
    box-sizing: border-box;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.operat-list-item.disable {
    background: #F3F3F5;
    border-color: #D6DBDE;
}

.operat-list-item-top {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #D1E0DB;
}

.operat-list-name {
    height: 92px;
    overflow: hidden;
    padding: 0 67px 0 37px;
    font-size: 15px;
    color: #33627C;
    text-align: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.disable .operat-list-name {
    color: #B2C8D3;
}

.operat-list-check {
    float: left;
    width: 20px;
    margin-left: -20px;
    position: relative;
    left: 30px;
}

.operat-list-icon {
    float: right;
    margin-right: -50px;
    position: relative;
    right: 60px;
    height: 50px;
    width: 50px;
    background: url(images/svg/multi.svg) no-repeat 50% 50%;
}

.disposable-operation .operat-list-icon {
    background-image: url(images/svg/single.svg);
}

.operat-list-item-bot {
    padding: 3px 7px;
}

.operation-run {
    text-transform: uppercase;
    color: #B2C8D3;
    font-size: 15px;
    text-decoration: none;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}

.operation-run::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    width: 0;
    height: 0;
    border-top: 13px solid transparent;
    border-left: 12px solid #B2C8D3;
    border-bottom: 13px solid transparent;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.operation-run:hover {
    color: #22637F;
}

.operation-run:hover::before {
    border-left-color: #22637F;
}

.operation-icon {
    display: block;
    float: right;
    width: 29px;
    height: 26px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    text-decoration: none;
    -webkit-transition: background-image 0.3s;
    transition: background-image 0.3s;
}

.operation-products {
    position: relative;
    background-image: url(images/svg/list.svg);
}

.operation-edit {
    background-image: url(images/svg/edit.svg);
}

.operation-delete {
    background-image: url(images/svg/op-delete.svg);
}

.operation-products:hover {
    background-image: url(images/svg/list-hover.svg);
}

.operation-edit:hover {
    background-image: url(images/svg/edit-hover.svg);
}

.operation-delete:hover {
    background-image: url(images/svg/op-delete-hover.svg);
}

.operation-products .count {
    position: absolute;
    top: -11px;
    right: -5px;
    display: block;
    min-width: 22px;
    padding: 0 2px;
    height: 22px;
    text-align: center;
    font-size: 9px;
    font-style: italic;
    line-height: 22px;
    border-radius: 50%;
    background: rgba(178, 200, 213, 0.8);
    box-sizing: border-box;
}

.operations-btns {
    margin-top: 20px;
}

.operations-btns .btn {
    padding: 0;
    height: 91px;
    width: 298px;
    display: block;
    float: left;
    margin: 0 20px 20px 0;
    border: 1px solid;
}

.operations-btns .btn span {
    padding-left: 80px;
    padding-right: 10px;
    box-sizing: border-box;
}

.operations-btns .btn::before {
    width: 60px;
    margin-left: -60px;
    position: relative;
    left: 70px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.btn.single::before {
    background-image: url(images/svg/single-white.svg);
}

.btn.single {
    background-color: #5CBAA0;
    border-color: #5CBAA0;
}

.btn.single:hover {
    background-color: #357E69;
    border-color: #265A4B;
}

.btn.multiple::before {
    background-image: url(images/svg/multi.svg);
    background-size: 50px;
}

.btn.multiple {
    background-color: #F3F3F5;
    border-color: #F3F3F5;
    color: #33627C;
}

.btn.multiple:hover {
    background-color: #33627C;
    border-color: #33627C;
    color: #fff;
}

.btn.multiple:hover::before {
    background-image: url(images/svg/multi-white.svg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mass-op-head {
    margin: 20px 0;
    border-bottom: 2px solid #E1E8EC;
}

.mass-op-head .user-head-right-tabs.tabs-btns > .tab_btn {
    width: 33.333%;
}

.mass-op-head .user-head-right-tabs.tabs-btns {
    width: 40%;
    margin-right: 10%;
}

/*СТРАНИЦА РЕДАКТИРОВАНИЯ\СОЗДАНИЯ МАССОВОЙ ОПЕРАЦИИ*/
.mass-operations-aside-left.listing-aside-left a {
    padding: 10px 0;
    box-sizing: border-box;
    height: 38px;
}

.mass-operations-aside-left.listing-aside-left a:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: -5px;
    bottom: -5px;
    background: transparent;
    opacity: 0.5;
    left: -100%;
    right: -10px;
    z-index: 1;
}

.mass-operations-aside-left.listing-aside-left a:hover:before {
    background: #113E53;
}

.mass-operations-aside-left.listing-aside-left a span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mass-operations-aside-left .tree li.closed .plusminus,
.mass-operations-aside-left .tree li.opened .plusminus {
    top: 11px !important;
}

.mass-operations-aside-left .tree li {
    background-position: 0 18px;
}

.mass-operations-aside-left.listing-aside-left > .tree > li:first-child > a::before {
    background: #113E53;
}

.mass-operations-aside-left.listing-aside-left > .tree > li:first-child > a::after,
.mass-operations-aside-left.listing-aside-left a:hover::after {
    content: url(images/svg/helper-drag-drop-left.svg);
    display: inline-block;
    margin-right: -191px;
    position: relative;
    right: -55px;
    z-index: 3;
    height: 30px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -9px;
    top: 4px;
}

.mass-operations-aside-left.listing-aside-left > .tree > li:first-child > a span {
    color: #fff;
}

.mass-operations-aside-left.listing-aside-left:hover > .tree > li:first-child > a::before {
    background: none;
}

.mass-operations-aside-left.listing-aside-left:hover > .tree > li:first-child > a::after {
    content: none;
}

.mass-operations-aside-left.listing-aside-left:hover > .tree > li:first-child > a span {
    color: #22637F;
}

.mass-operations-aside-left.listing-aside-left:hover > .tree > li:first-child > a:hover::before {
    background: #113E53;
}

.mass-operations-aside-left.listing-aside-left:hover > .tree > li:first-child > a:hover::after {
    content: url(images/svg/helper-drag-drop-left.svg);
}

.mass-operations-aside-left.listing-aside-left:hover > .tree > li:first-child > a:hover span {
    color: #fff;
}

.mass-operations {
    padding-right: 30px;
}

.tab-head__btn {
    float: right;
    position: relative;
    top: -6px;
    margin-left: 10px;
    padding: 0px 17px;
    background: #5CBAA0;
    height: 31px;
    line-height: 31px;
    border: 1px solid #5CBAA0;
    color: #fff;
    font-size: 15px;
    text-decoration: none;
    text-transform: none;
    font-weight: 400;
    box-sizing: border-box;
}

.mass-op-body {
    background: #fff;
}

.mass-body-content {
    padding: 0 20px;
}

.mass-categories {
    padding: 20px 0;
}

.mass-filter-wrap {
    border: 2px solid #DAE3E8;
    padding: 5px;
    height: 92px !important;
}

.mass-btn-title {
    font-size: 15px;
    color: #B2C8D3;
    height: 100%;
}

.mass-btn-title {
    font-size: 15px;
    text-align: center;
    color: #B2C8D3;
    height: 100%;
}

.mass-btn-title i {
    display: block;
    font-stretch: normal;
    text-transform: uppercase;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.categories-container {
    margin-left: 23.5%;
    background: #849AAF;
    padding: 10px;
    height: 100%;
    box-sizing: border-box;
}

.helper-drag-drop img {
    display: block;
}

.categories-container__list {
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
    display: block;
    overflow: hidden;
    position: relative;
    max-height: 35px;
}

.categories-container__list span {
    cursor: pointer;
}

.mass-tab-btns {
    border-bottom: 1px solid #E4E8E9;
}

.mass-tab_button {
    cursor: pointer;
    width: 23.5%;
    margin-right: 2%;
    float: left;
    box-sizing: border-box;
}

.mass-tab_button:last-child {
    margin-right: 0;
}

.mass-tab_button.active, .mass-tab_button:hover {
    background: #E4E8E9;
    border-color: #E4E8E9;
    height: 106px !important;
}

.mass-tab_button:hover {
    height: 92px !important;
}

.mass-tab_button.active:hover {
    height: 106px !important;
}

.mass-tab_button.active .mass-btn-title, .mass-tab_button:hover .mass-btn-title {
    color: #33627E;
}

.mass-categories .mass-tab_button:hover {
    background: #fff;
}

.mass-tab-pages {
    margin-top: 20px;
}

.mass-body-footer {
    padding: 20px;
    border-top: 2px solid #B4C9CE;
    margin: 20px 0;
}

.mass-start .tab-head__btn, .mass-body-footer .tab-head__btn {
    top: 0;
    float: left;
}

.mass-start .tab-head__btn {
    float: none;
    margin-left: 0;
}

/*РЕДАКТИРОВАНИЕ КАТЕГОРИИ*/
.kat-head {
    margin-top: 25px;
}

.kat-head .product-head-left {
    width: 39%;
    float: left;
}

.kat-head-right {
    width: 61%;
    float: left;
}

.category-page .user-head-right-tabs.tabs-btns {
    margin-top: 56px;
    width: 100%;
}

.category-page .user-head-right-tabs > .tab_btn {
    width: 20%;
}

/*характеристики категории*/
.feature-field:nth-child(even) {
    background: #f3f3fb;
}

.feature-section {
    padding: 10px 20px;
    background: url(images/vert-dots.png) 31px top repeat-y;
}

.feature-chekbox {
    float: left;
    padding-top: 6px;
}

.field-click-open {
    float: left;
    padding-top: 8px;
    margin-right: 15px;
}

.field-click-open img {
    cursor: pointer;
}

.feature-chekbox.liststyle label {
    margin-bottom: 0;
    padding-right: 10px;
}

.feature-legend {
    padding-top: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #005278;
}

.feature-legend span {
    border-bottom: 1px dashed #005278;
    cursor: pointer;
}

.feature-legend span:hover {
    color: #1CA1D6;
    border-bottom-color: #1CA1D6;
}

.feature-select {
    float: right;
}

.feature-items {
    display: none;
    padding: 0;
}

.feature-field.open .feature-items,
.feature-field.visible .feature-items {
    display: block;
}

.feature-field.visible .feature-items .feature-item {
    display: none;
}

.feature-field.open .feature-items .feature-item,
.feature-field.visible .feature-items .feature-item.active {
    display: block;
}

.feature-item select {
    width: 190px;
}

.feature-item {
    padding: 0 25px 0 60px;
    background: url(images/vert-dots.png) 31px top repeat-y;
}

.feature-item:before {
    content: '';
    background: url(images/goris-dots.png) 0 16px repeat-x;
    width: 24px;
    height: 35px;
    position: absolute;
    margin: 0px 0 0 -25px;
}

.feature-item:nth-child(even) {
    background-color: #dde3ec;
}

.feature-item:hover {
    background-color: #d9e8ff;
}

.feature-item.active {
    background-color: #ced7e3;
}

.feature-item.active:nth-child(even) {
    background-color: #d5dde7;
}

.feature-item .feature-chekbox label {
    padding-right: 0;
}

.feature-item .feature-sorting {
    float: left;
    width: 60px;
    height: 35px;
    display: flex;
    flex-direction: column;
    cursor: move;
    justify-content: center;
    justify-items: center;
    margin-right: 10px;
}

.feature-item .feature-sorting .top {
    width: 0;
    height: 0;
    margin: 0 auto 3px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #2D9DCB;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.feature-item .feature-sorting .bottom {
    width: 0;
    height: 0;
    margin: 0 auto;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #035678;
    transition: 0.2s;
}

.feature-item .feature-legend {
    font-size: 13px;
    font-weight: 500;
    float: left;
    width: 22%;
    max-width: 220px;
}

.feature-item .feature-legend span {
    border-bottom: none;
    padding: 0;
}

.input-specification {
    font-size: 13px;
    color: #969594;
    padding-right: 10px;
}

.feature-item .feature-select {
    margin-top: 2px;
}

.feature-hint {
    display: none;
}

.feature-appointed {
    cursor: pointer;
    padding: 9px 0;
    font-size: 13px;
    color: #1CA1D6;
    font-weight: 500;
    float: left;
    margin: 0 15px;
    border-left: 1px solid #eaeaec;
    padding-left: 10px;
}

.feature-appointed span {
    border-bottom: 1px dashed;
}

.feature-appointed span:hover {
    color: #005278;
    border-color: #005278;
}

.mass-quantity {
    font-size: 15px;
    margin-bottom: 15px;
    color: #B2C8D3;
}

.mass-quantity b {
    color: #33627C;
    font-size: 25px;
}

.mass-wrap {
    margin-bottom: 20px;
    padding: 20px;
    border: 2px solid #B2C8D3;
    background: #EAF4FB;
}

.mass-wrap.no-bg {
    background: transparent;
}

/*Просмотренные товары в меню слева*/
.left-sect-content.visited-products {
    background: #E5E4E5;
    padding: 0;
}

.visited-product-item {
    padding: 7px;
    border-bottom: 3px solid #b5cdd9;
}

.visited-product-date {
    font-size: 15px;
    font-weight: 500;
    color: #3E8FC1;
    margin-bottom: 4px;
}

.visited-product-img-block {
    position: relative;
}

.visited-product-img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.visited-product-btns {
    position: absolute;
    left: 0;
    top: 0;
}

.visited-product-btns a {
    display: block;
    float: left;
    background: #456077;
    padding: 0 8px;
    height: 40px;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.visited-product-btns a:hover {
    background: #7193af;
}

.visited-product-bot {
    background: #6C8BA7;
}

.visited-product-name, .visited-product-price {
    width: 60%;
    padding: 8px;
    height: 65px;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
    font-size: 13px;
    color: #456077;
    background: #E9F1F4;
}

.visited-product-price {
    background: #6C8BA7;
    width: 40%;
    text-align: center;
    font-size: 17px;
    color: #fff;
}

/*СОДЕРЖИМОЕ КОРЗИНЫ - СТАТИСТИКА*/
.search-main-top__input-title {
    line-height: 1.1;
    text-transform: uppercase;
    padding-right: 20px;
}

.search-main-top__icon-basket {
    background-image: url(images/svg/basket-icon.svg);
}

.shopping-cart .product-tab-content {
    padding: 0;
}

.shopping-cart .listing-grid {
    margin: 0;
}

.shopping-cart-listing .col {
    width: 12%;
}

.shopping-cart-listing .second-col {
    width: 24%;
}

.shopping-cart-listing .third-col {
    width: 40%;
}

.shopping-cart-listing .listing-grid-col-wrap {
    font-size: 15px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.listing-grid-foot {
    background: #fff;
    margin: 0;
}

.listing-grid-foot .col {
    height: 60px;
}

/*ЛИСТИНГ ПРОИЗВОДИТЕЛЕЙ*/
.man-listing .listing-grid-col-wrap {
    font-size: 15px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.man-listing .second-col .listing-grid-col-wrap {
    padding-left: 0;
    padding-right: 0;
}

.man-listing .col {
    width: 17.5%;
}

.man-listing .zero-col, .man-listing .second-col {
    width: 5%;
}

.man-listing .fifth-col, .man-listing .sixth-col {
    width: 11%;
}

.man-listing .fourth-col {
    width: 33%;
}

.man-listing .fourth-col .listing-grid-col-wrap span {
    max-height: 55px;
    overflow: hidden;
}

/*СТРАНИЦА РЕДАКТИРОВАНИЯ ПРОИЗВОДИТЕЛЯ*/
.manufacturers-page .tabs-btns {
    margin-top: 66px;
    width: 100%;
}

.manufacturers-page .product-head-left {
    width: 44%;
    float: left;
}

.manufacturers-page .kat-head-right {
    width: 56%;
    float: left;
}

.manufacturers-page .product-head-left .btn {
    white-space: nowrap;
}

/*СПИСОК ВАЛЮТ*/
.currency-listing .col {
    width: 15%;
}

.currency-listing .zero-col {
    width: 5%;
}

.currency-listing .first-col, .currency-listing .second-col {
    width: 13%;
}

.currency-listing .fifth-col {
    width: 9%;
}

.currency-listing .listing-grid-head h2, .currency-listing .mobile-listing-head {
    height: 52px;
}

.currency-listing .listing-grid-col-wrap {
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
}

.listing-grid-col-wrap.liststyle label {
    margin-bottom: 0;
}

.listing-grid-col-wrap label::before {
    margin-right: 0;
}

.listing-grid-col-wrap.radiogroup label {
    margin-bottom: 0;
}

.currency-listing .listing-grid-name-link {
    margin: 0;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}

/* СОПУТСТВУЮЩИЕ ТОВАРЫ */
.related-page {
    padding-right: 30px;
}

.related-body {
    background: #fff;
    padding: 20px 0;
    margin-top: 20px;
    overflow: hidden;
}

.rel-left {
    width: 30%;
    float: left;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

.rel-right {
    width: 70%;
    float: left;
    padding: 20px 20px 10px;
    margin-bottom: 20px;
    background: #f3f3fb;
    box-sizing: border-box;
}

.rel-items-wrap {
    margin-top: 20px;
}

.rel-items-wrap.row {
    margin-right: -5px;
    margin-left: -5px;
}

.rel-items-wrap .col {
    width: 20%;
    padding: 0 5px 10px;
}

.rel-item {
    border: 1px solid #afc7d0;
    padding: 6px;
    background: #fff;
    box-sizing: border-box;
}

.rel-item__img {
    display: block;
}

.rel-item__img img {
    width: 100%;
    display: block;
}

.rel-item__title {
    display: block;
    text-decoration: none;
    padding: 4px 0;
    font-size: 15px;
    text-align: center;
    height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.btn.rel-item__btn {
    display: block;
    width: 100%;
    padding: 3px;
    height: 32px;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 15px;
    box-sizing: border-box;
    background: #8b9daf;
    border-color: #8b9daf;
}

.rel-item_main {
    width: 100%;
    padding: 10px;
}

.col.rel-item_notadded {
    width: 16.66%;
}

.rel-item_main .rel-item__btn {
    height: 45px;
    line-height: 1;
    background: #5fb29e;
    font-size: 20px;
    margin-top: 10px;
}

.rel-kat {
    margin-bottom: 20px;
}

.rel-filter {
    width: 100%;
}

.rel-filter .rel-items-wrap {
    padding: 0 20px 20px;
}

.mw-phone header {
    font-size: 15px;
    padding: 15px;
    font-weight: 600;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.mw-phone_phone_icon::before {
    content: '';
    display: inline-block;
    background: url(images/svg/mw-phone_phone_icon.svg);
    height: 18px;
    width: 18px;
    vertical-align: middle;
    margin-right: 10px;
}

.text-field {
    font-size: 30px;
    line-height: 1;
    color: #265574;
}

.text-field_sub {
    color: #8898AB;
}

.visit-options {
    padding: 20px;
}

.visit-options * {
    vertical-align: middle;
}

.visit-options-head {
    margin-bottom: 20px;
}

.visit-options-head span {
    font-size: 30px;
    color: #265574;
    display: inline-block;
    margin-right: 15px;
}

.visit-options-head img {
    width: 16px;
    display: inline-block;
    margin-right: 15px;
}

.visit-options-head a {
    font-size: 14px;
}

.mw-phone-btns {
    text-align: center;
}

.mw-phone-btns .btn {
    margin: 0 15px 10px 0;
    font-size: 20px;
    padding: 12px 18px;
}

/*ЭКСПОРТ/ИМПОРТ ТОВАРОВ*/
.export-import-page {
    padding-right: 30px;
}

.export-import-body {
    margin-top: 20px;
    background: #fff;
    padding: 20px 20px;
}

.export-import-body .mass-tab-btns {
    border-bottom: none;
}

.export-import-body .mass-tab_button {
    width: 32%;
}

.export-import-tab-page .tabs-btns {
    max-width: 600px;
    margin: 20px auto 0;
}

.export-import-tab-page .tabs-btns .tab_btn {
    width: 50% !important;
}

.categories-container {
    margin-left: 32%;
}

.export-import-body .mass-categories {
    padding: 0;
}

.export-pages {
    margin-bottom: 15px;
    position: relative;
}

.export-pages.disabled::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0.7;
}

.export-listing .listing-grid-col-wrap, .import-listing .listing-grid-col-wrap {
    font-size: 15px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.export-listing .col {
    width: 16%;
}

.export-listing .first-col {
    width: 9%;
}

.export-listing .fourth-col, .export-listing .fifth-col {
    width: 29.5%;
}

.import-listing .third-col {
    width: 74.8%;
}

.import-listing .listing-grid-head {
    display: block !important;
}

.import-listing .mobile-listing-head {
    display: none !important;
}

.import-listing .listing-grid-item {
    margin: 0 !important;
}

/*IP ТЕЛЕФОНИЯ*/
.associated-blocks {
    margin-bottom: 20px;
}

.associated-block {
    float: left;
    margin-bottom: 10px;
    width: 25%;
    padding-right: 6%;
    box-sizing: border-box;
    position: relative;
}

.associated-blocks .associated-block:last-child {
    padding-right: 0;
}

.associated-blocks .associated-block:last-child::before {
    content: none;
}

.associated-block * {
    position: relative;
    z-index: 2;
}

.associated-block::before {
    content: '';
    display: block;
    position: absolute;
    top: 35px;
    right: 0;
    width: 100%;
    height: 5px;
    z-index: 1;
    background: #e9e9eb;
}

.associated-block__img {
    float: left;
    width: 85px;
    height: 75px;
    overflow: hidden;
    margin-left: -85px;
    position: relative;
    z-index: 3;
    left: 85px;
}

.associated-block__img img {
    display: block;
    width: 100%;
}

.associated-block__name {
    float: left;
    width: 100%;
    height: 75px;
    padding-left: 105px;
    background: #F0F1F8;
    box-sizing: border-box;
}

.associated-block__name {
    float: left;
    width: 100%;
    height: 75px;
    padding-left: 105px;
    box-sizing: border-box;
    color: #005476;
    font-size: 14px;
}

.associated-block__title, .associated-block__edit {
    float: left;
    width: 100%;
    height: 75px;
    padding-right: 50px;
    padding-left: 8px;
    background: #F0F1F8;
    box-sizing: border-box;
    color: #005476;
    font-size: 14px;
}

.associated-block-icon {
    float: right;
    margin-right: -34px;
    position: relative;
    right: 34px;
}

.associated-block-icon__edit, .associated-block-icon__remove {
    cursor: pointer;
    display: block;
    border: none;
    background-color: #8598a9;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 34px;
    height: 37px;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.associated-block-icon__edit {
    margin-bottom: 1px;
    background-image: url(images/svg/edit-white.svg);
}

.associated-block-icon__remove {
    background-image: url(images/svg/delete.svg);
}

.associated-block-icon__edit:hover, .associated-block-icon__remove:hover {
    background-color: #005476;
}

.associated-block__btn {
    height: 75px;
    padding: 5px !important;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

.associated-block__btn {
    font-size: 18px;
}

.associated-block__btn::before {
    width: 13px;
    margin-right: 12px;
    background: url(images/svg/listing-add-kat.svg) no-repeat 50% 50%;
    background-size: 100% auto;
}

.associated-block__edit {
    display: none;
}

.associated-block__edit input {
    height: 17px;
    padding: 1px 5px;
    margin: 3px 0 0 0 !important;
    font-size: 13px;
    width: 100%;
}

/*СПОСОБЫ ОПЛАТЫ/ДОСТАВКИ*/
.methods-listing .col {
    width: 18.66%;
}

.methods-listing .listing-grid-col-wrap {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left;
}

.methods-listing .third-col .listing-grid-col-wrap {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.methods-listing .zero-col, .methods-pay-listing .zero-col {
    text-align: center;
    width: 5%;
}

.methods-listing .first-col {
    width: 19%;
}

.methods-listing .second-col {
    width: 14.66%;
}

.methods-listing .third-col {
    width: 10%;
}

.methods-listing .first-col .listing-grid-col-wrap > div, .methods-listing .first-col input {
    width: 100%;
}

.methods-listing .zero-col .listing-grid-col-wrap, .methods-listing .third-col .listing-grid-col-wrap {
    padding: 5px;
}

.methods-listing .sixth-col {
    width: 14%;
}

.methods-listing .listing-grid-col-wrap, .methods-pay-listing .listing-grid-col-wrap {
    font-size: 14px;
    position: relative;
}

.btns-list-group > div {
    width: 100%;
}

.btns-list-group .btn {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 5px;
    font-size: 16px;
    margin-bottom: 10px;
}

.vamfix.full-width-input > * {
    width: 100%;
}

.full-width-input label {
    padding-right: 0;
}

.full-width-input label input {
    width: 100%;
    margin-right: 0;
    box-sizing: border-box;
}

.methods-listing .fourth-col .listing-grid-col-wrap label::before {
    margin-right: 10px;
}

.methods-listing .fifth-col .inputtextgroup label {
    margin: 0;
}

.methods-listing .fifth-col .inputtextgroup label input {
    margin: 5px 0;
}

.pay-listing label {
    margin-bottom: 10px !important;
}

.pay-listing label::before {
    margin-right: 10px;
}

.pay-listing .col {
    width: 27%;
}

.pay-listing .fourth-col {
    width: 14%;
}

.pay-listing .zero-col {
    width: 5%;
}

.min-modal-window {
    display: none;
    position: absolute;
    z-index: 99;
    background: #fff;
    min-width: 150%;
    margin: 10px 0 0;
    box-shadow: 0px -4px 4px #fff;
}

.min-modal-input-wrap {
    padding: 8px;
    text-align: left;
}

.min-modal-input-wrap label {
    margin: 5px 0;
}

.min-modal-input-wrap label::before {
    margin-right: 10px;
}

.min-modal-input-wrap .inputtextgroup input {
    width: 100%;
    max-width: none;
}

.min-modal-window .field-name, .min-modal-window .field-content {
    float: none;
    width: 100%;
    text-align: left;
}

/*СПИСОК ГРУПП ХАРАКТЕРИСТИК*/
.group-perfomance-listing .col {
    width: 10%;
}

.group-perfomance-listing .first-col {
    width: 40%;
}

.group-perfomance-listing .second-col {
    width: 15%;
}

.group-perfomance-listing .zero-col, .feature-listing .zero-col {
    width: 5%;
}

.group-perfomance-listing .sort-col {
    width: 10%;
}

.group-perfomance-listing .listing-grid-col-wrap {
    font-size: 15px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.group-perfomance-listing .first-col .listing-grid-col-wrap {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.listing-hide-inputs {
    max-width: 100%;
    display: none;
}

.features-hide-edit {
    width: 100%;
    max-width: 300px;
    min-width: 55%;
    margin: 5px 0;
}

.inputtextgroup.edit-input label {
    margin: 3px 5px;
    padding: 0;
    padding-right: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.inputtextgroup.edit-input input {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #5eb39b !important;
}

.btn-inputedit {
    cursor: pointer;
    border: 0;
    height: 30px;
    width: 30px;
    margin-left: -1px;
    background: #5eb39b url(images/svg/edit-white.svg) 50% 50% no-repeat;
    position: relative;
    margin-right: -30px;
    float: right;
    display: block;
    right: 31px;
}

.mark-input label {
    white-space: nowrap;
}

.mark-input label b {
    color: #8b9daf;
    margin-right: 5px;
}

.mark-input label input {
    width: 69%;
    width: calc(100% - 32px);
}

.group-perfomance-listing .btn {
    display: block;
    margin: 7px auto 3px;
    padding: 6px 10px;
}

.listing-id {
    color: #48a3cf;
}

.edit-input .add-cat {
    display: block;
    float: left;
    padding: 0;
    margin: 0;
    height: 30px;
    font-size: 16px;
    text-align: center;
    width: 115px;
    margin-right: -116px;
    position: relative;
    right: 115px;
}

.btm-adding .inputtextgroup.edit-input label {
    padding-right: 115px;
}

.listing__group-name {
    margin: 3px 0;
    width: 100%;
    font-weight: 500;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listing__group-name_alias {
    color: #8b9daf;
}

/*СПИСОК ХАРАКТЕРИСТИК В ГРУППЕ*/
.feature-listing .col {
    width: 9.53%;
}

.feature-listing .first-col {
    width: 19%;
}

.feature-listing .fourth-col, .feature-listing .fifth-col, .feature-listing .sixth-col, .feature-listing .seventh-col, .feature-listing .zero-col {
    width: 5%;
}

.feature-listing .ninth-col {
    width: 27.4%;
}

.feature-listing .listing-grid-col-wrap {
    font-size: 15px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px;
}

.feature-listing .first-col .listing-grid-col-wrap > div,
.feature-listing .third-col .listing-grid-col-wrap > div {
    text-align: left;
}

.feature-listing select {
    width: 100%;
}

.feature-listing .min-modal-window {
    max-width: 320px;
    min-width: 0;
}

.feature-listing select.type {
    margin-top: 10px;
}

.feature-listing .listing-hide-inputs {
    display: block;
    width: 100%;
}

.feature-listing .inputtextgroup.edit-input label {
    padding-right: 8px;
}

.feature-listing .inputtextgroup.edit-input input {
    border-color: #b1c9d4 !important;
}

.feature-listing .tag-editor.ui-sortable {
    margin-bottom: 10px;
}

.feature-id {
    color: #265574;
    font-weight: 500;
}

.listing-hint {
    cursor: pointer;
    color: #21637f;
    border: 2px solid;
    display: block;
    width: 20px;
    height: 19px;
    line-height: 20px;
    text-align: center;
    font-weight: 600;
    font-size: 14px;
    border-radius: 50%;
    position: absolute;
    margin-left: -12px;
    opacity: 0.9;
}

.listing-grid textarea {
    max-height: 100%;
    padding: 5px;
}

.listing-grid textarea:focus {
    padding: 8px;
    font-size: 14px;
}

.feature-listing .eighth-col label {
    margin-bottom: 10px;
}

.feature-listing .tenth-col input {
    display: block;
    margin-bottom: 5px;
}

.feature-listing .listing-grid-item:nth-child(even) {
    background: #fbfbfb;
}

.listing-grid h3 {
    font-weight: 500;
    color: #2e627e;
    margin-bottom: 5px;
}

.values-list-wrap.listing-grid-col-wrap {
    position: relative;
    min-height: 84px;
}

.values-list-wrap.listing-grid-col-wrap > div {
    width: 100%;
    padding-right: 55px;
    box-sizing: border-box;
}

.values-list {
    overflow: hidden;
}

.values-list li {
    display: block;
    width: auto !important;
    max-width: 100%;
    background: #dcecf2;
    box-sizing: border-box;
    position: relative;
    float: left;
    padding: 3px 22px 3px 5px;
    overflow: hidden;
    margin: 0 5px 5px 0;
}

.list-value-title {
    cursor: pointer;
    color: #005478;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-value-close {
    font-family: sans-serif;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    color: #8B9EB0;
    font-size: 12px;
    padding: 3px 7px;
}

.list-value-title input {
    width: auto !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
}

.list-sorting-btns {
    position: absolute;
    right: 0;
    top: 0;
    border-right: 0;
    height: 100%;
}

.list-sorting-btns button {
    cursor: pointer;
    display: block;
    border: 1px solid #cbd4d9;
    border-right: none;
    border-bottom: none;
    padding: 10px;
    background: #fff;
    height: 50%;
}

.list-sorting-btns button:first-child {
    border-top: none;
}

.list-sorting-btns button:hover img {
    -webkit-filter: saturate(0.6);
    filter: saturate(0.6);
}

.list-sorting-btns button img {
    display: block;
    -webkit-transition: all .3s;
    transition: all .3s;
}

.feature-list-img > * {
    display: block;
    float: left;
    margin-right: 7px;
    margin-bottom: 7px;
}

.feature-list-img .listing-grid-sorting {
    margin-top: 9px;
}

.feature-list-img img {
    width: 32px;
}

.feature-hiden-inputs {
    display: none;
}

.feature_type-number .feature_type-number {
    display: block;
}

.feature_type-text .feature_type-text {
    display: block;
}

.feature_type-mediumtext .feature_type-mediumtext {
    display: block;
}

.feature_type-enum .feature_type-enum {
    display: block;
}

.feature_type-set .feature_type-set {
    display: block;
}

.feature_type-enum_picture .feature_type-enum_picture {
    display: block;
}

.feature_type-set_picture .feature_type-set_picture {
    display: block;
}

/*ШАБЛОНЫ*/
.textarea-wrap {
    padding: 15px;
    background: #fff;
}

.templates-mark .field-name, .templates-mark .field-content {
    width: 50%;
}

.templates-mark .field-info {
    width: 100%;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    font-size: 85%;
}

.textarea-wrap textarea {
    width: 100%;
    box-sizing: border-box;
}

.field-mark-text {
    font-size: 15px;
    padding-top: 6px;
    color: #52BA58;
    word-wrap: break-word;
}

.right-content-aside {
    float: left;
    width: 480px;
    margin-left: -480px;
    position: relative;
    left: 480px;
}

.right-content-main {
    float: right;
    width: 100%;
    padding-left: 500px;
    box-sizing: border-box;
}

.field-additional-header {
    margin-top: 8px;
    color: #8A9DAE;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

.field-name p {
    color: #8A9DAE;
    font-size: 10px;
    line-height: 1.2;
    word-wrap: break-word;
    word-break: break-word;
}

.templates-right-bottom {
    margin-top: 20px;
}

.templates-right-bottom .btn.product-save {
    padding: 11px 6%;
}

.right-content-main .field-blk:last-child {
    border-bottom: none;
}

/*Список единиц измерения*/
.grades-listing .listing-grid-col-wrap, .measure-listing .listing-grid-col-wrap {
    font-size: 15px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.measure-listing .col {
    width: 33.33%;
}

.measure-listing .listing-grid-head, .grades-listing .listing-grid-head {
    display: block !important;
}

.measure-listing .mobile-listing-head, .grades-listing .mobile-listing-head {
    display: none !important;
}

.measure-listing .listing-grid-item, .grades-listing .listing-grid-item {
    margin: 0 !important;
}

/*СПИСОК КЛИЕНТОВ*/
.clients-listing .col {
    width: 12.5%;
}

.clients-listing .first-col {
    width: 4%;
}

.clients-listing .seventh-col, .clients-listing .ninth-col, .clients-listing .tenth-col {
    width: 7%;
}

.clients-listing .first-col .listing-grid-col-wrap {
    padding: 5px;
}

.clients-listing .listing-grid-col-wrap {
    font-size: 14px;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*РЕЗЕРВНОЕ КОПИРОВАНИЕ*/
.only__input label {
    margin: 0;
    padding: 0;
}

.only__input label::before {
    margin: 0;
}

.for__one__line {
    padding: 5px;
}

.for__one__line > * {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
}

.for__one__line label {
    margin-bottom: 0;
}

.half__height__parent {
    height: 100%;
}

.half__height__parent > * {
    height: 50%;
}

.backup-listing {
    margin: 0;
}

.backup-listing .listing-grid-col-wrap {
    text-align: center;
    font-size: 14px;
}

.backup-listing .second-col .listing-grid-col-wrap {
    text-align: left;
}

.backup-listing .col {
    width: 14%;
}

.backup-listing .second-col {
    width: 50%;
}

.backup-listing .first-col {
    width: 8%;
}

.btm-blue-btn {
    font-size: 18px;
    background: #839AAE;
    padding: 11px 42px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #839AAE;
    max-width: 200px;
    margin: 0 5px;
}

.btm-blue-btn:hover {
    background-color: #51677B;
    border-color: #3C4E5D;
}

.backup-btm {
    margin: 30px 0;
}

.backup-btm .btn.add-cat {
    padding: 11px 42px !important;
    margin: 0;
}

.chekbox-by-group .chekboxgroup {
    margin-bottom: 30px;
}

.backup-page .tabs-btns > .tab_btn {
    width: auto !important;
    padding: 0 10px;
    border-bottom: none;
}

.backup-page .product-tab-page {
    background: none;
}

.backup-listing .second-col .listing-grid-col-wrap > div {
    width: 100%;
}

/*--------------END РЕЗЕРВНОЕ КОПИРОВАНИЕ---------------*/
/* fix */
/* .product-body__good .field-blk {
    display: block;
}
.product-listing__goodlist .vamfix {
    display: block;
} */
/* order-list popUp*/
.listing-grid-item.row {
    position: relative;
}

.order-list__popUp {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
    top: 100%;
    padding-top: 10px;
    padding-bottom: 20px;
    background-color: #E6E6E8;
    z-index: 14;
    outline: 1px solid #B5CDD9;
}

.order-list__popUp-info {
    width: 100%;
}

.order-list__popUp-composition {
    width: 100%;
    min-width: 400px;
    margin-left: 20px;
    box-sizing: border-box;
}

.order-list__popUp-subHeader {
    height: 44px;
    line-height: 44px;
    padding-left: 16px;
    font-size: 15px;
    text-transform: uppercase;
    color: #34617A;
    background-color: #B6C5CE;
}

.order-list__popUp .listing-grid {
    margin: 0;
}

.order-list__popUp .listing-grid-head {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.order-list__popUp .listing-grid-item.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;

}

.order-list__popUp-composition .listing-grid-item {
    margin: 0;
    box-sizing: border-box;
    border-bottom: 1px solid #D2DDE1;
    background: #fff !important;
}

.order-list__popUp-composition .first-col {
    width: 20%;
    min-width: 20%;
}

.order-list__popUp-composition .second-col {
    width: 45%;
    min-width: 45%;
}

.order-list__popUp-composition .third-col {
    width: 15%;
    min-width: 15%;
}

.order-list__popUp-composition .fourth-col {
    width: 18.3%;
    min-width: 18.3%;
}

.order-list__popUp-composition .listing-grid .col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.order-list__popUp-composition .listing-grid-col-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: auto !important;
}

/* vitya */
/* obyavleniya */
.banner-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.banner-items .banner-item {
    height: 160px;
}

.banner-items .banner-item__img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.banner-items .banner-item__img {
    height: 120px;
    width: auto;
}

.banner-items .banner-item__img img {
    max-height: 120px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.standby-creen-center {
    background: none;
    border: 0;
    background-image: url('images/preloader_bg.png');
    background-repeat: no-repeat;
}

.noXpadding {
    padding-left: 0;
    padding-right: 0;
}

.material-page .product-block .field-blk.no-cols .field-full-white-blk {
    width: auto;
}

.material-page .current-link, .material-page .product-save, .material-page .product-delete {
    min-width: 210px;
}

/* mb danger */
#goToTopInMobile {
    border-top: 1px solid transparent;
}

.edit-page .tabs-btns {
    margin: 52px 0 0 0;
}

/* endVitya */
.price-sort .listing-grid-sorting {
    margin-left: -2px;
    position: relative;
    z-index: 1;
}

.field-name.field-name_actions-visible {
    padding: 14px 20px 5px 25px;
}

/* kostya */

.listing-grid .kat-zero-col .listing-delete-good {
    z-index: 1;
}

.listing-grid .kat-second-col .listing-grid-sorting {
    z-index: 1;
}

.listing-grid .kat-third-col .listing-grid-link {
    z-index: 1;
}

.listing-grid-item.not_published .kat-third-col .listing-grid-link {
    z-index: 100;
}

.listing-grid-item.not_published .listing-grid-number {
    z-index: 1;
}

.listing-grid-item.not_published .listing-grid-number div span {
    z-index: 1;
    color: #77888e;
}

.banner-item__active {
    position: absolute;
    z-index: 5;
}

#prices2 .field-name .storage {
    text-align: center;
    margin: 10px;
}

#prices2 .field-name .storage span {
    color: #555;
}

.banner-btn {
    position: absolute;
    top: 42%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.banner-btn-right {
    right: 40px;
}

.banner-btn-left {
    left: 40px;
}

.listing-grid-action-name {
    border-bottom: 1px dashed;
    cursor: pointer;
}

#average-check-sect .left-sect-content-numeric-bot {
    font-size: 3.0vw;
}

#analytics_div .col {
    padding: 5px !important;
    border-bottom: 1px solid #D2DDE1;
    border-right: 1px solid #D2DDE1;
}

#analytics_div .analytics-zero-col {
    text-transform: uppercase;
    width: 90%;
    font-size: 15px;
    color: #265574;
    padding: 6.5px !important;
    padding-left: 20px !important;
}

.analytics-first-col {
    width: 10%;
    text-align: center;
}

#analytics_div > div:nth-child(even) {
    background: #E0E8EB;
}

#analytics_div {
    margin-bottom: 15px;
}

#analytics_div .chekboxgroup.liststyle label {
    float: none !important;
    margin-bottom: 0 !important;
}

#analytics_div .row {
    cursor: move;
}

#analytics_div .listing-grid-item {
    margin: 0 !important;
}

.listing-aside-left .cat-list a::before {
    display: none;
}

.listing-aside-left .cat-list .item .add {
    background-image: url('images/svg/cat-list-goods.svg');
    background-position: 0px 48%;
}

.listing-aside-left .no-items.good.cat-list .item div {
    right: -44px;
}

.listing-aside-left .no-items.good.cat-list .item .add {
    display: none;
}

#create .btn.add-cat {
    padding: 0px !important;
}

.product-block .field-blk.no-cols .field-full-white-blk {
    width: 100%;
    box-sizing: border-box;
}

ul.holder {
    max-width: 100%;
    box-sizing: border-box;
}

.btn.add-cat.rel-item__btn.disabled.checked {
    background-color: #387567;
    border-color: #285349;;
}

#possible .btn.add-cat::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    background: url(images/svg/listing-add-kat.svg) no-repeat 50% 50%;
    display: none;

}

#possible .btn.rel-item__btn {
    position: relative;
}

#possible .btn.add-cat::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    vertical-align: middle;
    background: none;
    width: auto;
    height: 100%;
    top: 0px;
    line-height: 30px;
}

#current .btn.add-cat::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    background: url(images/svg/listing-add-kat.svg) no-repeat 50% 50%;
    display: none;

}

#current .btn.rel-item__btn {
    position: relative;
}

#current .btn.add-cat::before {
    content: '';
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    vertical-align: middle;
    background: none;
    width: auto;
    height: 100%;
    top: 0px;
    line-height: 30px;
}

/* Сопутствующие товары */
.related-goods .rel-item {
    width: 100%;
}

.listing-grid-item:nth-child(even) .listing-grid-item {
    background: #E0E8EB;
}

.pay-listing .listing-grid-col-wrap label::before, .listing-grid-col-wrap .min-modal-window label::before {
    margin-right: 10px;
}

.methods-listing.pay-listing .listing-grid-col-wrap {
    padding: 5px 15px;
}

.copy {
    background-image: url('/admin/static/images/icons/16/copy.png');
}

.duplicate {
    background-image: url('/admin/static/images/icons/16/duplicate.png');
}

/* Стиллизация шрифтов */
.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(2) {
    font-family: Times New Roman;
}

.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(3) {
    font-family: Courier New;
}

.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(4) {
    font-family: Arial;
}

.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(5) {
    font-family: Arial Black;
}

.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(6) {
    font-family: Tahoma;
}

.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(7) {
    font-family: Verdana;
}

.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(8) {
    font-family: Georgia;
}

.redactor-toolbar .fontName .jq-selectbox__dropdown ul li:nth-child(9) {
    font-family: monospace;
}

.heading .jq-selectbox__select {
    min-width: 100px;
}

.fontName .jq-selectbox__select {
    min-width: 100px;
}

#dirname {
    padding: 0px;
}

.ace-tm {
    min-height: 400px;
}

.ace > div {
    font-size: 14px;
    height: 400px;
    display: none;
    position: relative;
    margin-right: 20px;
}

/* endKostya */
/*katt*/
.showAll {
    float: left;
    padding: 4px;
}

.showAll select {
    padding: 9px;
    position: relative;
    top: -5px;
}

.stat-blk .plus {
    margin-left: 6px;
    width: 9px;
    height: 22px;
    display: inline-block;
    background: url(../../images/green-arrow.png) no-repeat;
}

.file-label + label {
    display: inline-block;
}

.file-label > label {
    display: inline-block;

}

.input-file > label > label {
    /*  display: block;
      float: left;*/
    color: #35627F;
    font-size: 15px;
    font-weight: 500;
    /*margin-right: 15px;*/
    margin-bottom: 10px;
}

@media screen and (min-width: 780px) {
    a.set-back {
        display: none;
    }
}

.action_buttons li a {
    display: block;
    max-width: 220px;
    box-sizing: border-box;
    text-align: center;
    margin: 15px auto 0;
    background: #5FB79E;
    border: 1px solid #5FB79E;
    padding: 13px;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.action_buttons li a:hover {
    background: #377B68;
    border: 1px solid #28584A;
}

.action_buttons {
    padding-bottom: 10px;
    border-bottom: 1px solid #6293AF;
}

.attention-info {
    border-bottom: none;
}

.highslide-html {
    overflow-y: auto !important;
}

.highslide-container table td {
    background-image: none !important;
}

.highslide-html-content fieldset legend {
    font-size: 15px;
    margin-left: -5px;
    width: 100%;
    padding: 15px;
    font-weight: 600;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%), -webkit-linear-gradient(right bottom, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%), linear-gradient(to left top, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.btn_g {
    background: #5DB9A0;
    border: 1px solid #5DB9A0;
    /* font-size: 15px;*/
    text-transform: uppercase;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.btn_g:hover {
    background: #367D6A;
    border-color: #26594C;
}

.statistics_highslide_form fieldset ul li {
    margin-left: -5px;
    margin-right: -5px;
    padding: 3px 0;
    padding-left: 20px;
    color: #2E627E;
    border-top: 1px solid #CEDDE4;
    border-bottom: 1px solid #CEDDE4;
    cursor: move !important;
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
}

.statistics_highslide_form fieldset ul li:hover {
    background: #FFFCF0 !important;
}

.statistics_highslide_form fieldset ul li:nth-child(even) {
    background: #E9F1F4;
}

.stat-entry {
    width: 100%;
}

#sort-goods li {
    -webkit-transition: background-color .2s;
    transition: background-color .2s;
    cursor: move;
    width: 290px !important;
    margin: 3px;
    border: 1px solid #CEDDE4;
}

#sort-goods li:hover {
    background-color: #CEDDE4;
}

.not_published {
    background-color: #e2e1e1 !important;
}

.listing-grid-item {
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

/*
.listing-grid-body h2{
    font-size: 24px;
    text-transform: uppercase;
    color: #2E627E;
    margin-top: 10px;
    line-height: 1.2;
}*/
.modal_listing {
    padding: 5px;
}

.listing-movement-wrap button:enabled {
    background: #60B39F;
    color: white;
}

.head-trial-version-center {
    float: left;
    width: 200px;
    letter-spacing: 0.1px;
    height: 31px;
    font-size: 10px;

}

.head-trial-version-center-text {
    font-size: 10px;
    line-height: 0.9;
    text-align: center;

}

.head-trial-version-left-text {
    font-size: 9px;
    line-height: 0.8;
    text-align: center;
}

.head-trial-version-left-days {
    padding: 2px;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
}

@media screen and (max-width: 1000px) {
    .head-trial-version-left-days {
        float: right !important;
        line-height: -10.3;
        font-size: 12px;
        margin-top: -19px;
    }
}

@media screen and (max-width: 1000px) {
    .head-trial-version-left-text {
        float: none !important;
    }
}

/*ЛИСТИНГ ГРУПП МАТЕРИАЛОВ*/
.listing-grid .col {
    /*  width: 12%;*/
}

.listing-grid .groups-zero-col {
    width: 20%;
}

.listing-grid .groups-first-col {
    width: 30%;
}

.listing-grid .groups-second-col {
    width: 20%;
}

.listing-grid .groups-third-col, .listing-grid .groups-fourth-col, .listing-grid .groups-fifth-col, .listing-grid .groups-sixth-col {
    width: 7.5%;
}

.groups-listing .listing-grid-col-wrap span {
    font-size: 16px;
}

/*ЛИСТИНГ АКЦИЙ*/
.listing-grid .actions-zero-col {
    width: 5%;
}

.listing-grid .actions-first-col {
    width: 10%;
}

.listing-grid .actions-second-col {
    width: 35%;
}

.listing-grid .actions-third-col,
.listing-grid .actions-fourth-col,
.listing-grid .actions-fifth-col,
.listing-grid .actions-sixth-col,
.listing-grid .actions-seventh-col {
    width: 10%;
}

.actions-listing .listing-grid-col-wrap span {
    font-size: 16px;
}

.groups-second-col p {
    text-align: center;
    color: #22637F;
    font-size: 14px;
}

.actions-listing .listing-grid-col-wrap {
    text-align: center;
}

.actions-listing .listing-grid-title {
    text-align: left;
}

.preview {
    position: relative;
}

.preview img[width="16"] {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/*ЛИСТИНГ СНИПЕТОВ*/
.listing-grid .snippet-zero-col {
    width: 15%;
}

.listing-grid .snippet-first-col {
    width: 26%;
}

.listing-grid .snippet-second-col {
    width: 9%;
}

.listing-grid .snippet-third-col {
    width: 36%;
}

.listing-grid .snippet-fourth-col, .listing-grid .snippet-fifth-col, .listing-grid .snippet-sixth-col, .listing-grid .snippet-seventh-col {
    width: 14%;
}

.actions-listing .listing-grid-col-wrap span {
    font-size: 16px;
}

.snippet-second-col p {
    text-align: center;
    color: #22637F;
    font-size: 14px;
}

.snippet-listing .listing-grid-col-wrap {
    text-align: center;
}

.snippet-listing .listing-grid-title {
    text-align: left;
}

#desktop .desktop_item > div {
    display: inline-block;
    height: 40px;
    text-align: center;
}

#desktop_options .col {
    padding: 0;
    border-bottom: 1px solid #D2DDE1;
    border-right: 1px solid #D2DDE1;

}

#snippet-form .inputtextgroup {
    padding: 0 20px 20px;
}

#snippet-form .inputtextgroup label {
    margin-top: 10px;
    padding-right: 3px;
}

/*ДЛЯ НАСТРОЕК */
@media screen {

    .listing-grid .desk-zero-col {
        text-align: center;
        width: 15%;
        cursor: pointer;
    }

    .listing-grid .desk-first-col {
        width: 80%;
    }

    .listing-grid .desk-second-col {
        text-align: center;
        width: 5%;
    }

    .actions-listing .listing-grid-col-wrap span {
        font-size: 16px;
    }

}

.gone-a-minus {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-size: 1.5vw;
    margin: 15px;
    float: right;
    font-weight: 300;
    font-style: italic;
    color: red;
}

@media screen and (max-width: 1500px) {
    .gone-a-minus {
        margin-left: 5px;
    }
}

.redactor-toolbar button {
    background-image: none;
}

.furl {
    padding-top: 4px;
}

.redactor-moving-wrap .after {
    position: absolute;
    width: 100%;
    bottom: -40px;
    height: 40px;
}

#extra_fields .gallery .list .el .edit .delete {
    background-image: url(../images/icons/delete.png);
    right: 10px;
    bottom: 10px;
}

#good-attachments .remove_attachment, #extra_fields .remove_attachment, #additionalFields .remove_attachment {
    min-width: 16px;
    display: inline-block;
    background: url(../images/icons/delete.png) no-repeat;
    height: 16px;
    cursor: pointer;
    padding: 3px;
    vertical-align: text-top;
    padding-left: 21px;
    line-height: 1em;
    max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#trash {
    background: none;
}

#good-attachments li a {
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: top;
}

.content {
    background-color: white;
    padding: 20px;
}

/*ЛИСТИНГ МЕНЮ*/
.listing-grid .menu-zero-col {
    width: 28%;
}

.listing-grid .menu-first-col {
    width: 37%;
}

.listing-grid .menu-second-col {
    width: 25%;
}

.listing-grid .menu-third-col {
    width: 10%;
}

.field-name-attr {
    font-size: 15px;
    padding: 15px 20px 5px 5px;
    box-sizing: border-box;
    width: 35%;
    color: #35637D;
    font-weight: 500;
}

.hid {
    display: none;
}

/*ДЛЯ МЕНЮ ЛИСТА(НЕ ГРУПП)*/
.listing-grid .menuitem-zero-col {
    width: 10%;
}

.listing-grid .menuitem-first-col {
    width: 45%;
}

.listing-grid .menuitem-second-col {
    width: 20%;
}

.listing-grid .menuitem-third-col {
    width: 20%;
}

.listing-grid .menuitem-fourth-col {
    width: 5%;
}

@media screen and (max-width: 980px) {
    .listing-grid .menuitem-zero-col {
        width: 0;
        display: none;
    }

    .listing-grid .menuitem-first-col {
        width: 100% !important;
        border-bottom: 1px solid #D2DDE1;
    }

    .listing-grid .menuitem-second-col {
        width: 50% !important;;
    }

    .listing-grid .menuitem-third-col {
        width: 40% !important;
    }

    .listing-grid .menuitem-fourth-col {
        width: 10% !important;
    }
}

/*допполя */
/*ДЛЯ МЕНЮ ЛИСТА(НЕ ГРУПП)*/
.material_list > div {
    height: auto !important;
}

.listing-grid .extra-zero-col {
    width: 20%;
}

.listing-grid .extra-first-col {
    width: 20%;
}

.listing-grid .extra-second-col {
    width: 27%;
}

.listing-grid .extra-third-col {
    width: 33%;
}

.extra {
    float: right;
    width: 100%;
}

.extra > .tab_btn {
    width: 14.2% !important;
}

.groups_tabs a {
    width: 50% !important;
}

.buying-point a img {
    vertical-align: middle;
    margin-right: 10px;
}

.desk-second-col label {
    display: inline-block;
}

.listing-grid-sorting-goods span {
    display: inline-block;
}

.visit-info-blk tr td:nth-child(2) {
    cursor: pointer;
}

/*О ПРОГРАММЕ*/
.field-content-textblock {
    padding: 15px;
    background: #fff;
    color: #8797A9;
    font-size: 15px;
}

.field-content-textblock:nth-child(odd) {
    background: #F6F8F9;
}

/*СТРАНИЦА ЗАКАЗА*/
.order-page-blk {
    margin-top: 20px;
}

.order-page {
    padding-right: 30px;
}

.order-btns {
    text-align: right;
}

.order-btns > .btn {
    font-size: 17px;
    max-width: none;
    width: auto;
    padding: 4px 17px;
    line-height: 1.7;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

.order-top {
    margin-top: 10px;
    margin-bottom: 20px;
}

.order-top .product-tab-head {
    padding-right: 190px;
}

.order-page .field-content {
    min-height: 45px;
}

.field-text {
    display: none;
    color: #35637D;
    padding-top: 5px;
    font-size: 16px;
}

.no-input .inputtextgroup {
    display: none;
}

.no-input .field-text {
    display: block;
}

.order-page-blk textarea {
    height: 300px;
}

.order-page-blk .product-block {
    background: #fff;
    border: none;
}

.btn.print-btn {
    font-size: 17px;
    background: #839AAE;
    padding: 11px 42px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #839AAE;
}

.btn.print-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../images/svg/print-btn.svg) 50% 50% no-repeat;
    margin-right: 15px;
    width: 16px;
    height: 19px;
}

.btn.print-btn:hover {
    background-color: #51677B;
    border-color: #3C4E5D;
}

.order-page-blk .btn.print-btn {
    margin: 20px;
}

.btn.change-btn {
    font-size: 18px;
    display: inline-block;
    padding: 10px;
    max-width: 255px;
    max-width: 100%;
    margin-bottom: 30px;
    margin-right: 20px;
    background: #839AAE;
    border: 1px solid #839AAE;
    box-sizing: border-box;
}

.btn.change-btn:hover {
    background-color: #51677B;
    border-color: #3C4E5D;
}

.btn.change-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 19px;
    width: 19px;
    margin-right: 10px;
    background: url(../images/svg/change-btn.svg) no-repeat 50% 50%;
}

.order-products-btn .btn {
    margin-bottom: 10px;
}

.order-page-listing .col {
    width: 16.666%;
}

.order-page-blk .btn.print-btn {
    margin: 20px;
}

.print-btn {
    font-size: 17px;
    background: #839AAE;
    padding: 11px 42px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #839AAE;
}

.order-page-listing .listing-grid-col-wrap {
    text-align: center;
    font-size: 15px;
    color: #265574;
    max-width: 100%;
}

.order-page-listing .features {
    display: inline-block;
    font-size: 13px;
}

.order-page-listing .features li {
    margin-bottom: 5px;
}

.order-page-listing .features li span {
    display: block;
}

.order-page-listing .features li span:first-child {
    font-weight: bold;
}

.btn.change-btn.edit-data, .btn.change-btn.edit-status {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    top: 8px;
    right: 10px;
    text-transform: none;
    padding: 6px 10px;
    margin: 0;
    background: #6FC3AD;
    border-color: #6FC3AD;
}

.btn.change-btn.edit-data:hover, .btn.change-btn.edit-status:hover {
    background: #3C907A;
    border-color: #357E6A;
}

.addition-new-status input {
    width: 250px;
    margin-right: 0;
}

input.status-color-box {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #F14A44;
    float: left;
    box-sizing: border-box;
    border: none;
}

.order-status option {
    color: #fff;
}

option[value="Сообщение не отправлено"] {
    background: #F14A44;
}

option[value="Заказ оформлен"] {
    background: #FDAA4E;
}

option[value="Принят к исполнению"] {
    background: #44B559;
}

option[value="Выполнен"] {
    background: #299351;
}

option[value="Отменен"] {
    background: #00B7F3;
}

option[value="Доставка"] {
    background: #485AA4;
}

option[value="Комплектовка"] {
    background: #B84844;
}

option[value="Новые"] {
    background: #299351;
}

option[value="Оплаченные"] {
    background: #B1AFB0;
}

.mw-content.status-content {
    padding: 10px 0;
}

.status-line .as-link-text {
    height: 28px;
    max-width: 90% !important;
}

.status-line .additional-site {
    background: none;
    border-top: 1px solid #CFDCE3;
}

.status-line .additional-site:last-child {
    border-bottom: 1px solid #CFDCE3;
}

.status-line .additional-site:nth-child(even) {
    background: #E5E6E8;
}

.btn.add-status {
    margin: 20px auto;
    display: block;
    width: 225px;
}

.addition-new-status {
    display: none;
    margin: 20px;
}

.product-tab-head {
    position: relative;
    font-size: 15px;
    padding: 15px;
    font-weight: 600;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    -webkit-linear-gradient(right bottom, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #A6D9CB 52%, #A6D9CB 56%, rgba(154, 189, 107, 0) 60%),
    linear-gradient(to left top, #A6D9CB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 8px 8px;
    background-color: #fff;
}

.field-half-blk.default-price, .field-half-blk.default-price .product-block, .field-half-blk.default-price .product-tab-head {
    background-color: #CFE8E2;
}

.field-blk.field-blk--price {
    margin: 20px 10px 10px;
    display: block;
    border: 1px solid #DCDCDE !important;
}

.double-page .field-half-blk {
    width: 96%;
    margin: 20px 2%;
    float: none;
    padding-bottom: 20px;
}

.order-listing .listing-delete-good {
    height: auto !important;
}

.order-listing .seventh-col a > span {
    margin-right: auto;
    text-align: left;
}

.active_left_status {
    background: #829BAF !important;

}

.active_left_status span {
    color: white !important;
}

.order-page-blk .order-btns > .btn {
    font-size: 17px;
    max-width: none;
    width: auto;
    padding: 4px 17px !important;
    line-height: 1.7;
    margin: 0;
    margin-right: 10px;
    margin-bottom: 10px;
}

.order-page-blk .btn.add-cat {
    padding: 7px 17px !important;
    font-size: 17px !important;
}

.orders_rows_down {
    display: block;
    padding-top: 2px;
    padding-bottom: 12px;
}

/*не показывать D */
#edit_show {
    display: none;
}

.order-status select[name=user] option {
    color: inherit;
}

option[value="none"] {
    color: #4083A8;
}

.order-page-blk .delete {
    padding: 0 !important;
}

.status_delete {
    width: 28px;
    height: 28px;
    display: inline-block;
    float: right;
    cursor: pointer;
}

.additional-site:hover .status_edit {
    width: 28px;
    height: 28px;
    margin-right: 4px;
    background: url(../images/svg/change-btn.svg) 50% 50% no-repeat;
    display: inline-block;
    float: right;
    cursor: pointer;
}

.status_edit:hover, .status_delete:hover {
    opacity: .6;
}

.additional-site:hover .status_delete {

    display: inline-block;
    background: url(../images/svg/delete.svg) 50% 50% no-repeat;
}

.status_edit_form {
    display: none;
}

input.status-color-box2 {
    cursor: pointer;
    width: 30px;
    height: 30px;
    /*background: #F14A44;*/
    float: left;
    box-sizing: border-box;
    border: none;
}

.status_edit_form label {
    margin-bottom: 0;
}

.order_paid_status {
    background-color: #FFF0B6 !important;
}

.order_current_date .first-col {
    background-color: rgba(191, 226, 201, 0.55) !important;
}

.btn.delete {
    opacity: 1;
}

.order-history {
    color: #35637D;
    margin-left: 10px;
}

.spoiler {
    /*  background-color:white;*/
}

.green-btn {
    cursor: pointer;
}

.modal-window-main .results {
    max-height: 300px;
    overflow: auto;
}

.results > div {
    margin: 10px;
}

.btn {
    cursor: pointer;
}

.btn.add-cat {
    display: inline-block;
    padding: 10px !important;
    max-width: 255px;
    max-width: 100%;
    margin: 0 10px 30px 0;
    background: #60B39F;
    border: 1px solid #60B39F;
    box-sizing: border-box;
}

.order-page-blk .btn.add-cat {
    padding: 10px !important;
}

.order-form-hidden {
    display: none;
}

.order-form-hidden input {
    width: 70px;
}

.order-btn-save {
    padding: 10px !important;
}

.send_mail .spoiler .spoiler_title {
    padding: 7px !important;
    padding-top: 8px !important;
    margin-right: 0 !important;
}

.spoiler_content input[name=email] {
    padding: 10px 5px;
}

.basket-point td {
    background: rgba(213, 182, 255, 0.75) !important;
}

.return-point td {
    background: rgba(111, 193, 136, 0.2) !important;
}

.buying-point td {
    background: #FFF0B6 !important;
}

.buying-point a img {
    vertical-align: middle;
    margin-right: 10px;
}

.order-list-bottom {
    width: 62%;
}

.order-list-bottom button {
    max-width: 280px !important;
    padding: 11px 1% !important;
}

.order-list-bottom a {
    width: auto !important;
}

#popular-pages-sect .left-sect-content > div, #popular-entrance-sect .left-sect-content > div, #popular-goods_bought-sect .left-sect-content > div, #popular-goods_viewed-sect .left-sect-content > div, #statistics-sources-sect .left-sect-content > div {
    text-align: center;

}

#popular-pages-sect .left-sect-content > div.left-sect-content-bot, #popular-entrance-sect .left-sect-content > div.left-sect-content-bot, #popular-goods_bought-sect .left-sect-content > div.left-sect-content-bot, #popular-goods_viewed-sect .left-sect-content > div.left-sect-content-bot, #statistics-sources-sect .left-sect-content > div.left-sect-content-bot {
    text-align: left;
}

#popular-entrance-sect table td:nth-child(2), #popular-goods_bought-sect table td:nth-child(2), #popular-pages-sect table td:nth-child(2), #popular-goods_viewed-sect table td:nth-child(2), #statistics-sources-sect table td:nth-child(2) {
    text-align: left;
}

#popular-entrance-sect table td, #statistics-sources-sect table td, #popular-pages-sect table td {
    vertical-align: middle;
}

.left-section.active a {
    background: inherit !important;
    color: inherit;
}

.positioned_main_min {
    position: absolute;
    right: 5px;
    top: 5px;
}

.main-left.active .positioned_main_min {
    position: absolute;
    right: 22px;
    top: 22px;
}

.desktop_preload {
    margin-top: 100px;
    margin-bottom: 100px;
}

.user-list .second-col .status {
    position: absolute;
    left: auto;
    top: auto;
    right: 5px;
    bottom: 5px;
}

@media screen and (max-width: 500px) {
    .pagination li:nth-last-child(4), .pagination li:nth-last-child(3) {
        display: inline-block !important;
    }
}

/*market goods*/
#pic-info {
    background-color: white;
    padding: 10px;
    z-index: 9;
}

#pic-info .inputtextgroup label span {
    color: white;
}

#pic-info legend {
    /*display:inline-block;*/
    display: block;
    position: relative;
    top: 10px;
}

#pic-info .inputtextgroup label button {
    padding: 4px;
}

ol.trash-items-listing {
    margin: 10px;
    list-style: initial;
    padding: 5px;
    list-style-type: decimal;
    list-style-position: inside;
}

ol.trash-items-listing li {
    margin-left: 10px;
    cursor: pointer;
    text-decoration: underline;
    color: #4083A8;
    width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
}

ol.trash-items-listing li:hover {
    text-decoration: none;
}

.justify_new {
    padding: 15px;
    padding-top: 0px;
}

.product-first-col-first .chekboxgroup label {
    padding-right: 0px;
}

#goods .delete {
    padding: 0 !important;
}

.listing-preview {
    width: initial;
}

.listing-grid-col-wrap label::before {
    margin-right: 0px;
}

.operat-list-item {
    -webkit-transition: backgroundColor 0.2s;
    transition: backgroundColor 0.2s;
}

/*СПИСОК ВАЛЮТ*/
.currency-listing .col {
    width: 15%;
}

.currency-listing .zero-col {
    width: 5%;
}

.currency-listing .first-col, .currency-listing .second-col {
    width: 13%;
}

.currency-listing .fifth-col {
    width: 9%;
}

.currency-listing .listing-grid-head h2, .currency-listing .mobile-listing-head {
    height: 52px;
}

.currency-listing .listing-grid-col-wrap {
    text-align: center;
    font-size: 14px;
}

.listing-grid-col-wrap.liststyle label {
    margin-bottom: 0;
}

.listing-grid-col-wrap label::before {
    margin-right: 0;
}

.currency-listing .listing-grid-name-link {
    margin: 0;
    margin-top: 5px;
    padding-top: 5px;
    text-align: left;
}

/* СОПУТСТВУЮЩИЕ ТОВАРЫ */
.related-page {
    padding-right: 30px;
}

.related-body {
    background: #fff;
    padding: 20px 0;
    margin-top: 20px;
}

.rel-left {
    width: 30%;
    float: left;
    padding: 0 20px 20px;
    box-sizing: border-box;
}

.rel-right {
    width: 70%;
    float: left;
    padding: 20px;
    background: #f3f3fb;
    box-sizing: border-box;
}

.rel-items-wrap {
    margin-top: 20px;
}

.rel-item {
    width: 20%;
    float: left;
    border: 1px solid #afc7d0;
    padding: 6px;
    background: #fff;
    box-sizing: border-box;
}

.rel-item__img {
    display: block;
}

.rel-item__img img {
    width: 100%;
    display: block;
}

.rel-item__title {
    display: block;
    text-decoration: none;
    padding: 4px 0;
    font-size: 15px;
    text-align: center;
}

.btn.rel-item__btn {
    display: block;
    width: 100%;
    padding: 3px;
    height: 32px;
    margin-bottom: 0;
    margin-right: 0;
    font-size: 15px;
    box-sizing: border-box;
    background: #8b9daf;
    border-color: #8b9daf;
}

.rel-item_main {
    width: 100%;
    padding: 10px;
}

.rel-item_notadded {
    width: 16.66%;
}

.rel-item_main .rel-item__btn {
    height: 45px;
    line-height: 1;
    background: #5fb29e;
    font-size: 20px;
    margin-top: 10px;
}

.rel-kat {
    margin-bottom: 20px;
}

.rel-filter .rel-items-wrap {
    padding: 0 20px 20px;
}

/*end market goods*/
header li {
    list-style-type: none;
}

.categories-container__list span:hover {
    text-decoration: underline;
}

.categories-container__list span:not(:last-child):after {
    display: inline-block;
    content: ' , ';
    width: 10px;
}

.helper-drag-drop {
    pointer-events: none;
}

.listing-edit {
    display: block;
    width: 30px;
    background: url(../images/svg/name-link.svg) 100% 5px no-repeat;
    height: 22px;
}

.wtf_unreg {
    text-decoration: none !important;
    font-size: 9px;
    display: block;
}

/*допполя */
/*ДЛЯ МЕНЮ МАССОВЫЕ ОПЕРАЦИИ ТОВАРЫ  */
@media screen {

    .listing-grid .mass_good-zero-col {
        width: 10%;
    }

    .listing-grid .mass_good-first-col {
        width: 15%;
    }

    .listing-grid .mass_good-second-col {
        width: 15%;
    }

    .listing-grid .mass_good-third-col {
        width: 60%;
    }
}

@media screen and (max-width: 980px) {

    .listing-grid .mass_good-zero-col {
        width: 50% !important;
        border-bottom: 1px solid #D2DDE1;;

    }

    .listing-grid .mass_good-first-col {
        width: 50% !important;
        border-bottom: 1px solid #D2DDE1;;
    }

    .listing-grid .mass_good-second-col {
        width: 50% !important;;
    }

    .listing-grid .mass_good-third-col {
        width: 50% !important;
    }

}

.mass_good {
    float: right;
    width: 100%;
}

.mass_good > .tab_btn {
    width: 20% !important;
}

@media screen and (max-width: 980px) {
    .mass_good > .tab_btn {
        width: 100% !important;

    }

    .mass_good {
        margin-left: 0;
        padding-left: 0;
    }

}

#head-version {
    display: none;
    width: 0;
}

.listing-grid-number label {
    /*  display:initial;*/
}

/*IP ТЕЛЕФОНИЯ*/
.associated-blocks {
    margin-bottom: 20px;
}

.associated-block {
    float: left;
    margin-bottom: 10px;
    width: 20.5%;
    padding-left: 6%;
    position: relative;
}

.associated-block.profile {
    padding-left: 0;
}

.associated-block::before {
    content: '';
    display: block;
    position: absolute;
    top: 35px;
    left: 0;
    right: 77.5%;
    height: 5px;
    background: #e9e9eb;
}

.associated-block__img {
    float: left;
    width: 85px;
    height: 75px;
    overflow: hidden;
    margin-left: -85px;
    position: relative;
    left: 85px;
}

.associated-block__img img {
    display: block;
    /* width: 100%;*/
}

.associated-block__name {
    float: left;
    width: 100%;
    height: 75px;
    padding-left: 105px;
    background: #F0F1F8;
    box-sizing: border-box;
}

.associated-block__name {
    float: left;
    width: 100%;
    height: 75px;
    padding-left: 105px;
    box-sizing: border-box;
    color: #005476;
    font-size: 14px;
}

.associated-block__title, .associated-block__edit {
    float: left;
    width: 100%;
    height: 75px;
    padding-right: 50px;
    padding-left: 8px;
    background: #F0F1F8;
    box-sizing: border-box;
    color: #005476;
    font-size: 14px;
}

.associated-block-icon {
    float: right;
    margin-right: -34px;
    position: relative;
    right: 34px;
}

.associated-block-icon__edit, .associated-block-icon__remove, .associated-block-icon__save {
    cursor: pointer;
    display: block;
    border: none;
    background-color: #8598a9;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    width: 34px;
    height: 37px;
    -webkit-transition: 0.15s;
    transition: 0.15s;
}

.associated-block-icon__edit {
    margin-bottom: 1px;
    background-image: url(../images/svg/edit-white.svg);
}

.associated-block-icon__remove {
    background-image: url(../images/svg/delete.svg);
}

.associated-block-icon__save {
    background-image: url(../images/save-icon.png);
    background-position: 8px -22px;
    margin-bottom: 1px;
}

.associated-block-icon__edit:hover, .associated-block-icon__save:hover, .associated-block-icon__remove:hover {
    background-color: #005476;
}

.associated-block__btn {
    height: 75px;
    box-sizing: border-box;
    display: block;
    text-align: center;
}

.associated-block__btn {
    font-size: 18px;
}

.associated-block__btn::before {
    width: 13px;
    margin-right: 12px;
    background: url(../images/svg/listing-add-kat.svg) no-repeat 50% 50%;
    background-size: 100% auto;
}

.associated-block__edit {
    display: none;
}

.associated-block__edit input {
    height: 17px;
    padding: 1px 5px;
    margin-top: 3px;
    font-size: 13px;
    margin-right: 0;
    width: 100%;
}

.user-listing .listing-grid-body .chekboxgroup label {
    width: auto !important;
}

@media print {
    .order-products-btn {
        display: none;
    }

    .order-page-listing {
        display: none;
    }

    .order-page-blk {
        display: none;
    }

    .statistic-aside-left {
        display: none;
    }
}

table.print {
    border-collapse: collapse;
}

table.print td, table.print th {
    border: 1px solid black;
    text-align: left;
    padding: 10px;
    vertical-align: middle;
}

.order-listing .listing-grid-item .ninth-col span {
    text-align: left;
}

#sideLeftTemplates .tree .closed ol {
    display: none;
}

#sideLeftTemplates ol li {
    /*	list-style-type: decimal;*/
    list-style-position: inside
}

#sideLeftTemplates a b, #sideLeftTemplates li {
    cursor: pointer;
}

#sideLeftTemplates .listing-aside-left a b {
    position: relative;
    z-index: 2;
}

#sideLeftTemplates .tree ol {
    margin-top: 10px;
}

#sideLeftTemplates ol ol li:hover {
    color: #fff;
}

#sideLeftTemplates {
    /*counter-reset: section;*/
}

#sideLeftTemplates ol {
    list-style-type: none !important;
    counter-reset: section;
}

#sideLeftTemplates ol li a {
    padding-left: 25px;
}

#sideLeftTemplates ol li::before {
    counter-increment: section;
    content: counters(section, ".") ". ";
    position: relative;
    float: left;
    z-index: 3;
    pointer-events: none;

}

#sideLeftTemplates .plusminus {
    pointer-events: none;
}

#sideLeftTemplates ol li.active_li_h::before {
    color: white;
}

/*ШАБЛОНЫ*/
.textarea-wrap {
    padding: 15px;
    background: #fff;
}

.textarea-wrap textarea {
    width: 100%;
    box-sizing: border-box;
}

.two-blocks-content {
    margin-bottom: 30px;
}

.two-blocks-content h1 {
    margin-bottom: 20px;
}

.right-content-aside {
    float: left;
    width: 480px;
    margin-left: -480px;
    position: relative;
    left: 480px;
}

.right-content-main {
    float: right;
    width: 100%;
    padding-left: 500px;
    box-sizing: border-box;
}

.field-additional-header {
    margin-top: 8px;
    color: #8A9DAE;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}

.templates-right-bottom {
    margin-top: 20px;
}

.templates-right-bottom .btn.product-save {
    padding: 11px 6%;
}

.right-content-main .field-blk:last-child {
    border-bottom: none;
}

#promos .hidden {
    display: none;
}

#promos .labels_block {
    width: 275px;

}

#delete_main {
    display: inline-block;
    cursor: pointer;
    position: relative;
    width: auto;

    font-size: 13px;
    color: #B3C9D7;

    padding-right: 20px;
    box-sizing: border-box;
    max-width: 100%;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

#delete_main * {
    pointer-events: none;
}

#delete_main label {
    display: inline-block;
    vertical-align: -webkit-baseline-middle;
    vertical-align: -moz-baseline-middle;
    vertical-align: baseline-middle;
}

/*end katt*/
/*УПРАВЛЕНИЕ ОБЪЯВЛЕНИЯМИ*/
.banner-groups {
    margin: 20px 0;
}

.btn.btn_add-fields {
    padding: 6px 10px;
}

.btn.btn_add-fields::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 27px;
    margin-right: 10px;
    background: url(../images/svg/btn_add-fields.svg) no-repeat 50% 50%;
}

.banner-group {
    position: relative;
    margin-bottom: 20px;
}

.banner-group .group_marker {
    color: #635f63;
    text-decoration: none;
}

.banner-group .group_marker:hover {
    border-bottom: dashed #635f63 1px;
}

.banner-group-body {
    padding: 5px;
    background: #fff;
}

.banner-group-btm {
    background: #fff;
}

.banner-group-btm__left {
    float: left;
}

.banner-group-btm__right {
    white-space: nowrap;
    float: right;
}

.banner-group-btm .btn {
    margin: 10px 15px;
    font-size: 16px;
    height: 42px;
    box-sizing: border-box;
    vertical-align: top;
}

.banner-group-btm .btn:last-child {
    margin-right: 25px;
}

.btn_deliv-sett, .btn_item-template {
    padding: 7px 10px;
}

.btn_deliv-sett::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 27px;
    margin-right: 10px;
    background: url(../images/svg/btn_deliv-sett.svg) no-repeat 50% 50%;
}

.btn_item-template::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 27px;
    margin-right: 10px;
    background: url(../images/svg/btn_item-template.svg) no-repeat 50% 50%;
}

.banner-item {
    position: relative;
    width: 10%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.banner-item .edit-obscure {
    left: 5px;
    right: 5px;
    bottom: 5px;
    top: 5px;
}

.banner-item__img {
    background: #e4e4e4;
    border: 1px solid #B2C8D1;
}

.banner-item__img img {
    max-width: 100%;
    display: block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

/*.banner-item:hover .banner-item__img img {*/
/*opacity: 0.9;*/
/*z-index:initial!important;*/
/*}*/

.banner-item-name {
    padding-top: 5px;
    line-height: 1.3;
    height: 30px;
    overflow: hidden;
}

.banner-item-name span {
    font-size: 12px;
    font-weight: 500;
    color: #35617A;
    text-decoration: underline;
}

.banner-item:hover .banner-item-name span {
    text-decoration: none;
}

.mw-create-banner-img {
    text-align: center;
    border-bottom: 1px solid #f6f6f6;
    position: relative;
}

.mw-create-banner-img__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #dfdfdf;
    min-height: 200px;
    max-width: 300px;
    margin: 0 auto 10px;
}

.mw-create-banner-img__link img {
    max-width: 100%;
    display: block;
}

.mw-create-banner-btns {
    text-align: center;
}

.mw-create-banner-btns .btn {
    vertical-align: top;
    font-size: 16px;
    font-weight: 400;
    padding: 11px;
    margin: 15px 5px 0;
    height: 42px;
    box-sizing: border-box;
}

.banner-group-settings {
    display: none;
    max-width: 900px;
}

.banner-group-settings .group-name-input {
    position: absolute;
    top: 6px;
    left: 15px;
    width: 290px;
}

.banner-group-settings .group-name-input input {
    max-width: 100%;
    width: 320px;
}

.banner-group-settings .btn.product-save {
    margin: 10px 20px 30px;
    padding: 10px 50px;
}

.group-addit-field {
    padding-bottom: 8px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f4f5fa;
}

.mw-deliv-sett .mw-deliv-sett-day > * {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    text-align: center;
    padding: 5px !important;
}

.mw-deliv-sett .mw-deliv-sett-day > .chekboxgroup {
    width: 160px;
}

.mw-deliv-sett .mw-deliv-sett-day .inputtextgroup {
    display: inline-block;
}

.mw-deliv-sett .mw-deliv-sett-day *:before {
    margin-bottom: 0px;
}

.mw-deliv-sett .mw-deliv-sett-day .btn {
    padding: 7px 12px !important;
}

.mw-deliv-sett .mw-deliv-sett-day .btn:before {
    margin-right: 0;
}

.mw-deliv-sett .mw-deliv-sett-day label {
    margin-bottom: 0px;
}

/*ОБНОВЛЕНИЕ СИСТЕМЫ*/
.fullUpdate {
    background: #fff;
}

.new-version {
    padding: 10px 5px;
}

.new-version__icon {
    display: inline-block;
    vertical-align: middle;
    padding: 3px 10px;
    margin: 5px 8px;
    background: #BC6468;
    color: #fff;
    font-size: 15px;
    font-weight: 300;
}

.new-version__title {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin: 0 10px;
    color: #44637B;
}

.new-version__title {
    font-size: 15px;
    color: #44637B;
}

.ChangeLog ul {
    background: #F6F8F9;
    padding: 15px 10px;
    font-size: 15px;
    color: #8797A9;
    line-height: 1.2;
}

.ChangeLog ul li {
    padding: 10px;
}

.ChangeLog ul li::before {
    content: '-';
    margin-right: 5px;
    font-size: 18px;
}

.update-form-wrap {
    padding: 15px;
}

.update-form-wrap .btn.green-btn {
    padding: 11px 35px;
}

/*СТАТИСТИКА РАССЫЛОК*/
.email-page {
    padding-right: 30px;
}

.distribution-stat-listing .col {
    width: 12.5%;
}

.distribution-stat-listing .first-col {
    width: 7%;
}

.distribution-stat-listing .second-col {
    width: 18%;
}

.distribution-stat-listing .listing-grid-col-wrap {
    text-align: center;
    font-size: 14px;
}

.distribution-stat-listing .first-col .listing-grid-col-wrap {
    padding: 5px;
}

/*СПИСОК КАТЕГОРИЙ*/
.add-new-block {
    max-width: 1000px;
    margin-top: 30px;
}

.blocks-list__kat-head {
    font-size: 15px;
    font-weight: 600;
    color: #265574;
    text-transform: uppercase;
    padding-bottom: 10px;
    margin-top: 17px;
}

.blocks-list li:first-child .blocks-list__kat-head {
    margin-top: 0;
}

.blocks-list__item a {
    color: #56788a;
}

.blocks-list__item b {
    color: #fff;
    font-weight: normal;
}

.blocks-list__kat-head::after, .blocks-list__item a::after, .blocks-list__item b::after {
    content: '';
    display: block;
    width: 50px;
    height: 1px;
    background: #fff;
    margin-left: 10px;
    position: relative;
    top: 3px;
}

.blocks-list__item a::after, .blocks-list__item b::after {
    margin-left: 0;
}

.blocks-list__item a span::before, .blocks-list__item b span::before {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.blocks-list__item b, .blocks-list__kat-head {
    cursor: default;
}

.blocks-list__item .edit span::before {
    content: url(images/svg/blocks-list-edit.svg);
}

.blocks-list__item .checked span::before {
    content: url(images/svg/blocks-list-checked.svg);
}

.blocks-listing__cat-name {
    color: #2E627E;
}

.blocks-listing .first-col {
    width: 7%;
}

.blocks-listing .second-col {
    width: 44%;
}

.blocks-listing .third-col {
    width: 30%;
}

.blocks-listing .fourth-col {
    width: 19%;
}

/*ЗАПРЕЩЕНО РЕДАКТИРОВАНИЕ БЛОКОВ*/
.blocks-listing.blocks-listing_blocked .second-col {
    width: 60%;
}

.blocks-listing.blocks-listing_blocked .third-col {
    width: 40%;
}

.blocks-listing .second-col .listing-grid-col-wrap div {
    width: 100%;
    text-align: left;
}

.listing-static-info {
    margin-right: 15px;
    max-width: calc(100% - 140px);
}

.button__blocks-listing {
    margin: 3px 0;
    margin-left: auto;
}

.blocks-listing__quantity {
    position: relative;
}

.blocks-listing__quantity b {
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #265574;
    position: absolute;
    left: 15px;
    top: 0;
    height: 100%;
    line-height: 52px;
    width: 52px;
    background: rgba(126, 179, 158, 0.18);
}

.blocks__button {
    margin: 10px 10px 0 0;
}

.blocks__advice {
    margin: 10px auto;
}

.blocks-listing .fused-elements__wrap {
    padding-right: 115px;
}

.blocks-listing .fused-elements__button {
    width: 115px;
    padding: 10px 0;
}

/*ШАБЛОНЫ НОВОСТЕЙ*/
.news-template-tabs {
    margin-left: auto;
    max-width: 800px;
}

.news-templates-tab-page {
    background: #fff;
}

.news-templates-tab-page__button-wrap {
    margin: 30px 20px 20px;
    padding-bottom: 20px;
}

.news-templates .ace-tm {
    min-height: 200px;
    height: auto;
}

/*КОМЛЕКТАЦИЯ ТОВАРА*/
.goods-grades .flex-row {
    background: #fff;
}

.goods-grades .row {
    margin: 0;
}

.goods-grades .flex-col {
    padding: 0;
    border-right: 2px solid #f3f3fb;
}

.grades__col-first {
    width: 20%;
}

.grades__col-second {
    width: 30%;
}

.grades__col-third {
    width: 50%;
}

.grades__img-wrap {
    margin-bottom: 20px;
}

.product-tab-head.chekboxgroup {
    padding: 13px 15px;
}

.product-tab-head.chekboxgroup label {
    margin-bottom: 0;
    font-size: 15px;
    color: #226280;
}

.product-body .message {
    text-indent: 0;
    font-size: 13px;
    padding: 20px 5px;
    color: #375B71;
    border: 1px solid #D6E0E6;
    background: #F1F5DC;
    position: relative;
    border: none;
}

.product-body .message div {
    padding: 5px;
}

.product-body .message b {
    font-weight: normal;
}

.product-body .message a {
    font-weight: 500;
}

.product-body .message::after {
    content: '';
    display: inline-block;
    position: absolute;
    width: 0;
    height: 0;
    border-top: 25px solid #F1F5DC;
    border-right: 30px solid transparent;
    bottom: -24px;
    right: 10%;
}

.grades__wrap {
    padding: 15px;
}

.combined-checkbox {
    margin-bottom: 25px;
}

.sortable__button {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.sortable__button img {
    display: block;
}

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

label.main-input {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #226280;
}

.main-input .chekboxgroup_text {
    padding-right: 15px;
    border-bottom: 2px dashed #d0dde2;
}

.children-input {
    margin-left: 35px;
}

.grades__cats {
    padding: 15px;
    border-bottom: 2px solid #f3f3fb;
}

.grades__links {
    padding-left: 20px;
}

.grades__links a {
    font-size: 14px;
}

.grades__cats h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #226280;
    font-weight: 500;
    margin-bottom: 10px;
}

.grades-good {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.grades-good .sortable__button {
    -webkit-flex-basis: 50px;
    -ms-flex-preferred-size: 50px;
    flex-basis: 50px;
}

.grades-good__img-wrap {
    height: 100px;
    width: 320px;
    -webkit-flex-basis: 170px;
    -ms-flex-preferred-size: 170px;
    flex-basis: 170px;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 10px;
    margin-top: 5px;
}

.grades-good__img-wrap img {
    width: 100%;
}

.grades-good__right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-left: 10px;
    max-width: 60%;
}

.payment_type {
    padding-bottom: 10px;
}

.payment_type label {
    margin-bottom: 5px;
}

.payment_type .chekboxgroup {
    margin-top: 5px;
}

.full-width-page__content {
    margin: 30px 0;
    background: #fff;
    padding: 30px;
}

.st-table {
    width: 100%;
    font-size: 15px;
    background: #f1f7fb;
    color: #286280;
}

.st-table td {
    padding: 5px 10px;
}

/*СТРАНИЦА РАССЫЛКИ*/
.dist-stat__row {
    margin-top: 20px;
}

/*СТРАНИЦА РЕДАКТИРОВАНИЕ КЛИЕНТА*/
.bg-fff {
    background: #fff;
}

.clients-edit {
    padding-bottom: 20px;
}

.clients-edit .field-text {
    display: flex;
    align-items: center;
}

.chekbox_big label {
    font-size: 16px;
}

.chekbox_big label::before {
    margin-right: 20px;
}

.clients-edit__addresses .product-block:last-child {
    border-bottom: 2px solid #B8C6D1;
}

.clients-edit__addresses {
    padding: 0 0 20px;
    background: #fff;
}

.addresses__button {
    margin: 20px 0 0 20px;
}

.clients-edit__settings {
    background: #fff;
    padding-bottom: 20px;
}

.clients-edit__settings .chekboxgroup {
    margin: 20px;
}

.address-header {
    font-size: 15px;
    color: #35637D;
    font-weight: 600;
    border-bottom: 2px solid;
}

.address-header .search-main-top__expand {
    left: 65px;
    height: 40px;
    width: 50px;
    z-index: 1;
}

.address-block__text {
    padding-left: 75px;
    line-height: 40px;
    white-space: nowrap;
}

.address-block .hide {
    display: none;
}

input#status-color {
    width: 30px;
    color: transparent;
    cursor: pointer;
    background-image: url();
    -moz-user-select: none;
    -webkit-user-select: none;
}

.extra-fields-page .content {
    margin-top: 30px;
}

#header select {
    border-radius: 0 !important;
    -webkit-appearance: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0;
}

.underdiv {
    position: relative;
    background-color: rgba(181, 205, 217, 0.8);
    height: 22px;
    top: 20px;
    margin-top: -20px;
}

.banner-item:hover .underdiv {
    color: white;
    position: absolute;
    color: white;
}

.banner-item:hover .img {
    z-index: initial !important;
}

.banner_span {
    z-index: 100;
    position: relative;
    top: -4px;
}

.banner-item:hover .banner_span {
    color: white;
}

.workplace-text {
    overflow: hidden;
    position: relative;
}

.workplace-text .editor-img-hover {
    display: none;
    position: absolute;
    z-index: 9999;
    background-color: #007c9a;
    opacity: 0.7;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

.workplace-text .editor-img-hover img {
    max-width: 70%;
    max-height: 70%;
}

.listing-grid .col .export {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.listing-grid .col .export button {
    border: none;
    background: none;
    height: 40px;
    opacity: 0.7;
}

.listing-grid .col .export button:hover {
    opacity: 1;
}

.listing-grid .col .export button img {
    height: 40px;
}

.controls {
    float: right;
}

/*-----for robotyazhka-----*/
.robot-helper-section {
    width: 750px;
    position: relative;
    margin-left: 15%;
}

.robot-helper-section-head {
    color: #fffeff;
    background: #829baf;
    border-bottom: 3px solid #b5cdd9;
    cursor: pointer;
    -webkit-transition: color, background 0.2s;
    -o-transition: color, background 0.2s;
    transition: color, background 0.2s;
}

.robot-helper-section-title {
    float: left;
    width: 100%;
    height: 60px;
    font-weight: 500;
    font-size: 16px;
    font-size: 0.8vw;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.2px;
}

.robot-helper-section-img {
    position: relative;
    left: 61px;
    float: left;
    width: 60px;
    height: 60px;
    margin-left: -61px;
    background-color: #829baf;
    border-right: 1px solid #829baf;
}

.robot-helper-section-img .icon {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0.8;
    -webkit-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.helper-content .helper-title {
    font-size: 10px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-decoration: underline;
    color: #000000;
    background: url(images/neitral-icon.png) no-repeat 10px 50%;
    padding: 5px 25px;
}

.robot-helper-section-title span {
    box-sizing: border-box;
    width: 100%;
    padding: 0 55px 0 70px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.helper-content.helper-content-positive .helper-title {
    color: #22B573;
    background: url('images/positive-icon.png') no-repeat 10px 50%;
}

.helper-content.helper-content-negative .helper-title {
    background: url('images/negative-icon.png') no-repeat 10px 50%;
    color: #9E005D;
}

.robot-helper-section-content {
    background: white;
    z-index: 0;
    height: auto;
    opacity: 1;
}

.helper-content-block,
.helper-content-mainblock {
    display: flex;
    justify-content: flex-start;
}

.helper-content-message-old {
    background: #E6E6E6;
    padding: 10px 10px 10px 25px;
    border-bottom: 1px solid #808080;
}

.helper-content-message-old:first-child {
    border-bottom: 0;
}

.helper-content-message-old .helper-content-message {
    padding-right: 30px;
    text-align: justify;
}

.helper-content-message-old .helper-content-link a {
    text-transform: uppercase;
    color: #808080;
    font-size: 10px;
}

.helper-content-message-old .helper-content-link a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.helper-content-message-old .helper-content-link {
    padding-right: 10px;
}

@keyframes colors_p {
    0% {
        stop-color: #ffffff;
    }

    35% {
        stop-color: #76b9d8;
    }

    65% {
        stop-color: #76b9d8;
    }

    100% {
        stop-color: #ffffff;
    }
}


#positive-1 {
    animation: colors_p 1.5s infinite alternate;
    animation-timing-function: linear;

}

#positive-2 {
    animation: colors_p 1.5s infinite alternate;
    animation-timing-function: linear;
}


@keyframes colors_n {
    0% {
        stop-color: #ffffff;
    }

    45% {
        stop-color: #ffff99;
    }

    55% {
        stop-color: #ffff99;
    }

    100% {
        stop-color: #ffffff;
    }
}


#neutral-1 {
    animation: colors_n 1.5s infinite alternate;
    animation-timing-function: linear;

}

#neutral-2 {
    animation: colors_n 1.5s infinite alternate;
    animation-timing-function: linear;
}


@keyframes colors_neg {
    0% {
        stop-color: #ffffff;
    }

    45% {
        stop-color: rgb(255, 34, 34);
    }

    55% {
        stop-color: rgb(255, 34, 34);
    }

    100% {
        stop-color: #ffffff;
    }
}


#negative-1 {
    animation: colors_neg 1.5s infinite alternate;
    animation-timing-function: linear;

}

#negative-2 {
    animation: colors_neg 1.5s infinite alternate;
    animation-timing-function: linear;
}

.helper-content-mainblock .icon-robot {
    padding: 20px 35px;
}

.helper-content .helper-content-mainblock .helper-content-message {
    text-align: justify;
    padding-right: 30px;
    padding-left: 5px;
    position: relative;
}

.helper-content .helper-content-mainblock .helper-content-message:before {
    content: '';
    position: absolute;
    bottom: 10px;
    left: -70px;
    width: 0;
    height: 0;
    border-bottom: 0 solid transparent;
    border-left: 35px solid transparent;
    border-top: 35px solid transparent;

}

.helper-content-positive .helper-content-mainblock .helper-content-message:before {
    border-right: 35px solid #F0FEF1;
}

.helper-content-negative .helper-content-mainblock .helper-content-message:before {
    border-right: 35px solid #FFEEEE;
}

.helper-content-neutral .helper-content-mainblock .helper-content-message:before {
    border-right: 35px solid #FFFADC;
}


.helper-content-positive .helper-content-mainblock .helper-content-message,
.helper-content-positive .helper-content-mainblock .helper-content-link,
.helper-content-positive .helper-content-mainblock .helper-content-close {
    background: #F0FEF1;
    padding-top: 10px;
    margin-bottom: 15px;
}

.helper-content-negative .helper-content-mainblock .helper-content-message,
.helper-content-negative .helper-content-mainblock .helper-content-link,
.helper-content-negative .helper-content-mainblock .helper-content-close {
    background: #FFEEEE;
    padding-top: 10px;
    margin-bottom: 15px;
}

.helper-content-neutral .helper-content-mainblock .helper-content-message,
.helper-content-neutral .helper-content-mainblock .helper-content-link,
.helper-content-neutral .helper-content-mainblock .helper-content-close {
    background: #FFFADC;
    padding-top: 10px;
    margin-bottom: 15px;
}

.helper-content-positive .helper-content-mainblock .helper-content-link a,
.helper-content-negative .helper-content-mainblock .helper-content-link a,
.helper-content-neutral .helper-content-mainblock .helper-content-link a {
    text-transform: uppercase;
    color: #808080;
    padding-right: 15px;
    font-size: 10px;
}

.helper-content-positive .helper-content-mainblock a.helper-content-close,
.helper-content-negative .helper-content-mainblock a.helper-content-close,
.helper-content-neutral .helper-content-mainblock a.helper-content-close {
    color: #808080;
    font-size: 12px;
    text-decoration: none;
    padding-right: 10px;
}

.helper-content-message-old a.helper-content-close {
    color: #808080;
    font-size: 12px;
    text-decoration: none;
}

.main-left.active #robot-helper-sect .left-sect-content {
    padding: 1px;
}

.main-left.active #robot-helper-sect .left-sect-content-second {
    width: 100%;
}

.helper-content-neutral,
.helper-content-positive,
.helper-content-negative {
    display: none;
}

.templates-right-bottom .btn.product-remove {
    background: #c66167;
    border: 1px solid #a64147;
}

.templates-right-bottom .btn.product-remove::after {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(images/тутдолжнабытьвашакартинка.жпг) no-repeat;
    background-position: 0 -30px;
    position: relative;
    vertical-align: middle;
    margin-right: 15px;
}

.templates-right-bottom .btn.product-remove:hover {
    background: #E64147;
    border: 1px solid #C6A1A7;
}

.templates-right-bottom .btn.product-remove {
    padding: 11px 6%;
}
.listing-movement-wrap-options-second-group {
    display: none;
}
.set-good-option {
    height: 45px;
}

.margin-20tb {
    margin: 20px 0;
}

.subscribtion {
    text-align: center;
}

.set-tab-pages .tabs-btns.ui-tabs-nav {
    padding: 0;
}

.control-email-page .chekboxgroup {
    padding: 0 15px 0 15px;
    margin-right: 0;
}

.control-email-page .chekboxgroup label {
    padding: 0;
}
.control-email-page .chekboxgroup label::before {
    margin: 0;
}

.control-email-page .sub_emails {
    margin-right: 5px;
}

.control-email-page .rm_emails {
    margin-right: 5px;
}

.filter_emails,
.add_new_group {
    vertical-align: baseline;
    padding: 5px;
}

.email-page .set-tab-pages {
    margin-right: 0;
}

.tabs-btns > li.ui-state-active,
.tabs-btns > li.ui-state-hover:hover {
    background: #375B71;
}

.tabs-btns > li.ui-state-default {
    background: #4083A8;
    display: block;
    position: relative;
    float: left;
    text-decoration: none;
    color: #fff;
    height: 44px;
    width: 19%;
    text-align: center;
    max-width: none;
    padding: 0 0.5%;
    transition: 0.2s;
    text-transform: uppercase;
}

.tabs-btns > li.ui-state-default::before {
    content: "";
    display: inline-block;
    min-height: inherit;
    height: 100%;
    vertical-align: middle;
}

.tabs-btns > li.ui-state-default::after {
    content: '';
    display: inline-block;
    position: absolute;
    right: -1.2px;
    z-index: 2;
    top: 3px;
    bottom: 3px;
    overflow: visible;
    width: 1px;
    background: #00A7C8;
    border-right: 1px solid #2B719E;
    opacity: 0.9;
}

.tabs-btns > li.ui-state-default:last-of-type::after {
    display: none;
}

.tabs-btns > li.ui-state-default > a {
    color: inherit;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding-top: 13px;
    outline: none;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog {
    background-color: white;
    z-index: 1000;
}

.ui-dialog .ui-dialog-titlebar {
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}

.ui-dialog .ui-dialog-titlebar > div {
    align-self: flex-end;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    display: block;
    font-size: 18px;
    padding: 15px;
    color: #226280;
    text-transform: uppercase;
    background: -webkit-linear-gradient(right bottom, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%), -webkit-linear-gradient(right bottom, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 49%, #DBDBDB 52%, #DBDBDB 56%, rgba(154, 189, 107, 0) 60%), linear-gradient(to left top, #DBDBDB 6%, rgba(154, 189, 107, 0) 10%);
    background-size: 0.45em 0.45em;
    background-color: #fff;
}

.ui-dialog .ui-dialog-content {
    padding: 10px;
}

.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
    text-align: right;
    color: #231300;
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    background: #E3E3E3;
    border: none;
    width: 22px;
    height: 22px;
    line-height: 21px;
    font-weight: 600;
    font-family: sans-serif;
    align-self: flex-end;
}
.forms-results-row a {
    margin: 0;
    padding: 0 0 0 20px;
}
.rating-filter-form {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
    background: #F6F8F;
    border-width: 1px;
    border-color: rgba(0,0,0,.25);
    border-style: solid;
}
.rating-filter-form input {
    padding: 0 10px;
    background: #F7F7F7;
    border: 1px solid #C1C1BF;
    color: #025573;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    flex-grow: 1;
}
.rating-filter-form label {
    border-width: 1px 0 1px 1px;
    border-style: solid;
    border-color: #60B39F;
    background-color: #60B39F;
    padding: 10px;
}
.rating-filter-form label span {
    color: #FFF;
    font-size: 16px;
}
.rating-filter-form label.checked {
    background-color: #387568;
    border-color: #285349;
}


div.centerAlign {
    text-align: center;
}

.security-page__header {
    display: flex;
    flex-direction: column;
    margin-top: 103px;
    padding-bottom: 15px;

    background-color: white;
    border-bottom: 2px solid #819caf;
    cursor: default;
}

.security-page__header-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.security-page__header > p:first-of-type {
    align-self: center;
    margin-bottom: 20px;

    font-size: 22px;
    color: #80b69e;
}

.security-page__header > p:last-of-type {
    align-self: center;
    margin-bottom: 25px;

    font-size: 28px;
    color: #9e005d;
    text-decoration: underline;
}

.security-page__main-logo-wrapper {
    position: relative;

    margin-top: -100px;

    background-color: white;
    border-radius: 50%;
}

.security-page__main-logo-wrapper > img {
    width: 252px;
    height: 252px;
}

.security-page__main-logo-wrapper > svg {
    position: absolute;
    top: 59%;
    left: 49%;

    height: 26px;

    transform: translateX(-49%) translateY(-50%);

    fill: #98c9e9;
}

.security-page__main-logo-wrapper > svg > .main-logo-eyes > path:first-of-type {
    transform: translateX(1px);
}

.security-page__main-logo-wrapper > svg > .main-logo-eyes > path:last-of-type {
    transform: translateX(-2px);
}

.security-page__link {
    height: 55px;

    color: black;
}


.security-page__link > div {
    display: flex;
    align-items: center;
    height: 55px;
    margin-top: -10px;
    padding-top: 5px;
    padding-right: 15px;
    padding-left: 15px;

    font-size: 19px;
    text-transform: uppercase;

    background-color: rgba(155,155,155, 0.1);

    transition: 0.2s;
}

.security-page__link:hover > div {
    background-color: rgba(155,155,155, 0.5);
}

.security-page__link:active > div {
    background-color: rgba(155,155,155, 1);

    transition: 0s;
}

.security-page__link > div > img {
    width: 22px;
    height: 22px;
    margin-right: 10px;

    vertical-align: middle;
}

.security-page__header-bottom {
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    padding-bottom: 45px;

    background: linear-gradient(to left top, rgba(154, 189, 107, 0) 50%, #a6d9cb 52%, #a6d9cb 56%, rgba(154, 189, 107, 0) 60%), linear-gradient(to left top, #a6d9cb 6%, rgba(154, 189, 107, 0) 10%);
    background-color: #ffffff;
    background-size: 8px 8px;
}

.security-page__header-bottom > button {
    position: relative;

    align-self: center;
    width: 630px;
    height: 115px;
    margin-left: 25px;
    padding: 0;

    font-weight: bold;
    font-size: 32px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;

    background-color: #80b69e;
    border: none;
    cursor: pointer;

    transition: 0.2s background;
}

.security-page__header-bottom > button::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;

    width: 20px;

    background-color: #bbccd7;
    transform: skewY(-45deg) translate(-20px, -10px);
}

.security-page__header-bottom > button::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    height: 20px;

    background-color: #8f9cad;
    transform: skewX(-45deg) translate(10px, 20px);
}

.security-page__header-bottom > button:hover {
    background-color: #75a08b;

    transition: 0.2s background;
}

.security-page__header-bottom > button:active {
    background-color: #617c6f;
    transform: translate(-10px, 10px);

    transition: 0.2s background;
}

.security-page__header-bottom > button:active::after {
    height: 10px;

    transform: skewX(-45deg) translate(5px, 10px);
}

.security-page__header-bottom > button:active::before {
    width: 10px;

    transform: skewY(-45deg) translate(-10px, -5px);
}

.security-page__header-bottom > span {
    align-self: center;
    padding-top: 40px;
    padding-bottom: 20px;

    font-size: 25px;
    color: #80b69e;
    text-transform: uppercase;
}

.security-page__header-bottom > a {
    align-self: center;
    width: 600px;
    height: 60px;

    font-weight: bold;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;

    background-color: #8f9cad;

    transition-duration: 0.2s;
    transition-property: background-color;
}


.security-page__header-bottom > a:hover {
    background-color: #7c8793;
}

.security-page__header-bottom > a:active {
    background-color: #6b737c;
}

.security-page__checked-files {
    padding: 20px;
    padding-bottom: 30px;

    font-size: 32px;
    text-transform: uppercase;

    background-color: #f0fef1;
    border-bottom: 2px solid white;
}

.security-page__checked-files > span {
    margin-left: 250px;

    font-size: 22px;
    vertical-align: bottom;
    color: #3a3a3a;
    text-transform: lowercase;
}

.security-page__tables {
    cursor: default;
}

.security-page__table-list {
    background-color: white;
}

.security-page__table-list > table {
    width: 100%;
    margin-bottom: 60px;
}

.security-page__table-header {
    background-color: #ffeeee;
}

.security-page__table-header > th {
    padding: 20px;

    font-size: 32px;
    line-height: 1;
    text-align: left;
    text-transform: uppercase;
}

.security-page__table-header > td {
    padding-right: 20px;

    font-size: 16px;
    vertical-align: middle;
    text-align: right;
    text-decoration: underline;
}

.security-page__table-sup-header {
    font-size: 17px;

    background-color: #ffeeee;
}

.security-page__th-file {
    padding: 10px;
    padding-left: 20px;

    text-align: left;
    color: #808080;

    border-top: 1px solid rgba(128, 128, 128, 0.1);
    border-right: 1px solid rgba(128, 128, 128, 0.1);
}

.security-page__th-status {
    padding-left: 20px;

    text-align: left;
    color: #808080;

    border-top: 1px solid rgba(128, 128, 128, 0.1);
}

.security-page__th-view-file {
    width: 70px;
    padding-right: 10px;
    padding-left: 30px;

    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    color: #0071bc;
    text-decoration: underline;

    border-top: 1px solid rgba(128, 128, 128, 0.1);
}

.security-page__th-add-in-list {
    width: 70px;
    padding-right: 10px;
    padding-left: 10px;

    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    color: #82b6a0;
    text-decoration: underline;

    border-top: 1px solid rgba(128, 128, 128, 0.1);
}

.security-page__th-delete-file {
    width: 70px;
    padding-right: 10px;
    padding-left: 10px;

    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    color: #808080;
    text-decoration: underline;

    border-top: 1px solid rgba(128, 128, 128, 0.1);
}

.security-page__td-name {
    padding: 20px;

    font-size: 18px;

    border: 1px solid rgba(128, 128, 128, 0.1);
    border-left: none;
}

.security-page__td-status {
    width: 160px;
    padding-left: 20px;

    font-size: 18px;
    color: #9e005d;
    text-transform: uppercase;

    border: 1px solid rgba(128, 128, 128, 0.1);
    border-left: none;
}

.security-page__td-status--published {
    color: #b07b21;
}

.security-page__td-quarantine {
    width: 250px;
    padding-left: 5px;

    font-size: 18px;

    border: 1px solid rgba(128, 128, 128, 0.1);
    border-right: none;
    border-right: none;
}

.security-page__td-quarantine > a {
    border: 15px solid transparent;
}

.security-page__td-icon-view-file {
    line-height: 0;
    vertical-align: middle;
    text-align: center;

    border: 1px solid rgba(128, 128, 128, 0.1);
    border-right: none;
    border-left: none;
}

.security-page__td-icon-view-file > a {
    border: 16px solid transparent;
    border-top-width: 30px;
    border-right-width: 25px;
    border-left-width: 25px;
}

.security-page__td-icon-view-file > a > svg {
    width: 32px;
    height: 22px;
}

.security-page__td-icon-view-file .icon-blue-eye {
    transition: 0.2s;

    fill: #0071bc;
}

.security-page__td-icon-view-file a:hover .icon-blue-eye {
    fill: #004a7a;
}

.security-page__td-icon-view-file a:active .icon-blue-eye {
    transition: 0s;

    fill: #00387c;
}

.security-page__td-icon-add-in-list {
    line-height: 0;
    vertical-align: middle;
    text-align: center;

    border: 1px solid rgba(128, 128, 128, 0.1);
    border-right: none;
    border-left: none;
}

.security-page__td-icon-add-in-list > a {
    border: 16px solid transparent;
    border-top-width: 30px;
    border-right-width: 25px;
    border-left-width: 25px;
}

.security-page__td-icon-add-in-list > a > svg {
    width: 24px;
    height: 22px;
}

.security-page__td-icon-add-in-list .icon-green-check {
    transition: 0.2s;

    fill: #7eb39e;
}

.security-page__td-icon-add-in-list a:hover .icon-green-check {
    fill: #297456;
}

.security-page__td-icon-add-in-list a:active .icon-green-check {
    transition: 0s;

    fill: #0e4e34;
}

.security-page__td-icon-delete-file {
    line-height: 0;
    vertical-align: middle;
    text-align: center;

    border: 1px solid rgba(128, 128, 128, 0.1);
    border-right: none;
    border-left: none;
}

.security-page__td-icon-delete-file > a {
    border: 14px solid transparent;
    border-top-width: 30px;
    border-right-width: 25px;
    border-left-width: 25px;
}

.security-page__td-icon-delete-file > a > svg {
    width: 22px;
    height: 26px;
}

.security-page__td-icon-delete-file .icon-cart {
    transition: 0.2s;

    fill: gray;
}

.security-page__td-icon-delete-file a:hover .icon-cart {
    fill: #585858;
}

.security-page__td-icon-delete-file a:active .icon-cart {
    transition: 0s;

    fill: #383838;
}

.security-page__td-quarantine > a {
    color: #9e005d;

    transition: 0.2s;
}

.security-page__td-quarantine > a:hover {
    color: #67003c;
}

.security-page__td-quarantine > a:active {
    color: #460029;

    transition: 0s;
}

.security-page__table-infoblock:nth-of-type(odd) {
    background-color: #e6e6e6;
}

.security-page__table-infoblock:nth-of-type(even) {
    background-color: white;
}

.security-page__table-void > td {
    padding-top: 30px;
    padding-bottom: 30px;

    border-right: 1px solid rgba(128, 128, 128, 0.1);
}

.security-page__table-void > td:last-of-type {
    border-right: none;
}

.security-page__table-header--list-suspicious-files {
    background-color: #fffadc;
}

.security-page__table-sup-header--list-suspicious-files {
    background-color: #fffadc;
}

.security-page__table-header--list-suspicious-files > td {
    padding-top: 10px;

    vertical-align: top;
}

.security-page__table-sup-header > th:last-of-type {
    border-top: 1px solid rgba(128, 128, 128, 0.1);
}

.protection-page > div:last-of-type {
    margin-top: 20px;
}

.protection-page .chekboxgroup > label::before {
    margin: 10px;
}

.protection-page .chekboxgroup > label > span {
    font-size: 15px;
    vertical-align: middle;
}

.protection-page .security-page__table-header > th {
    text-align: center;
}

.protection-page .security-page__th-date {
    padding-left: 20px;
    text-align: left;
    color: #808080;
    border-top: 1px solid rgba(128, 128, 128, 0.1);
    border-right: 1px solid rgba(128, 128, 128, 0.1);
}

.protection-page .security-page__td-date {
    max-width: 140px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 18px;
    border: 1px solid rgba(128, 128, 128, 0.1);
    border-left: none;
    text-align: center;
    width: 130px;
}

.protection-page .security-page__th-downloading-page {
    padding: 10px;
    padding-left: 20px;
    text-align: left;
    color: #808080;
    border-top: 1px solid rgba(128, 128, 128, 0.1);
    border-right: 1px solid rgba(128, 128, 128, 0.1);
}

.protection-page .security-page__th-type {
    padding: 10px;
    padding-left: 20px;
    text-align: left;
    color: #808080;
    border-top: 1px solid rgba(128, 128, 128, 0.1);
    border-right: 1px solid rgba(128, 128, 128, 0.1);
}

.protection-page .security-page__td-downloading-page {
    max-width: 160px;
    text-align: center;
    padding: 20px;
    font-size: 18px;
    border: 1px solid rgba(128, 128, 128, 0.1);
    border-left: none;

}

.protection-page .security-page__td-type {
    text-align: center;
    font-size: 18px;
    border: 1px solid rgba(128, 128, 128, 0.1);
    border-left: none;
}

.security-page__table-list td {
    vertical-align: middle;
}

.security-page__table-list th {
    vertical-align: middle;
}

.security-page__td-icon-delete-quarantine {
    line-height: 0;
    text-align: center;
    border: 1px solid rgba(128, 128, 128, 0.1);
    border-right: none;
    border-left: none;
}

.security-page__th-delete-quarantine {
    width: 70px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    color: #d50a06;
    text-align: left;
    text-decoration: underline;
}

.security-page__td-icon-delete-quarantine > a {
    border: 16px solid transparent;
    border-top-width: 30px;
    border-right-width: 25px;
    border-left-width: 25px;
}

.security-page__td-icon-delete-quarantine > a > svg {
    fill: #d50a06;
}

.security-page__td-icon-delete-quarantine > a:hover > svg {
    fill: #A80703;
}

.security-page__td-icon-delete-quarantine > a:active > svg {
    fill: #7D0704;
}

@media (min-width: 1081px) and (max-width: 1700px) {
    .security-page__header-top {
        padding-right: 15px;
        padding-left: 15px;
    }

    .security-page__main-logo-wrapper > img {
        width: 189px;
        height: 189px;
    }

    .security-page__link > div {
        height: 41px;
        margin-top: -7px;
        padding-top: 4px;
        padding-right: 11px;
        padding-left: 11px;

        font-size: 14px;
    }

    .security-page__link {
        height: 41px;
    }

    .security-page__header > p:first-of-type {
        font-size: 16px;
    }

    .security-page__header > p:last-of-type {
        font-size: 21px;
    }

    .security-page__header-bottom > button {
        width: 472px;
        height: 86px;

        font-size: 24px;
    }

    .security-page__header-bottom > span {
        font-size: 19px;
    }

    .security-page__header-bottom > a {
        width: 450px;
        height: 45px;

        font-size: 15px;
        line-height: 45px;
        letter-spacing: 1px;
    }

    .security-page__header-bottom {
        padding-bottom: 35px;
    }

    .security-page__checked-files {
        padding: 15px;
        padding-bottom: 22px;

        font-size: 24px;
    }

    .security-page__checked-files > span {
        font-size: 16px;
    }

    .security-page__table-header > th {
        padding: 15px;

        font-size: 22px;
    }

    .security-page__table-header > td {
        padding-right: 15px;

        font-size: 14px;
    }

    .security-page__table-sup-header {
        font-size: 14px;
    }

    .security-page__table-sup-header > th {
        padding-left: 15px;
    }

    .security-page__th-view-file {
        width: 60px;
        padding-right: 7px;
        padding-left: 22px;

        font-size: 12px;
    }

    .security-page__th-add-in-list {
        width: 60px;
        padding-right: 7px;
        padding-left: 7px;

        font-size: 12px;
    }

    .security-page__th-delete-file {
        width: 60px;
        padding-right: 7px;
        padding-left: 7px;

        font-size: 12px;
    }

    .security-page__td-name {
        padding-top: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        padding-left: 30px;

        font-size: 16px;
    }

    .security-page__td-status {
        width: 100px;
        padding-top: 15px;
        padding-right: 5px;
        padding-bottom: 15px;
        padding-left: 5px;
        font-size: 12px;
    }

    .security-page__td-icon-view-file > a {
        border: 12px solid transparent;
        border-top-width: 22px;
        border-right-width: 19px;
        border-left-width: 19px;
    }

    .security-page__td-icon-view-file > a > svg {
        width: 24px;
        height: 17px;
    }

    .security-page__td-icon-add-in-list > a {
        border: 12px solid transparent;
        border-top-width: 22px;
        border-right-width: 19px;
        border-left-width: 19px;
    }

    .security-page__td-icon-add-in-list > a > svg {
        width: 18px;
        height: 17px;
    }

    .security-page__td-icon-delete-file > a {
        border: 10px solid transparent;
        border-top-width: 22px;
        border-right-width: 19px;
        border-left-width: 19px;
    }

    .security-page__td-icon-delete-file > a > svg {
        width: 16px;
        height: 19px;
    }

    .security-page__td-quarantine {
        width: 175px;
        padding-left: 3px;

        font-size: 14px;
    }

    .security-page__td-quarantine > a {
        border: 11px solid transparent;
    }

    .security-page__table-void > td {
        padding-top: 23px;
        padding-bottom: 23px;
    }

    .protection-page .security-page__td-date {
        width: 80px;
    }

    .protection-page .security-page__table-infoblock td {
        padding-top: 15px;
        padding-right: 5px;
        padding-bottom: 15px;
        padding-left: 5px;
        font-size: 12px;
    }

    .protection-page .security-page__table-sup-header th {
        padding-left: 5px;
        padding-right: 5px;
    }

    .security-page__td-icon-delete-quarantine > a > svg {
        height: 21px;
        stroke-width: 21px;
    }
}



@media (min-width: 0) and (max-width: 1080px) {
    .security-page__header-top {
        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 0;
    }

    .security-page__link {
        height: 36px;
    }

    .security-page__link > div {
        height: 31px;
        margin-top: -5px;
        padding-top: 4px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 5px;

        font-size: 8px;
    }

    .security-page__link > div > img {
        width: 14px;
        height: 14px;
    }

    .security-page__main-logo-wrapper {
        margin-top: -38px;
    }

    .security-page__main-logo-wrapper > img {
        width: 90px;
        height: 90px;
    }

    .security-page__header > p:first-of-type {
        margin-bottom: 5px;

        font-size: 10px;
    }

    .security-page__header > p:last-of-type {
        margin-bottom: 15px;

        font-size: 13px;
    }

    .security-page__header-bottom {
        padding-top: 30px;
        padding-bottom: 25px;
    }

    .security-page__header-bottom > button {
        width: 234px;
        height: 45px;
        margin-left: 20px;

        font-size: 11px;
    }

    .security-page__header-bottom > button:active {
        transform: translate(-5px, 5px);
    }

    .security-page__header-bottom > button::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;

        width: 10px;

        background-color: #bbccd7;
        transform: skewY(-45deg) translate(-10px, -5px);
    }

    .security-page__header-bottom > button::after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        left: 0;

        height: 10px;

        background-color: #8f9cad;
        transform: skewX(-45deg) translate(5px, 10px);
    }

    .security-page__header-bottom > button:active::after {
        height: 5px;

        transform: skewX(-45deg) translate(2px, 5px);
    }

    .security-page__header-bottom > button:active::before {
        width: 5px;

        transform: skewY(-45deg) translate(-5px, -2px);
    }

    .security-page__header-bottom > span {
        padding-top: 18px;
        padding-bottom: 6px;

        font-size: 11px;
    }

    .security-page__header-bottom > a {
        width: 235px;
        height: 25px;

        font-size: 7px;
        line-height: 25px;
    }

    .security-page__checked-files {
        padding: 5px;
        padding-bottom: 8px;

        font-size: 9px;
    }

    .security-page__checked-files > span {
        margin-left: 100px;

        font-size: 7px;
    }

    .security-page__table-header > th {
        padding: 5px;

        font-size: 9px;
    }

    .security-page__table-header > td {
        padding-right: 5px;

        font-size: 6px;
    }

    .security-page__table-sup-header > th {
        padding: 5px;
        padding-left: 5px;
    }

    .security-page__table-sup-header {
        font-size: 7px;
    }

    .security-page__th-view-file {
        width: 30px;
        padding-right: 5px;

        font-size: 6px;
        line-height: 2;
    }

    .security-page__th-add-in-list {
        width: 30px;
        padding-right: 5px;

        font-size: 6px;
        line-height: 2;
    }

    .security-page__th-delete-file {
        width: 30px;
        padding-right: 5px;

        font-size: 6px;
        line-height: 2;
    }

    .security-page__td-name {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 8px;

        font-size: 7px;
        line-height: 1;
    }

    .security-page__td-status {
        width: 70px;
        padding-left: 5px;

        font-size: 7px;
    }

    .security-page__td-icon-view-file > a > svg {
        width: 14px;
        height: 9px;
    }

    .security-page__td-icon-view-file > a {
        border: 2px solid transparent;
        border-top-width: 2px;
        border-right-width: 8px;
        border-left-width: 8px;
    }

    .security-page__td-icon-add-in-list > a > svg {
        width: 10px;
        height: 9px;
    }

    .security-page__td-icon-add-in-list > a {
        border: 2px solid transparent;
        border-top-width: 2px;
        border-right-width: 8px;
        border-left-width: 8px;
    }

    .security-page__td-icon-delete-file > a > svg {
        width: 9px;
        height: 11px;
    }

    .security-page__td-icon-delete-file > a {
        border: 2px solid transparent;
        border-top-width: 2px;
        border-right-width: 8px;
        border-left-width: 8px;
    }

    .security-page__td-quarantine {
        width: 110px;
        padding-left: 0;

        font-size: 7px;
    }

    .security-page__td-quarantine > a {
        border: 8px solid transparent;
    }

    .security-page__table-void > td {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .protection-page .security-page__th-date {
        padding: 5px;
        text-align: left;
    }

    .protection-page .security-page__th-downloading-page {
        padding: 5px;
        text-align: left;
    }

    .protection-page .security-page__th-type {
        padding: 5px;
        text-align: left;
    }

    .protection-page .security-page__td-date {
        width: 45px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 8px;
        font-size: 7px;
        line-height: 1;
        text-align: left;
    }

    .protection-page .security-page__td-downloading-page {
        max-width: 80px;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 8px;
        font-size: 7px;
        line-height: 1;
        text-align: left;
    }

    .security-page__th-delete-quarantine {
        width: 40px;
        padding-right: 5px;
        font-size: 6px;
        line-height: 2;
    }

    .security-page__td-icon-delete-quarantine > a > svg {
        stroke-width: 13px;
        height: 13px;
    }

    .security-page__td-icon-delete-quarantine > a {
        border: 2px solid transparent;
        border-top-width: 2px;
        border-right-width: 8px;
        border-left-width: 8px;
    }

    .protection-page .security-page__td-type {
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 5px;
        padding-left: 8px;
        font-size: 7px;
        line-height: 1;
    }
}

.set_pic_tpl label.set_pic_item {
    float: none !important;
}