@charset "UTF-8";
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.mg-admin-html ::-moz-focus-inner {
    border: 0 !important;
    outline: none !important;
}

.mg-admin-html select:focus,
.mg-admin-html input:focus,
.mg-admin-html textarea:focus,
.mg-admin-html .add-new-line:focus,
.mg-admin-html .deleteLineRule:focus {
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 129, 255, 0.63) !important;
    box-shadow: 0 0 2px 1px rgba(0, 129, 255, 0.63) !important;
    outline: none !important;
}

#tab-wholesale-settings .checkbox [type=checkbox] + label {
    padding: 0;
    margin-top: 5px;
}

.backupTable__filename {
    min-width: 175px;
    word-break: break-all;
    display: block;
}

html.mg-admin-html,
div.mg-admin-html {
    font-family: sans-serif;
    font-size: 62.5%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html:not(.mg-admin-html) .reveal-overlay {
    background: rgb(121, 171, 255);
    background: -webkit-gradient(linear, left top, left bottom, from(rgb(121, 171, 255)), to(rgba(40, 112, 235, 1)));
    background: -o-linear-gradient(top, rgb(121, 171, 255) 0%, rgba(40, 112, 235, 1) 100%);
    background: linear-gradient(to bottom, rgb(121, 171, 255) 0%, rgba(40, 112, 235, 1) 100%);
}

.vpbutton {
    margin: 15px 0 10px;
    display: none;
}

.mg-admin-html body,
.mg-admin-html {
    font-family: 'Roboto-Regular', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    color: #333;
    background: #f1f1f1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.table-tr-small {
    width: 120px;
}

.mg-admin-html article,
.mg-admin-html aside,
.mg-admin-html details,
.mg-admin-html figcaption,
.mg-admin-html figure,
.mg-admin-html footer,
.mg-admin-html header,
.mg-admin-html hgroup,
.mg-admin-html main,
.mg-admin-html menu,
.mg-admin-html nav,
.mg-admin-html section,
.mg-admin-html summary {
    display: block;
}

.mg-admin-html audio,
.mg-admin-html canvas,
.mg-admin-html progress,
.mg-admin-html video {
    display: inline-block;
    vertical-align: baseline;
}

.mg-admin-html audio:not([controls]) {
    display: none;
    height: 0;
}

.mg-admin-html .no-js [data-responsive-menu] ul,
.mg-admin-html [hidden],
.mg-admin-html template {
    display: none;
}

.mg-admin-html a,
.mg-admin-html img {
    display: inline-block;
}

.mg-admin-html a {
    text-decoration: none;
    color: #1585cf;
    background-color: transparent;
}

.mg-admin-html a:active,
.mg-admin-html a:hover {
    outline: 0;
}

.mg-admin-html abbr[title] {
    border-bottom: 1px dotted;
}

.mg-admin-html dfn {
    font-style: italic;
}

.mg-admin-html mark {
    color: #000;
    background: #ff0;
}

.mg-admin-html small {
    font-size: 80%;
}

.mg-admin-html sub,
.mg-admin-html sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

.mg-admin-html sup {
    top: -.5em;
}

.mg-admin-html sub {
    bottom: -.25em;
}

.mg-admin-html img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    border: 0;
    -o-object-fit: contain;
    object-fit: contain;
}

.mg-admin-html .product-info__img img {
    max-width: 200px;
    max-height: 200px;
}

.product-info__property {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-admin-html svg:not(:root) {
    overflow: hidden;
}

.mg-admin-html figure {
    margin: 1em 40px;
}

.mg-admin-html hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

.mg-admin-html pre {
    overflow: auto;
}

.mg-admin-html code,
.mg-admin-html kbd,
.mg-admin-html pre,
.mg-admin-html samp {
    font-family: monospace;
    font-size: 1em;
}

.mg-admin-html button,
.mg-admin-html input,
.mg-admin-html optgroup {
    font: inherit;
    margin: 0;
    color: inherit;
}

.mg-admin-html select,
.mg-admin-html textarea {
    font: inherit;
}

.mg-admin-html button {
    overflow: visible;
    cursor: pointer;
}

.mg-admin-html button,
.mg-admin-html select {
    text-transform: none;
}

.mg-admin-html html input[type=button],
.mg-admin-html input[type=reset],
.mg-admin-html input[type=submit] {
    cursor: pointer;
    -webkit-appearance: button;
}

.mg-admin-html button[disabled],
.mg-admin-html html input[disabled] {
    cursor: not-allowed;
}

.mg-admin-html button::-moz-focus-inner,
.mg-admin-html input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mg-admin-html input {
    line-height: normal;
}

.mg-admin-html input[type=checkbox],
.mg-admin-html input[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

.mg-admin-html input[type=number]::-webkit-inner-spin-button,
.mg-admin-html input[type=number]::-webkit-outer-spin-button {
    height: auto;
}

.mg-admin-html input[type=search] {
    -webkit-appearance: textfield;
}

.mg-admin-html input[type=search]::-webkit-search-cancel-button,
.mg-admin-html input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}

.mg-admin-html legend {
    max-width: 100%;
    margin-bottom: .5rem;
    border: 0;
}

.mg-admin-html textarea {
    overflow: auto;
    min-height: 50px;
}

.mg-admin-html optgroup {
    font-weight: 700;
}

.mg-admin-html .tabs.simple > li > a,
.mg-admin-html legend,
.mg-admin-html td,
.mg-admin-html th {
    padding: 0;
}

.mg-admin-html .foundation-mq {
    font-family: 'small=0em&medium=48em&large=64em&xlarge=75em&xxlarge=90em';
}

.mg-admin-html::after,
.mg-admin-html::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.mg-admin-html button,
.mg-admin-html select {
    -webkit-appearance: none;
    -moz-appearance: none;
}

.mg-admin-html select {
    font-family: inherit;
    font-size: 1rem;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem 1.5rem .5rem .5rem;
    color: #0a0a0a;
    background-color: #fefefe;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' version=\'1.1\' width=\'32\' height=\'24\' viewBox=\'0 0 32 24\'><polygon points=\'0,0 32,0 16,24\' style=\'fill: rgb%28138, 138, 138%29\'></polygon></svg>');
    background-repeat: no-repeat;
    background-origin: content-box;
    background-size: 9px 6px;
}

.mg-admin-html #map_canvas embed,
.mg-admin-html #map_canvas img,
.mg-admin-html #map_canvas object,
.mg-admin-html .map_canvas embed,
.mg-admin-html .map_canvas img,
.mg-admin-html .map_canvas object,
.mg-admin-html .mqa-display embed,
.mg-admin-html .mqa-display img,
.mg-admin-html .mqa-display object {
    max-width: none !important;
}

.mg-admin-html button {
    line-height: 1;
    padding: 0;
    border: 0;
    background: 0 0;
}

.mg-admin-html [data-whatinput=mouse] button {
    outline: 0;
}

.mg-admin-html .is-visible {
    display: block !important;
}

.mg-admin-html .is-hidden {
    display: none !important;
}

.mg-admin-html .accordion {
    list-style-type: none;
    background: #fefefe;
}

.mg-admin-html .accordion-item:first-child > :first-child {
    border-radius: 0 0 0 0;
}

.mg-admin-html .accordion-item:last-child > :last-child {
    border-radius: 0 0 0 0;
}

.mg-admin-html .accordion-title {
    font-size: .75rem;
    line-height: 1;
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    color: #2196f3;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}
.mg-admin-html .accordion-title-group-prop {
    font-size: .75rem;
    line-height: 1;
    position: relative;
    display: block;
    padding: 1.25rem 1rem;
    color: #2196f3;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

.mg-admin-html:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0;
}

.mg-admin-html:last-child:not(.is-active) > .accordion-title-group-prop {
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0 0 0 0;
}

.mg-admin-html .accordion .is-active .accordion-title{
    background-color: #f3f3f3;
}

.mg-admin-html .accordion .is-active .accordion-title-group-prop{
    background-color: #f3f3f3;
}

.mg-admin-html .accordion-title:hover {
    background-color: #e6e6e6;
}

.mg-admin-html .accordion-title-group-prop:hover {
    background-color: #e6e6e6;
}

.mg-admin-html .accordion-title::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+';
}

.mg-admin-html .accordion-title-group-prop::before {
    position: absolute;
    top: 50%;
    right: 1rem;
    margin-top: -.5rem;
    content: '+';
}

.mg-admin-html .is-active > .accordion-title::before {
    content: 'тАУ';
}

.mg-admin-html .accordion-content {
    display: none;
    padding: 1rem;
    color: #0a0a0a;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
    background-color: #fefefe;
}

.mg-admin-html:last-child > .accordion-content:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.mg-admin-html .row {
    max-width: 80rem;
    margin-right: auto;
    margin-left: auto;
}

.mg-admin-html .row::after,
.mg-admin-html .row::before {
    display: table;
    content: ' ';
}

.mg-admin-html .row::after {
    clear: both;
}

.mg-admin-html .row.collapse > .column,
.mg-admin-html .row.collapse > .columns {
    padding-right: 0;
    padding-left: 0;
}

.mg-admin-html .row .row {
    max-width: none;
    margin-right: -.625rem;
    margin-left: -.625rem;
}

@media screen and (min-width: 48em) {
    .row .row {
        margin-right: -.9375rem;
        margin-left: -.9375rem;
    }
}

.mg-admin-html .row .row.collapse {
    margin-right: 0;
    margin-left: 0;
}

.mg-admin-html .row.expanded {
    max-width: none;
}

.mg-admin-html .row.expanded .row {
    margin-right: auto;
    margin-left: auto;
}

.mg-admin-html .column,
.mg-admin-html .columns {
    float: left;
    width: 100%;
    padding-right: .625rem;
    padding-left: .625rem;
}

@media screen and (min-width: 48em) {
    .column,
    .mg-admin-html .columns {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }
}

.mg-admin-html .column:last-child:not(:first-child),
.mg-admin-html .columns:last-child:not(:first-child) {
    float: right;
}

.mg-admin-html .column.end:last-child:last-child,
.mg-admin-html .end.columns:last-child:last-child {
    float: left;
}

.mg-admin-html .column.row.row,
.mg-admin-html .row.row.columns {
    float: none;
}

.mg-admin-html .row .column.row.row,
.mg-admin-html .row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.mg-admin-html .small-1 {
    width: 8.33333%;
}

.mg-admin-html .small-pull-1,
.mg-admin-html .small-push-1 {
    position: relative;
    left: 8.33333%;
}

.mg-admin-html .small-pull-1 {
    left: -8.33333%;
}

.mg-admin-html .small-offset-0 {
    margin-left: 0;
}

.mg-admin-html .small-2 {
    width: 16.66667%;
}

.mg-admin-html .small-pull-2,
.mg-admin-html .small-push-2 {
    position: relative;
    left: 16.66667%;
}

.mg-admin-html .small-pull-2 {
    left: -16.66667%;
}

.mg-admin-html .small-offset-1 {
    margin-left: 8.33333%;
}

.mg-admin-html .small-3 {
    width: 25%;
}

.mg-admin-html .small-pull-3,
.mg-admin-html .small-push-3 {
    position: relative;
    left: 25%;
}

.mg-admin-html .small-pull-3 {
    left: -25%;
}

.mg-admin-html .small-offset-2 {
    margin-left: 16.66667%;
}

.mg-admin-html .small-4 {
    width: 33.33333%;
}

.mg-admin-html .small-pull-4,
.mg-admin-html .small-push-4 {
    position: relative;
    left: 33.33333%;
}

.mg-admin-html .small-pull-4 {
    left: -33.33333%;
}

.mg-admin-html .small-offset-3 {
    margin-left: 25%;
}

.mg-admin-html .small-5 {
    width: 41.66667%;
}

.mg-admin-html .small-pull-5,
.mg-admin-html .small-push-5 {
    position: relative;
    left: 41.66667%;
}

.mg-admin-html .small-pull-5 {
    left: -41.66667%;
}

.mg-admin-html .small-offset-4 {
    margin-left: 33.33333%;
}

.mg-admin-html .small-6 {
    width: 50%;
}

.mg-admin-html .small-pull-6,
.mg-admin-html .small-push-6 {
    position: relative;
    left: 50%;
}

.mg-admin-html .small-pull-6 {
    left: -50%;
}

.mg-admin-html .small-offset-5 {
    margin-left: 41.66667%;
}

.mg-admin-html .small-7 {
    width: 58.33333%;
}

.mg-admin-html .small-pull-7,
.mg-admin-html .small-push-7 {
    position: relative;
    left: 58.33333%;
}

.mg-admin-html .small-pull-7 {
    left: -58.33333%;
}

.mg-admin-html .small-offset-6 {
    margin-left: 50%;
}

.mg-admin-html .small-8 {
    width: 66.66667%;
}

.mg-admin-html .small-pull-8,
.mg-admin-html .small-push-8 {
    position: relative;
    left: 66.66667%;
}

.mg-admin-html .small-pull-8 {
    left: -66.66667%;
}

.mg-admin-html .small-offset-7 {
    margin-left: 58.33333%;
}

.mg-admin-html .small-9 {
    width: 75%;
}

.mg-admin-html .small-pull-9,
.mg-admin-html .small-push-9 {
    position: relative;
    left: 75%;
}

.mg-admin-html .small-pull-9 {
    left: -75%;
}

.mg-admin-html .small-offset-8 {
    margin-left: 66.66667%;
}

.mg-admin-html .small-10 {
    width: 83.33333%;
}

.mg-admin-html .small-pull-10,
.mg-admin-html .small-push-10 {
    position: relative;
    left: 83.33333%;
}

.mg-admin-html .small-pull-10 {
    left: -83.33333%;
}

.mg-admin-html .small-offset-9 {
    margin-left: 75%;
}

.mg-admin-html .small-11 {
    width: 91.66667%;
}

.mg-admin-html .small-pull-11,
.mg-admin-html .small-push-11 {
    position: relative;
    left: 91.66667%;
}

.mg-admin-html .small-pull-11 {
    left: -91.66667%;
}

.mg-admin-html .small-offset-10 {
    margin-left: 83.33333%;
}

.mg-admin-html .small-offset-11 {
    margin-left: 91.66667%;
}

#deliveryCheckbox {
    margin-bottom: 15px;
}

.mg-admin-html .filterShortLinkTable__empty {
    background: #f3f3f3;
    text-align: center;
}

.mg-admin-html .small-up-1 > .column,
.mg-admin-html .small-up-1 > .columns {
    float: left;
    width: 100%;
}

.mg-admin-html .small-up-1 > .column:nth-of-type(1n),
.mg-admin-html .small-up-1 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-1 > .column:nth-of-type(1n+1),
.mg-admin-html .small-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
}

.mg-admin-html .small-up-1 > .column:last-child,
.mg-admin-html .small-up-1 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-up-2 > .column,
.mg-admin-html .small-up-2 > .columns {
    float: left;
    width: 50%;
}

.mg-admin-html .small-up-2 > .column:nth-of-type(1n),
.mg-admin-html .small-up-2 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-2 > .column:nth-of-type(2n+1),
.mg-admin-html .small-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
}

.mg-admin-html .small-up-2 > .column:last-child,
.mg-admin-html .small-up-2 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-up-3 > .column,
.mg-admin-html .small-up-3 > .columns {
    float: left;
    width: 33.33333%;
}

.mg-admin-html .small-up-3 > .column:nth-of-type(1n),
.mg-admin-html .small-up-3 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-3 > .column:nth-of-type(3n+1),
.mg-admin-html .small-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
}

.mg-admin-html .small-up-3 > .column:last-child,
.mg-admin-html .small-up-3 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-up-4 > .column,
.mg-admin-html .small-up-4 > .columns {
    float: left;
    width: 25%;
}

.mg-admin-html .small-up-4 > .column:nth-of-type(1n),
.mg-admin-html .small-up-4 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-4 > .column:nth-of-type(4n+1),
.mg-admin-html .small-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
}

.mg-admin-html .small-up-4 > .column:last-child,
.mg-admin-html .small-up-4 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-up-5 > .column,
.mg-admin-html .small-up-5 > .columns {
    float: left;
    width: 20%;
}

.mg-admin-html .small-up-5 > .column:nth-of-type(1n),
.mg-admin-html .small-up-5 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-5 > .column:nth-of-type(5n+1),
.mg-admin-html .small-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
}

.mg-admin-html .small-up-5 > .column:last-child,
.mg-admin-html .small-up-5 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-up-6 > .column,
.mg-admin-html .small-up-6 > .columns {
    float: left;
    width: 16.66667%;
}

.mg-admin-html .small-up-6 > .column:nth-of-type(1n),
.mg-admin-html .small-up-6 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-6 > .column:nth-of-type(6n+1),
.mg-admin-html .small-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
}

.mg-admin-html .small-up-6 > .column:last-child,
.mg-admin-html .small-up-6 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-up-7 > .column,
.mg-admin-html .small-up-7 > .columns {
    float: left;
    width: 14.28571%;
}

.mg-admin-html .small-up-7 > .column:nth-of-type(1n),
.mg-admin-html .small-up-7 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-7 > .column:nth-of-type(7n+1),
.mg-admin-html .small-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
}

.mg-admin-html .small-up-7 > .column:last-child,
.mg-admin-html .small-up-7 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-up-8 > .column,
.mg-admin-html .small-up-8 > .columns {
    float: left;
    width: 12.5%;
}

.mg-admin-html .small-up-8 > .column:nth-of-type(1n),
.mg-admin-html .small-up-8 > .columns:nth-of-type(1n) {
    clear: none;
}

.mg-admin-html .small-up-8 > .column:nth-of-type(8n+1),
.mg-admin-html .small-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
}

.mg-admin-html .small-up-8 > .column:last-child,
.mg-admin-html .small-up-8 > .columns:last-child {
    float: left;
}

.mg-admin-html .small-collapse > .column,
.mg-admin-html .small-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
}

.mg-admin-html .expanded.row .small-collapse.row,
.mg-admin-html .small-collapse .row {
    margin-right: 0;
    margin-left: 0;
}

.mg-admin-html .small-uncollapse > .column,
.mg-admin-html .small-uncollapse > .columns {
    padding-right: .625rem;
    padding-left: .625rem;
}

.mg-admin-html .small-centered {
    float: none;
    margin-right: auto;
    margin-left: auto;
}

.mg-admin-html .small-pull-0,
.mg-admin-html .small-push-0,
.mg-admin-html .small-uncentered {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
}

@media screen and (min-width: 48em) {
    .medium-1 {
        width: 8.33333%;
    }

    .mg-admin-html .medium-pull-1,
    .mg-admin-html .medium-push-1 {
        position: relative;
        left: 8.33333%;
    }

    .mg-admin-html .medium-pull-1 {
        left: -8.33333%;
    }

    .mg-admin-html .medium-offset-0 {
        margin-left: 0;
    }

    .mg-admin-html .medium-2 {
        width: 16.66667%;
    }

    .mg-admin-html .medium-pull-2,
    .mg-admin-html .medium-push-2 {
        position: relative;
        left: 16.66667%;
    }

    .mg-admin-html .medium-pull-2 {
        left: -16.66667%;
    }

    .mg-admin-html .medium-offset-1 {
        margin-left: 8.33333%;
    }

    .mg-admin-html .medium-3 {
        width: 25%;
    }

    .mg-admin-html .medium-pull-3,
    .mg-admin-html .medium-push-3 {
        position: relative;
        left: 25%;
    }

    .mg-admin-html .medium-pull-3 {
        left: -25%;
    }

    .mg-admin-html .medium-offset-2 {
        margin-left: 16.66667%;
    }

    .mg-admin-html .medium-4 {
        width: 33.33333%;
    }

    .mg-admin-html .medium-pull-4,
    .mg-admin-html .medium-push-4 {
        position: relative;
        left: 33.33333%;
    }

    .mg-admin-html .medium-pull-4 {
        left: -33.33333%;
    }

    .mg-admin-html .medium-offset-3 {
        margin-left: 25%;
    }

    .mg-admin-html .medium-5 {
        width: 41.66667%;
    }

    .mg-admin-html .medium-pull-5,
    .mg-admin-html .medium-push-5 {
        position: relative;
        left: 41.66667%;
    }

    .mg-admin-html .medium-pull-5 {
        left: -41.66667%;
    }

    .mg-admin-html .medium-offset-4 {
        margin-left: 33.33333%;
    }

    .mg-admin-html .medium-6 {
        width: 50%;
    }

    .mg-admin-html .medium-pull-6,
    .mg-admin-html .medium-push-6 {
        position: relative;
        left: 50%;
    }

    .mg-admin-html .medium-pull-6 {
        left: -50%;
    }

    .mg-admin-html .medium-offset-5 {
        margin-left: 41.66667%;
    }

    .mg-admin-html .medium-7 {
        width: 58.33333%;
    }

    .mg-admin-html .medium-pull-7,
    .mg-admin-html .medium-push-7 {
        position: relative;
        left: 58.33333%;
    }

    .mg-admin-html .medium-pull-7 {
        left: -58.33333%;
    }

    .mg-admin-html .medium-offset-6 {
        margin-left: 50%;
    }

    .mg-admin-html .medium-8 {
        width: 66.66667%;
    }

    .mg-admin-html .medium-pull-8,
    .mg-admin-html .medium-push-8 {
        position: relative;
        left: 66.66667%;
    }

    .mg-admin-html .medium-pull-8 {
        left: -66.66667%;
    }

    .mg-admin-html .medium-offset-7 {
        margin-left: 58.33333%;
    }

    .mg-admin-html .medium-9 {
        width: 75%;
    }

    .mg-admin-html .medium-pull-9,
    .mg-admin-html .medium-push-9 {
        position: relative;
        left: 75%;
    }

    .mg-admin-html .medium-pull-9 {
        left: -75%;
    }

    .mg-admin-html .medium-offset-8 {
        margin-left: 66.66667%;
    }

    .mg-admin-html .medium-10 {
        width: 83.33333%;
    }

    .mg-admin-html .medium-pull-10,
    .mg-admin-html .medium-push-10 {
        position: relative;
        left: 83.33333%;
    }

    .mg-admin-html .medium-pull-10 {
        left: -83.33333%;
    }

    .mg-admin-html .medium-offset-9 {
        margin-left: 75%;
    }

    .mg-admin-html .medium-11 {
        width: 91.66667%;
    }

    .mg-admin-html .medium-pull-11,
    .mg-admin-html .medium-push-11 {
        position: relative;
        left: 91.66667%;
    }

    .mg-admin-html .medium-pull-11 {
        left: -91.66667%;
    }

    .mg-admin-html .medium-offset-10 {
        margin-left: 83.33333%;
    }

    .mg-admin-html .medium-12 {
        width: 100%;
    }

    .mg-admin-html .medium-offset-11 {
        margin-left: 91.66667%;
    }

    .mg-admin-html .medium-up-1 > .column,
    .mg-admin-html .medium-up-1 > .columns {
        float: left;
        width: 100%;
    }

    .mg-admin-html .medium-up-1 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-1 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-1 > .column:nth-of-type(1n+1),
    .mg-admin-html .medium-up-1 > .columns:nth-of-type(1n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-1 > .column:last-child,
    .mg-admin-html .medium-up-1 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-up-2 > .column,
    .mg-admin-html .medium-up-2 > .columns {
        float: left;
        width: 50%;
    }

    .mg-admin-html .medium-up-2 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-2 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-2 > .column:nth-of-type(2n+1),
    .mg-admin-html .medium-up-2 > .columns:nth-of-type(2n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-2 > .column:last-child,
    .mg-admin-html .medium-up-2 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-up-3 > .column,
    .mg-admin-html .medium-up-3 > .columns {
        float: left;
        width: 33.33333%;
    }

    .mg-admin-html .medium-up-3 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-3 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-3 > .column:nth-of-type(3n+1),
    .mg-admin-html .medium-up-3 > .columns:nth-of-type(3n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-3 > .column:last-child,
    .mg-admin-html .medium-up-3 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-up-4 > .column,
    .mg-admin-html .medium-up-4 > .columns {
        float: left;
        width: 25%;
    }

    .mg-admin-html .medium-up-4 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-4 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-4 > .column:nth-of-type(4n+1),
    .mg-admin-html .medium-up-4 > .columns:nth-of-type(4n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-4 > .column:last-child,
    .mg-admin-html .medium-up-4 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-up-5 > .column,
    .mg-admin-html .medium-up-5 > .columns {
        float: left;
        width: 20%;
    }

    .mg-admin-html .medium-up-5 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-5 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-5 > .column:nth-of-type(5n+1),
    .mg-admin-html .medium-up-5 > .columns:nth-of-type(5n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-5 > .column:last-child,
    .mg-admin-html .medium-up-5 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-up-6 > .column,
    .mg-admin-html .medium-up-6 > .columns {
        float: left;
        width: 16.66667%;
    }

    .mg-admin-html .medium-up-6 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-6 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-6 > .column:nth-of-type(6n+1),
    .mg-admin-html .medium-up-6 > .columns:nth-of-type(6n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-6 > .column:last-child,
    .mg-admin-html .medium-up-6 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-up-7 > .column,
    .mg-admin-html .medium-up-7 > .columns {
        float: left;
        width: 14.28571%;
    }

    .mg-admin-html .medium-up-7 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-7 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-7 > .column:nth-of-type(7n+1),
    .mg-admin-html .medium-up-7 > .columns:nth-of-type(7n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-7 > .column:last-child,
    .mg-admin-html .medium-up-7 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-up-8 > .column,
    .mg-admin-html .medium-up-8 > .columns {
        float: left;
        width: 12.5%;
    }

    .mg-admin-html .medium-up-8 > .column:nth-of-type(1n),
    .mg-admin-html .medium-up-8 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .medium-up-8 > .column:nth-of-type(8n+1),
    .mg-admin-html .medium-up-8 > .columns:nth-of-type(8n+1) {
        clear: both;
    }

    .mg-admin-html .medium-up-8 > .column:last-child,
    .mg-admin-html .medium-up-8 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .medium-collapse > .column,
    .mg-admin-html .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0;
    }

    .mg-admin-html .expanded.row .medium-collapse.row,
    .mg-admin-html .medium-collapse .row {
        margin-right: 0;
        margin-left: 0;
    }

    .mg-admin-html .medium-uncollapse > .column,
    .mg-admin-html .medium-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }

    .mg-admin-html .medium-centered {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    .mg-admin-html .medium-pull-0,
    .mg-admin-html .medium-push-0,
    .mg-admin-html .medium-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0;
    }
}

@media screen and (min-width: 64em) {
    .large-1 {
        width: 8.33333%;
    }

    .mg-admin-html .large-pull-1,
    .mg-admin-html .large-push-1 {
        position: relative;
        left: 8.33333%;
    }

    .mg-admin-html .large-pull-1 {
        left: -8.33333%;
    }

    .mg-admin-html .large-offset-0 {
        margin-left: 0;
    }

    .mg-admin-html .large-2 {
        width: 16.66667%;
    }

    .mg-admin-html .large-pull-2,
    .mg-admin-html .large-push-2 {
        position: relative;
        left: 16.66667%;
    }

    .mg-admin-html .large-pull-2 {
        left: -16.66667%;
    }

    .mg-admin-html .large-offset-1 {
        margin-left: 8.33333%;
    }

    .mg-admin-html .large-3 {
        width: 25%;
    }

    .mg-admin-html .large-pull-3,
    .mg-admin-html .large-push-3 {
        position: relative;
        left: 25%;
    }

    .mg-admin-html .large-pull-3 {
        left: -25%;
    }

    .mg-admin-html .large-offset-2 {
        margin-left: 16.66667%;
    }

    .mg-admin-html .large-4 {
        width: 33.33333%;
    }

    .mg-admin-html .large-pull-4,
    .mg-admin-html .large-push-4 {
        position: relative;
        left: 33.33333%;
    }

    .mg-admin-html .large-pull-4 {
        left: -33.33333%;
    }

    .mg-admin-html .large-offset-3 {
        margin-left: 25%;
    }

    .mg-admin-html .large-5 {
        width: 41.66667%;
    }

    .mg-admin-html .large-pull-5,
    .mg-admin-html .large-push-5 {
        position: relative;
        left: 41.66667%;
    }

    .mg-admin-html .large-pull-5 {
        left: -41.66667%;
    }

    .mg-admin-html .large-offset-4 {
        margin-left: 33.33333%;
    }

    .mg-admin-html .large-6 {
        width: 50%;
    }

    .mg-admin-html .large-pull-6,
    .mg-admin-html .large-push-6 {
        position: relative;
        left: 50%;
    }

    .mg-admin-html .large-pull-6 {
        left: -50%;
    }

    .mg-admin-html .large-offset-5 {
        margin-left: 41.66667%;
    }

    .mg-admin-html .large-7 {
        width: 58.33333%;
    }

    .mg-admin-html .large-pull-7,
    .mg-admin-html .large-push-7 {
        position: relative;
        left: 58.33333%;
    }

    .mg-admin-html .large-pull-7 {
        left: -58.33333%;
    }

    .mg-admin-html .large-offset-6 {
        margin-left: 50%;
    }

    .mg-admin-html .large-8 {
        width: 66.66667%;
    }

    .mg-admin-html .large-pull-8,
    .mg-admin-html .large-push-8 {
        position: relative;
        left: 66.66667%;
    }

    .mg-admin-html .large-pull-8 {
        left: -66.66667%;
    }

    .mg-admin-html .large-offset-7 {
        margin-left: 58.33333%;
    }

    .mg-admin-html .large-9 {
        width: 75%;
    }

    .mg-admin-html .large-pull-9,
    .mg-admin-html .large-push-9 {
        position: relative;
        left: 75%;
    }

    .mg-admin-html .large-pull-9 {
        left: -75%;
    }

    .mg-admin-html .large-offset-8 {
        margin-left: 66.66667%;
    }

    .mg-admin-html .large-10 {
        width: 83.33333%;
    }

    .mg-admin-html .large-pull-10,
    .mg-admin-html .large-push-10 {
        position: relative;
        left: 83.33333%;
    }

    .mg-admin-html .large-pull-10 {
        left: -83.33333%;
    }

    .mg-admin-html .large-offset-9 {
        margin-left: 75%;
    }

    .mg-admin-html .large-11 {
        width: 91.66667%;
    }

    .mg-admin-html .large-pull-11,
    .mg-admin-html .large-push-11 {
        position: relative;
        left: 91.66667%;
    }

    .mg-admin-html .large-pull-11 {
        left: -91.66667%;
    }

    .mg-admin-html .large-offset-10 {
        margin-left: 83.33333%;
    }

    .mg-admin-html .large-12 {
        width: 100%;
    }

    .mg-admin-html .large-offset-11 {
        margin-left: 91.66667%;
    }

    .mg-admin-html .large-up-1 > .column,
    .mg-admin-html .large-up-1 > .columns {
        float: left;
        width: 100%;
    }

    .mg-admin-html .large-up-1 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-1 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-1 > .column:nth-of-type(1n+1),
    .mg-admin-html .large-up-1 > .columns:nth-of-type(1n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-1 > .column:last-child,
    .mg-admin-html .large-up-1 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-up-2 > .column,
    .mg-admin-html .large-up-2 > .columns {
        float: left;
        width: 50%;
    }

    .mg-admin-html .large-up-2 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-2 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-2 > .column:nth-of-type(2n+1),
    .mg-admin-html .large-up-2 > .columns:nth-of-type(2n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-2 > .column:last-child,
    .mg-admin-html .large-up-2 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-up-3 > .column,
    .mg-admin-html .large-up-3 > .columns {
        float: left;
        width: 33.33333%;
    }

    .mg-admin-html .large-up-3 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-3 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-3 > .column:nth-of-type(3n+1),
    .mg-admin-html .large-up-3 > .columns:nth-of-type(3n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-3 > .column:last-child,
    .mg-admin-html .large-up-3 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-up-4 > .column,
    .mg-admin-html .large-up-4 > .columns {
        float: left;
        width: 25%;
    }

    .mg-admin-html .large-up-4 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-4 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-4 > .column:nth-of-type(4n+1),
    .mg-admin-html .large-up-4 > .columns:nth-of-type(4n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-4 > .column:last-child,
    .mg-admin-html .large-up-4 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-up-5 > .column,
    .mg-admin-html .large-up-5 > .columns {
        float: left;
        width: 20%;
    }

    .mg-admin-html .large-up-5 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-5 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-5 > .column:nth-of-type(5n+1),
    .mg-admin-html .large-up-5 > .columns:nth-of-type(5n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-5 > .column:last-child,
    .mg-admin-html .large-up-5 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-up-6 > .column,
    .mg-admin-html .large-up-6 > .columns {
        float: left;
        width: 16.66667%;
    }

    .mg-admin-html .large-up-6 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-6 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-6 > .column:nth-of-type(6n+1),
    .mg-admin-html .large-up-6 > .columns:nth-of-type(6n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-6 > .column:last-child,
    .mg-admin-html .large-up-6 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-up-7 > .column,
    .mg-admin-html .large-up-7 > .columns {
        float: left;
        width: 14.28571%;
    }

    .mg-admin-html .large-up-7 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-7 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-7 > .column:nth-of-type(7n+1),
    .mg-admin-html .large-up-7 > .columns:nth-of-type(7n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-7 > .column:last-child,
    .mg-admin-html .large-up-7 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-up-8 > .column,
    .mg-admin-html .large-up-8 > .columns {
        float: left;
        width: 12.5%;
    }

    .mg-admin-html .large-up-8 > .column:nth-of-type(1n),
    .mg-admin-html .large-up-8 > .columns:nth-of-type(1n) {
        clear: none;
    }

    .mg-admin-html .large-up-8 > .column:nth-of-type(8n+1),
    .mg-admin-html .large-up-8 > .columns:nth-of-type(8n+1) {
        clear: both;
    }

    .mg-admin-html .large-up-8 > .column:last-child,
    .mg-admin-html .large-up-8 > .columns:last-child {
        float: left;
    }

    .mg-admin-html .large-collapse > .column,
    .mg-admin-html .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0;
    }

    .mg-admin-html .expanded.row .large-collapse.row,
    .mg-admin-html .large-collapse .row {
        margin-right: 0;
        margin-left: 0;
    }

    .mg-admin-html .large-uncollapse > .column,
    .mg-admin-html .large-uncollapse > .columns {
        padding-right: .9375rem;
        padding-left: .9375rem;
    }

    .mg-admin-html .large-centered {
        float: none;
        margin-right: auto;
        margin-left: auto;
    }

    .mg-admin-html .large-pull-0,
    .mg-admin-html .large-push-0,
    .mg-admin-html .large-uncentered {
        position: static;
        float: left;
        margin-right: 0;
        margin-left: 0;
    }
}

.mg-admin-html .button {
    font-size: .9rem;
    margin: 10px 0;
    display: inline-block;
    -webkit-transition: background-color .25s ease-out, color .25s ease-out;
    -o-transition: background-color .25s ease-out, color .25s ease-out;
    transition: background-color .25s ease-out, color .25s ease-out;
    vertical-align: middle;
    background-color: #2196f3;
    -webkit-appearance: none;
}

.mg-admin-html .button--noindent {
    margin: 0;
}

.mg-admin-html [data-whatinput=mouse] .button {
    outline: 0;
}

.mg-admin-html .button:focus,
.mg-admin-html .button:hover {
    color: #fefefe;
    background-color: #0c81df;
}

.mg-admin-html .button.tiny {
    font-size: .6rem;
}

.mg-admin-html .button.small {
    font-size: .75rem;
}

.mg-admin-html .button.large {
    font-size: 1.25rem;
}

.mg-admin-html .button.expanded {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
}

.mg-admin-html .button.primary {
    color: #fefefe;
    background-color: #2196f3;
}

.mg-admin-html .button.primary:focus,
.mg-admin-html .button.primary:hover {
    color: #fefefe;
    background-color: #0b7ad1;
}

.mg-admin-html .button.secondary {
    color: #0a0a0a;
    background-color: #ebebeb;
}

.mg-admin-html .button.secondary:focus,
.mg-admin-html .button.secondary:hover {
    color: #0a0a0a;
    background-color: #bcbcbc;
}

.mg-admin-html .button.success,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .button.active {
    color: #fefefe;
    background-color: #4caf50;
}

.mg-admin-html .button.success:focus,
.mg-admin-html .button.success:hover,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .button.active:focus,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .button.active:hover {
    color: #fefefe;
    background-color: #3d8c40;
}

.mg-admin-html .button.warning {
    color: #fefefe;
    background-color: #ffae00;
}

.mg-admin-html .button.warning:focus,
.mg-admin-html .button.warning:hover {
    color: #fefefe;
    background-color: #cc8b00;
}

.mg-admin-html .button.alert {
    color: #fefefe;
    background-color: #f44336;
}

.mg-admin-html .button.alert:focus,
.mg-admin-html .button.alert:hover {
    color: #fefefe;
    background-color: #f44336;
}

.mg-admin-html .button.hollow {
    color: #2196f3;
    border: 1px solid #2196f3;
}

.mg-admin-html .button.hollow,
.mg-admin-html .button.hollow:focus,
.mg-admin-html .button.hollow:hover {
    background-color: transparent;
}

.mg-admin-html .button.hollow.primary:focus,
.mg-admin-html .button.hollow.primary:hover,
.mg-admin-html .button.hollow:focus,
.mg-admin-html .button.hollow:hover {
    color: #074c83;
    border-color: #074c83;
}

.mg-admin-html .button.hollow.primary {
    color: #2196f3;
    border: 1px solid #2196f3;
}

.mg-admin-html .button.hollow.secondary {
    color: #ebebeb;
    border: 1px solid #ebebeb;
}

.mg-admin-html .button.hollow.secondary:focus,
.mg-admin-html .button.hollow.secondary:hover {
    color: #767676;
    border-color: #767676;
}

.mg-admin-html .button.hollow.success,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .hollow.button.active {
    color: #4caf50;
    border: 1px solid #4caf50;
}

.mg-admin-html .button.hollow.success:focus,
.mg-admin-html .button.hollow.success:hover,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .hollow.button.active:focus,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .hollow.button.active:hover {
    color: #265828;
    border-color: #265828;
}

.mg-admin-html .button.hollow.warning {
    color: #ffae00;
    border: 1px solid #ffae00;
}

.mg-admin-html .button.hollow.warning:focus,
.mg-admin-html .button.hollow.warning:hover {
    color: #805700;
    border-color: #805700;
}

.mg-admin-html .button.hollow.alert {
    color: #f44336;
    border: 1px solid #f44336;
}

.mg-admin-html .button.hollow.alert:focus,
.mg-admin-html .button.hollow.alert:hover {
    color: #8d1108;
    border-color: #8d1108;
}

.mg-admin-html .button.disabled {
    opacity: .25;
}

.mg-admin-html .button[disabled] {
    cursor: not-allowed;
    opacity: .25;
}

.mg-admin-html .button.disabled:focus,
.mg-admin-html .button.disabled:hover,
.mg-admin-html .button[disabled]:focus,
.mg-admin-html .button[disabled]:hover {
    color: #fefefe;
    background-color: #2196f3;
}

.mg-admin-html .button.dropdown::after {
    position: relative;
    top: .4em;
    display: inline-block;
    float: right;
    width: 0;
    height: 0;
    margin-left: 1em;
    content: '';
    border: inset .4em;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
}

.mg-admin-html .button.arrow-only::after {
    top: -.1em;
    float: none;
    margin-left: 0;
}

.mg-admin-html tbody,
.mg-admin-html tfoot,
.mg-admin-html thead {
    border: 1px solid #f1f1f1;
    background-color: #fefefe;
}

.mg-admin-html caption,
.mg-admin-html tfoot td,
.mg-admin-html tfoot th,
.mg-admin-html thead td,
.mg-admin-html thead th {
    font-weight: 700;
    padding: .5rem .625rem .625rem;
}

.mg-admin-html tfoot,
.mg-admin-html thead {
    color: #0a0a0a;
    background: #f8f8f8;
}

.mg-admin-html .tabs.simple > li > a:hover,
.mg-admin-html tfoot tr,
.mg-admin-html thead tr {
    background: 0 0;
}

.mg-admin-html tfoot td,
.mg-admin-html tfoot th,
.mg-admin-html thead td,
.mg-admin-html thead th {
    text-align: left;
}


.mg-admin-html tbody td,
.mg-admin-html tbody th {
    padding: .5rem .625rem .625rem;
}

@media screen and (max-width: 63.9375em) {
    table.stack tfoot,
    .mg-admin-html table.stack thead {
        display: none;
    }

    .mg-admin-html table.stack td,
    .mg-admin-html table.stack th,
    .mg-admin-html table.stack tr {
        display: block;
    }

    .mg-admin-html table.stack td {
        border-top: 0;
    }
}

.mg-admin-html table.scroll {
    display: block;
    overflow-x: auto;
    width: 100%;
}

.mg-admin-html table.hover tr:hover {
    background-color: #f9f9f9;
}

.mg-admin-html table.hover tr:nth-of-type(even):hover {
    background-color: #ececec;
}

.mg-admin-html .table-scroll {
    overflow-x: auto;
}

.mg-admin-html .table-scroll table {
    width: auto;
}

.mg-admin-html .tabs {
    margin: 0;
    list-style-type: none;
    border: 1px solid #e6e6e6;
    background: #fefefe;
}

.mg-admin-html .tabs::after,
.mg-admin-html .tabs::before {
    display: table;
    content: ' ';
}

.mg-admin-html .tabs::after {
    clear: both;
}

.mg-admin-html .tabs.vertical > li {
    display: block;
    float: none;
    width: auto;
}

.mg-admin-html .tabs.primary {
    background: #2196f3;
}

.mg-admin-html .tabs.primary > li > a {
    color: #fefefe;
}

.mg-admin-html .tabs.primary > li > a:focus,
.mg-admin-html .tabs.primary > li > a:hover {
    background: #1490f2;
}

.select-product-block .tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mg-admin-html .tabs-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    float: left;
}

@media screen and (max-width: 564px) {
    .mg-admin-html .order-edit-display > .search-block .searchCats {
        margin-right: 0;
    }
}

#orderContent td.fullPrice,
#orderContent td.price {
    white-space: nowrap;
}

.mg-admin-html #add-product-wrapper .tabs-title a {
    padding: 10px;
    width: 100%;
    text-align: center;
}

.mg-admin-html .tabs-title > a {
    font-size: .75rem;
    line-height: 1;
    padding: 1.25rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-admin-html .search-block__btn_active_non {
    pointer-events: none;
    border-left: 0;
}

.order-edit-display i {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.order-edit-display_opened i {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mg-admin-html .tabs-title > a:hover {
    background: #f5f5f5;
    /*border-radius: 8px 0 0 8px!Important;*/
}

.mg-admin-html .tabs-title > a:focus,
.mg-admin-html .tabs-title > a[aria-selected=true] {
    background: #e6e6e6;
}

.mg-admin-html .tabs-content {
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    border: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
}

.mg-admin-html .tabs-content.vertical {
    border: 1px solid #e6e6e6;
    border-left: 0;
}

.mg-admin-html .tabs-panel {
    display: none;
    padding: 1rem;
}

.mg-admin-html .tabs-panel.is-active {
    display: block;
}

.mg-admin-html [type=color],
.mg-admin-html [type=date],
.mg-admin-html [type=datetime-local],
.mg-admin-html [type=datetime],
.mg-admin-html [type=email],
.mg-admin-html [type=month],
.mg-admin-html [type=number],
.mg-admin-html [type=password],
.mg-admin-html [type=search],
.mg-admin-html [type=tel],
.mg-admin-html [type=text],
.mg-admin-html [type=time],
.mg-admin-html [type=url],
.mg-admin-html [type=week] {
    border: 1px solid #ccc;
}

.mg-admin-html [type=color],
.mg-admin-html [type=date],
.mg-admin-html [type=datetime-local],
.mg-admin-html [type=datetime],
.mg-admin-html [type=email],
.mg-admin-html [type=month],
.mg-admin-html [type=number],
.mg-admin-html [type=password],
.mg-admin-html [type=search],
.mg-admin-html [type=tel],
.mg-admin-html [type=text],
.mg-admin-html [type=time],
.mg-admin-html [type=url],
.mg-admin-html [type=week],
.mg-admin-html textarea {
    font-family: inherit;
    font-size: 1rem;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    margin: 0 0 1rem;
    padding: .5rem;
    color: #0a0a0a;
    border-radius: 0;
    background-color: #fefefe;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.mg-admin-html [type=color]:focus,
.mg-admin-html [type=date]:focus,
.mg-admin-html [type=datetime-local]:focus,
.mg-admin-html [type=datetime]:focus,
.mg-admin-html [type=email]:focus,
.mg-admin-html [type=month]:focus,
.mg-admin-html [type=number]:focus,
.mg-admin-html [type=password]:focus,
.mg-admin-html [type=search]:focus,
.mg-admin-html [type=tel]:focus,
.mg-admin-html [type=text]:focus,
.mg-admin-html [type=time]:focus,
.mg-admin-html [type=url]:focus,
.mg-admin-html [type=week]:focus {
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;
}

.mg-admin-html textarea:focus {
    -webkit-transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    transition: border-color .25s ease-in-out, -webkit-box-shadow .5s;
    -o-transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    transition: box-shadow .5s, border-color .25s ease-in-out, -webkit-box-shadow .5s;
    border: 1px solid #8a8a8a;
    background-color: #fefefe;
}

.mg-admin-html .content iframe,
.mg-admin-html .img-holder img,
.mg-admin-html textarea {
    max-width: 100%;
}

.mg-admin-html textarea[rows] {
    height: auto;
}

.mg-admin-html input::-webkit-input-placeholder,
.mg-admin-html textarea::-webkit-input-placeholder {
    color: #ccc;
}

.mg-admin-html input:-ms-input-placeholder,
.mg-admin-html textarea:-ms-input-placeholder {
    color: #ccc;
}

.mg-admin-html input::-ms-input-placeholder,
.mg-admin-html textarea::-ms-input-placeholder {
    color: #ccc;
}

.mg-admin-html input::-moz-placeholder,
.mg-admin-html textarea::-moz-placeholder {
    color: #ccc;
}

.mg-admin-html input::placeholder,
.mg-admin-html textarea::placeholder {
    color: #ccc;
}

.mg-admin-html input:disabled,
.mg-admin-html input[readonly],
.mg-admin-html select:disabled,
.mg-admin-html textarea:disabled,
.mg-admin-html textarea[readonly] {
    cursor: not-allowed;
    background-color: #efefef;
}

.mg-admin-html [type=button],
.mg-admin-html [type=submit] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.mg-admin-html input[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mg-admin-html [type=checkbox],
.mg-admin-html [type=file],
.mg-admin-html [type=radio] {
    margin: 0 0 1rem;
}

.mg-admin-html [type=checkbox] + label,
.mg-admin-html [type=radio] + label {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 0;
    margin-left: .5rem;
    vertical-align: baseline;
}

.mg-admin-html [type=checkbox] + label[for],
.mg-admin-html [type=radio] + label[for] {
    cursor: pointer;
}

.mg-admin-html label > [type=checkbox],
.mg-admin-html label > [type=radio] {
    margin-right: .5rem;
}

.mg-admin-html [type=file] {
    width: 100%;
}

.mg-admin-html label {
    font-size: .875rem;
    font-weight: 400;
    display: block;
    margin: 0;
    color: #0a0a0a;
}


.mg-admin-html .help-text {
    font-size: 13px;
    font-style: italic;
    margin-top: -.5rem;
    color: #0a0a0a;
}

.mg-admin-html .input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
}

.mg-admin-html .input-group > :first-child {
    border-radius: 0 0 0 0;
}

.mg-admin-html .input-group > :last-child > * {
    border-radius: 0 0 0 0;
}

.mg-admin-html .input-group-label {
    display: table-cell;
    margin: 0;
}

.mg-admin-html .input-group-button,
.mg-admin-html .input-group-field {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    white-space: nowrap;
}

.mg-admin-html .input-group-label {
    width: 1%;
    height: 100%;
    padding: 0 1rem;
    text-align: center;
    white-space: nowrap;
    color: #0a0a0a;
    background: #e6e6e6;
}

.mg-admin-html .input-group-label:first-child {
    border-right: 0;
}

.mg-admin-html .input-group-label:last-child {
    border-left: 0;
}

.mg-admin-html .input-group-field {
    border-radius: 0;
}

.mg-admin-html .input-group-button {
    width: 1%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
}

.mg-admin-html .input-group-button a,
.mg-admin-html .input-group-button button,
.mg-admin-html .input-group-button input,
.mg-admin-html input + .switch-paddle {
    margin: 0;
}

.mg-admin-html .input-group .input-group-button {
    display: table-cell;
}

.mg-admin-html fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.mg-admin-html .fieldset {
    margin: 1.125rem 0;
    padding: 1.25rem;
    border: 1px solid #ccc;
}

.mg-admin-html .fieldset legend {
    margin: 0;
    margin-left: -.1875rem;
    padding: 0 .1875rem;
    background: #fefefe;
}

@media screen and (min-width: 0\0
) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==);
    }
}

.mg-admin-html select::-ms-expand {
    display: none;
}

.mg-admin-html select[multiple] {
    height: auto;
    background-image: none;
}

.mg-admin-html .is-invalid-input:not(:focus) {
    border-color: #f44336;
    background-color: rgba(244, 67, 54, .1);
}

.mg-admin-html .form-error,
.mg-admin-html .is-invalid-label {
    color: #f44336;
}

.mg-admin-html .form-error {
    font-size: .75rem;
    font-weight: 700;
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
}

.mg-admin-html .form-error.is-visible {
    display: block;
}

.mg-admin-html .callout {
    position: relative;
    margin: 0 0 1rem;
    padding: 1rem;
    color: #0a0a0a;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 0;
    background-color: #fff;
}

.mg-admin-html .callout > :first-child {
    margin-top: 0;
}

.mg-admin-html .callout > :last-child {
    margin-bottom: 0;
}

.mg-admin-html .callout.primary {
    background-color: #deeffd;
}

.mg-admin-html .callout.secondary {
    background-color: #fcfcfc;
}

.mg-admin-html .callout.success {
    background-color: #e4f3e5;
}

.mg-admin-html .callout.warning {
    background-color: #fff3d9;
}

.mg-admin-html .callout.alert {
    background-color: #fde3e1;
}

.mg-admin-html .callout.small {
    padding: .5rem;
}

.mg-admin-html .callout.large {
    padding: 3rem;
}

.mg-admin-html body.full-screen,
.mg-admin-html body.is-reveal-open {
    overflow: hidden;
}

.mg-admin-html html.is-reveal-open,
.mg-admin-html html.is-reveal-open body {
    overflow: hidden;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.reveal-overlay {
    position: fixed;
    z-index: 1005;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    background-color: rgba(10, 10, 10, .45);
}

.reveal {
    position: relative;
    z-index: 1006;
    top: 100px;
    display: none;
    padding: 1rem;
    border-radius: 0;
    background-color: #fefefe;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.mg-admin-html [data-whatinput=mouse] .menu > li,
.mg-admin-html [data-whatinput=mouse] .reveal {
    outline: 0;
}

@media screen and (min-width: 48em) {
    .reveal {
        min-height: 0;
    }
}

.reveal .column,
.mg-admin-html .reveal .columns {
    min-width: 0;
}

.reveal > :last-child {
    margin-bottom: 0;
}

@media screen and (min-width: 48em) {
    .reveal {
        width: 600px;
        max-width: 80rem;
    }

    .reveal .reveal {
        right: auto;
        left: auto;
        margin: 0 auto;
    }
}

.mg-admin-html .menu.simple a,
.mg-admin-html .reveal.collapse {
    padding: 0;
}

@media screen and (min-width: 48em) {
    .reveal.tiny {
        width: 30%;
        max-width: 80rem;
    }

    .reveal.large,
    .mg-admin-html .reveal.small {
        width: 50%;
        max-width: 80rem;
    }

    .reveal.large {
        width: 90%;
    }

    .reveal.large#add-product-wrapper {
        width: 97%;
    }
}

.reveal.full {
    top: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    margin-left: 0;
    border: 0;
    border-radius: 0;
}

@media screen and (max-width: 47.9375em) {
    .reveal {
        top: 0;
        left: 0;
        width: 100%;
        max-width: none;
        margin-left: 0;
        border: 0;
        border-radius: 0;
    }
}

.reveal.without-overlay {
    position: fixed;
}

.mg-admin-html .switch {
    font-size: .875rem;
    font-weight: 700;
    position: relative;
    margin-bottom: 1rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fefefe;
    outline: 0;
}

.mg-admin-html .switch-input {
    position: absolute;
    opacity: 0;
}

.mg-admin-html .switch-paddle,
.mg-admin-html .switch-paddle::after {
    display: block;
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    border-radius: 0;
}

.mg-admin-html .switch-paddle {
    font-weight: inherit;
    position: relative;
    width: 4rem;
    height: 2rem;
    cursor: pointer;
    color: inherit;
    background: #ccc;
}

.mg-admin-html .switch-paddle::after {
    position: absolute;
    top: .25rem;
    left: .25rem;
    width: 1.5rem;
    height: 1.5rem;
    content: '';
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #fefefe;
}

.mg-admin-html input:checked ~ .switch-paddle__wrap .switch-paddle {
    background: #2196f3;
}

.mg-admin-html input:checked ~ .switch-paddle__wrap .switch-paddle::after {
    left: 1.7rem;
}

.mg-admin-html [data-whatinput=mouse] input:focus ~ .switch-paddle {
    outline: 0;
}

.mg-admin-html .switch-active,
.mg-admin-html .switch-inactive {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mg-admin-html .switch-active {
    left: 8%;
    display: none;
}

.mg-admin-html .checkbox input[type=checkbox]:checked + label:after,
.mg-admin-html .checkbox input[type=radio]:checked + label:after,
.mg-admin-html .radio input[type=checkbox]:checked + label:after,
.mg-admin-html .radio input[type=radio]:checked + label:after,
.mg-admin-html input:checked + label > .switch-active {
    display: block;
}

.mg-admin-html .switch-inactive {
    right: 15%;
}

.mg-admin-html input:checked + label > .switch-inactive {
    display: none;
}

.mg-admin-html .switch.tiny .switch-paddle {
    font-size: .625rem;
    width: 3rem;
    height: 1.5rem;
}

.mg-admin-html .switch.tiny .switch-paddle::after {
    width: 1rem;
    height: 1rem;
}

.mg-admin-html .switch.tiny input:checked ~ .switch-paddle::after {
    left: 1.75rem;
}

.mg-admin-html .switch.small .switch-paddle::after {
    width: 1.25rem;
    height: 1.25rem;
}

.mg-admin-html .switch.large .switch-paddle {
    font-size: 1rem;
    width: 5rem;
    height: 2.5rem;
}

.mg-admin-html .switch.large .switch-paddle::after {
    width: 2rem;
    height: 2rem;
}

.mg-admin-html .switch.large input:checked ~ .switch-paddle::after {
    left: 2.75rem;
}

.mg-admin-html .label {
    font-size: .8rem;
    line-height: 1;
    display: inline-block;
    padding: .33333rem .5rem;
    cursor: default;
    white-space: nowrap;
    color: #fefefe;
    border-radius: 0;
    background: #2196f3;
}

.mg-admin-html .label.secondary {
    color: #0a0a0a;
    background: #ebebeb;
}

.mg-admin-html .label.success {
    color: #fefefe;
    background: #4caf50;
}

.mg-admin-html .label.warning {
    color: #fefefe;
    background: #ffae00;
}

.mg-admin-html .label.alert {
    color: #fefefe;
    background: #f44336;
}

.mg-admin-html .menu {
    margin: 0;
    list-style-type: none;
}

.mg-admin-html .menu > li {
    display: table-cell;
}

.mg-admin-html .menu > li > a {
    line-height: 1;
    padding: .7rem 1rem;
}

.mg-admin-html .menu a,
.mg-admin-html .menu button,
.mg-admin-html .menu input {
    margin-bottom: 0;
}

.mg-admin-html .menu > li,
.mg-admin-html .menu > li > a i,
.mg-admin-html .menu > li > a i + span,
.mg-admin-html .menu > li > a img,
.mg-admin-html .menu > li > a img + span,
.mg-admin-html .menu > li > a svg,
.mg-admin-html .menu > li > a svg + span {
    vertical-align: middle;
}

.mg-admin-html .menu > li > a i,
.mg-admin-html .menu > li > a img,
.mg-admin-html .menu > li > a svg {
    display: inline-block;
    margin-right: .25rem;
}

.mg-admin-html .menu.vertical > li,
.mg-admin-html .menu > li > a {
    display: block;
}

@media screen and (min-width: 48em) {
    .menu.medium-horizontal > li {
        display: table-cell;
    }

    .mg-admin-html .menu.medium-vertical > li {
        display: block;
    }
}

@media screen and (min-width: 64em) {
    .menu.large-horizontal > li {
        display: table-cell;
    }

    .mg-admin-html .menu.large-vertical > li {
        display: block;
    }
}

.mg-admin-html .menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem;
}

.mg-admin-html .menu.align-right::after,
.mg-admin-html .menu.align-right::before {
    display: table;
    content: ' ';
}

.mg-admin-html .menu.align-right::after {
    clear: both;
}

.mg-admin-html .menu.align-right > li {
    float: right;
}

.mg-admin-html .menu.expanded {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.mg-admin-html .menu.expanded > li:first-child:last-child {
    width: 100%;
}

.mg-admin-html .menu.icon-top > li > a i,
.mg-admin-html .menu.icon-top > li > a img,
.mg-admin-html .menu.icon-top > li > a svg {
    display: block;
    margin: 0 auto .25rem;
}

.mg-admin-html .menu.nested {
    margin-left: 1rem;
}

.mg-admin-html .menu .active > a {
    color: #fefefe;
    background: #2196f3;
}

.mg-admin-html .menu-text {
    font-weight: 700;
    line-height: 1;
    padding: .7rem 1rem;
    padding-top: 0;
    padding-bottom: 0;
    color: inherit;
}

.mg-admin-html .menu-centered,
.mg-admin-html .menu.icon-top > li > a {
    text-align: center;
}

.mg-admin-html .menu-centered > .menu {
    display: inline-block;
}

.mg-admin-html .dropdown-pane {
    font-size: 1rem;
    position: absolute;
    z-index: 10;
    display: block;
    visibility: hidden;
    width: 300px;
    padding: 1rem;
    border: 1px solid #ccc;
    border-radius: 0;
    background-color: #fefefe;
}

.mg-admin-html .dropdown-pane.is-open {
    visibility: visible;
}

.mg-admin-html .dropdown-pane.tiny {
    width: 100px;
}

.mg-admin-html .dropdown-pane.small {
    width: 200px;
}

.mg-admin-html .dropdown-pane.large {
    width: 400px;
}

.mg-admin-html .progress {
    height: 1rem;
    margin-bottom: 1rem;
    border-radius: 0;
    background-color: #ccc;
}

.mg-admin-html .progress-meter,
.mg-admin-html .progress.primary .progress-meter {
    background-color: #2196f3;
}

.mg-admin-html .progress.secondary .progress-meter {
    background-color: #ebebeb;
}

.mg-admin-html .progress.success .progress-meter {
    background-color: #4caf50;
}

.mg-admin-html .progress.warning .progress-meter {
    background-color: #ffae00;
}

.mg-admin-html .progress.alert .progress-meter {
    background-color: #f44336;
}

.mg-admin-html .progress-meter {
    position: relative;
    display: block;
    width: 0;
    height: 100%;
}

.mg-admin-html .progress-meter-text {
    font-size: .75rem;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
    color: #fefefe;
}

.mg-admin-html .has-tip {
    font-weight: 700;
    position: relative;
    display: inline-block;
    cursor: help;
    border-bottom: dotted 1px #8a8a8a;
}

.mg-admin-html .badge,
.mg-admin-html .tooltip {
    font-size: 12px;
    color: #fefefe;
}

.mg-admin-html .tooltip {
    position: absolute;
    top: calc(100% + .433rem);
    max-width: 10rem !important;
    padding: 2px 7px;
    border-radius: 0;
    background-color: #0a0a0a;
}

.mg-admin-html .tooltip::before {
    position: absolute;
    bottom: 100%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    content: '';
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: inset .5rem;
    border-color: transparent transparent #0a0a0a;
    border-top-width: 0;
    border-bottom-style: solid;
}

.mg-admin-html .tooltip.left::before,
.mg-admin-html .tooltip.right::before,
.mg-admin-html .tooltip.top::before {
    bottom: auto;
    display: block;
    width: 0;
    height: 0;
    content: '';
    border: inset .5rem;
}

.mg-admin-html .tooltip.top::before {
    top: 100%;
    border-color: #0a0a0a transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
}

.mg-admin-html .tooltip.left::before,
.mg-admin-html .tooltip.right::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.mg-admin-html .tooltip.left::before {
    left: 100%;
    border-color: transparent transparent transparent #0a0a0a;
    border-right-width: 0;
    border-left-style: solid;
}

.mg-admin-html .tooltip.right::before {
    right: 100%;
    left: auto;
    border-color: transparent #0a0a0a transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
}

.mg-admin-html .badge {
    display: inline-block;
    min-width: 2.1em;
    padding: 3px 5px;
    text-align: center;
    background: #2196f3;
}

.mg-admin-html .badge.secondary {
    color: #0a0a0a;
    background: #ebebeb;
}

.mg-admin-html .badge.success {
    color: #fefefe;
    background: #4caf50;
}

.mg-admin-html .badge.warning {
    color: #fefefe;
    background: #ffae00;
}

.mg-admin-html .badge.alert {
    color: #fefefe;
    background: #f44336;
}

.mg-admin-html .breadcrumbs {
    margin: 0 0 1rem;
    list-style: none;
}

.mg-admin-html .breadcrumbs::after,
.mg-admin-html .breadcrumbs::before {
    display: table;
    content: ' ';
}

.mg-admin-html .breadcrumbs::after {
    clear: both;
}

.mg-admin-html .breadcrumbs li {
    font-size: .6875rem;
    float: left;
    cursor: default;
    text-transform: uppercase;
    color: #0a0a0a;
}

.mg-admin-html .breadcrumbs li:not(:last-child)::after {
    position: relative;
    top: 1px;
    margin: 0 .75rem;
    content: '/';
    opacity: 1;
    color: #ccc;
}

.mg-admin-html .breadcrumbs a {
    color: #2196f3;
}

.mg-admin-html .breadcrumbs a:hover {
    text-decoration: underline;
}

.mg-admin-html .breadcrumbs .disabled {
    cursor: not-allowed;
    color: #ccc;
}

.mg-admin-html .pagination {
    margin-bottom: 1rem;
    margin-left: 0;
}

.mg-admin-html .pagination::after,
.mg-admin-html .pagination::before {
    display: table;
    content: ' ';
}

.mg-admin-html .pagination::after {
    clear: both;
}

.mg-admin-html .pagination li {
    font-size: .875rem;
    display: none;
    margin-right: .0625rem;
    border-radius: 0;
}

.mg-admin-html .pagination li:first-child,
.mg-admin-html .pagination li:last-child {
    display: inline-block;
}

@media screen and (min-width: 48em) {
    .pagination li {
        display: inline-block;
    }
}

.mg-admin-html .pagination a,
.mg-admin-html .pagination button {
    display: block;
    padding: .1875rem .625rem;
    color: #0a0a0a;
    border-radius: 0;
}

.mg-admin-html .pagination a:hover,
.mg-admin-html .pagination button:hover {
    background: #e6e6e6;
}

.mg-admin-html .pagination .current {
    cursor: default;
    color: #fefefe;
    background: #2196f3;
}

.mg-admin-html .pagination .disabled {
    padding: .1875rem .625rem;
    cursor: not-allowed;
    color: #ccc;
}

.mg-admin-html .pagination .disabled:hover,
.mg-admin-html input[type=date].is-invalid-input,
.mg-admin-html input[type=email].is-invalid-input,
.mg-admin-html input[type=number].is-invalid-input,
.mg-admin-html input[type=password].is-invalid-input,
.mg-admin-html input[type=search].is-invalid-input,
.mg-admin-html input[type=tel].is-invalid-input,
.mg-admin-html input[type=text].is-invalid-input,
.mg-admin-html select.is-invalid-input,
.mg-admin-html table.main-table tr td .variant-row-table tbody,
.mg-admin-html table.main-table tr td .variant-row-table tbody tr,
.mg-admin-html textarea.is-invalid-input {
    background: 0 0;
}

.mg-admin-html .pagination .ellipsis::after {
    padding: .1875rem .625rem;
    content: '\2026';
    color: #0a0a0a;
}

.mg-admin-html .pagination-previous a::before,
.mg-admin-html .pagination-previous.disabled::before {
    display: inline-block;
    margin-right: .5rem;
    content: '\00ab';
}

.mg-admin-html .pagination-next a::after,
.mg-admin-html .pagination-next.disabled::after {
    display: inline-block;
    margin-left: .5rem;
    content: '\00bb';
}

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

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

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

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

.mg-admin-html .fl-right {
    float: right;
}

.mg-admin-html .fl-left {
    float: left;
}

.mg-admin-html .center-block {
    margin: 0 auto;
}

.mg-admin-html .absolute-position {
    position: absolute;
}

.mg-admin-html .relative-position {
    position: relative;
}

.mg-admin-html .clearfix:after,
.clearfix:before {
    display: table;
    content: '';
}

.mg-admin-html .clearfix:after {
    clear: both;
}

.mg-admin-html .clearfix {
    zoom: 1;
}

.mg-admin-html .form-list,
.mg-admin-html .list,
.mg-admin-html .list-reset,
.mg-admin-html table .action-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mg-admin-html .mg-filter__options {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html .mg-filter-item {
    border: 1px solid #ccc;
    padding: 10px;
    margin-right: 5px;
    border-radius: 2px;
    background: #fff6;
    height: 180px;
    overflow: auto;
}

.mg-admin-html .filter-container .mg-filter-body {
    padding: 8px;
}

.mg-admin-html .mg-filter-item__wrap {
    margin-bottom: 5px;
}

.mg-filter-item .checkbox-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: nowrap;
}

.mg-admin-html .mg-filter-item h5 {
    font-weight: 700;
}

.mg-admin-html .drop-down .drop-down-list,
.mg-admin-html .sub-list {
    display: block;
    margin: 0;
    list-style: none;
}

.mg-admin-html .select2 .selection .select2-selection .select2-selection__rendered {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options,
.mg-admin-html .sortable-block .sortable-list,
.mg-admin-html .table-pagination .pagination,
.mg-admin-html .wrapper .header .buttons-list,
.mg-admin-html .wrapper .plugins-name-wrapper .plugins-author-list,
.mg-admin-html .wrapper .tmpl-seo-wrapper .right-side .tmpl-seo-description ul,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .property-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mg-admin-html .color-list {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mg-admin-html .form-list li,
.mg-admin-html .list-reset li,
.mg-admin-html table .action-list li {
    margin: 0;
    padding: 0;
}

.mg-admin-html .list li {
    padding: 0;
}

.mg-admin-html .drop-down .drop-down-list li,
.mg-admin-html .select2 .selection .select2-selection .select2-selection__rendered li,
.mg-admin-html .sortable-block .sortable-list li,
.mg-admin-html .sub-list li,
.mg-admin-html .table-pagination .pagination li,
.mg-admin-html .wrapper .header .buttons-list li,
.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list li {
    margin: 0;
    padding: 0;
}

.mg-admin-html .color-list li,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .property-list li {
    padding: 0;
}

.mg-admin-html .wrapper .plugins-name-wrapper .plugins-author-list li,
.mg-admin-html .wrapper .tmpl-seo-wrapper .right-side .tmpl-seo-description ul li {
    margin: 0;
    padding: 0;
}

.mg-admin-html .select2 .selection .select2-selection .select2-selection__rendered,
.mg-admin-html .text-overflow,
.mg-admin-html table.main-table tr .product-name .name-link {
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.mg-admin-html table.main-table tr .product-name .name-link {
    white-space: normal;
}

.mg-admin-html .no-select,
.mg-admin-html .sortable-block .sortable-list > li {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
}

.mg-admin-html .form-list > li {
    font-size: 14px;
    margin: 0 0 20px;
}

.mg-admin-html .form-list.inline > li,
.mg-admin-html body label.input-label .checkbox,
.mg-admin-html body label.input-label .radio {
    display: inline-block;
    vertical-align: top;
}

.mg-admin-html .form-list.inline > li .select2,
.mg-admin-html .form-list.inline > li input,
.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li {
    margin: 0;
}

.mg-admin-html .form-list.inline > li + li {
    margin: 0 0 20px 20px;
}

.mg-admin-html .vertical-align-flexbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mg-admin-html .clear {
    clear: both;
}

.mg-admin-html .centered {
    max-width: 1280px;
    margin: 0 auto;
}

.mg-admin-html * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mg-admin-html body label {
    font-size: 14px;
    display: block;
    color: #333;
    height: 100%;
}

.mg-admin-html #add-user-modal h2 {
    max-width: 100%;
}

.mg-admin-html body label:not(.product_field__label):not(.button--noindent) {
    line-height: 1.8;
}

.mg-admin-html body label:not(.product_field__label):not(.link) > span:not(.question__wrap) {
    line-height: 1.4;
    display: block;
}

.mg-admin-html .add-image-to-category,
.mg-admin-html .add-image-to-category span {
    display: inline-block !important;
    line-height: 1.4 !important;
}

.mg-admin-html .curr-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-admin-html body .fa-question-circle {
    font-size: 16px;
    margin: 0 0 0 5px;
    cursor: help;
}

.mg-admin-html [name='storage'] {
    font-family: 'Roboto-Regular', sans-serif;
}

.mg-admin-html body label.middle {
    padding-top: 2px;
}

.mg-admin-html body label.input-label {
    cursor: pointer;
}

.mg-admin-html body label.input-label .checkbox,
.mg-admin-html body label.input-label .radio {
    margin: 0 7px 0 0;
    vertical-align: middle;
}

.catalog_uploads_container_wrapper {
    position: relative;
}

.mg-admin-html body label.input-checkbox {
    position: relative;
    display: inline-block;
    padding: 0 25px 0 0;
    cursor: pointer;
    vertical-align: middle;
}

.mg-admin-html body label.input-checkbox .checkbox,
.mg-admin-html body label.input-checkbox .radio {
    position: absolute;
    top: 2px;
    right: 0;
    margin: 0;
}

.mg-admin-html body label.with-help {
    position: relative;
    padding-right: 20px;
}

.mg-admin-html body label .tooltip--icon {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    height: 16px;
    margin: auto;
}

.mg-admin-html body.full-screen:before {
    position: fixed;
    z-index: 1001;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    background: rgba(0, 0, 0, .75);
}

.mg-admin-html body,
.mg-admin-html html {
    width: 100%;
    height: 100%;
    min-height: 100vh;
}

.mg-admin-html select,
.mg-admin-html textarea {
    margin: 0 0 10px;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.mg-admin-html select {
    line-height: 30px;
    height: 30px;
}

.mg-admin-html input[type=date],
.mg-admin-html input[type=email],
.mg-admin-html input[type=number],
.mg-admin-html input[type=password],
.mg-admin-html input[type=search],
.mg-admin-html input[type=tel],
.mg-admin-html input[type=text],
.mg-admin-html [type=color],
.mg-admin-html [type=datetime-local],
.mg-admin-html [type=datetime],
.mg-admin-html [type=month],
.mg-admin-html [type=time],
.mg-admin-html [type=url],
.mg-admin-html [type=week] {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    margin: 0 0 10px;
    padding: 0 10px;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mg-admin-html textarea {
    font-size: 14px;
}

.mg-admin-html input[type=date].number,
.mg-admin-html input[type=email].number,
.mg-admin-html input[type=number].number,
.mg-admin-html input[type=password].number,
.mg-admin-html input[type=search].number,
.mg-admin-html input[type=tel].number,
.mg-admin-html input[type=text].number,
.mg-admin-html select.number,
.mg-admin-html textarea.number {
    width: 55px;
    text-align: center;
}

.mg-admin-html input[type=date].small,
.mg-admin-html input[type=email].small,
.mg-admin-html input[type=number].small,
.mg-admin-html input[type=password].small,
.mg-admin-html input[type=search].small,
.mg-admin-html input[type=tel].small,
.mg-admin-html input[type=text].small,
.mg-admin-html select.small,
.mg-admin-html textarea.small {
    width: 80px;
}

.mg-admin-html input[type=date].medium,
.mg-admin-html input[type=email].medium,
.mg-admin-html input[type=number].medium,
.mg-admin-html input[type=password].medium,
.mg-admin-html input[type=search].medium,
.mg-admin-html input[type=tel].medium,
.mg-admin-html input[type=text].medium,
.mg-admin-html select.medium,
.mg-admin-html textarea.medium {
    width: 100%;
    max-width: 180px;
}

.mg-admin-html input[type=date].normal,
.mg-admin-html input[type=email].normal,
.mg-admin-html input[type=number].normal,
.mg-admin-html input[type=password].normal,
.mg-admin-html input[type=search].normal,
.mg-admin-html input[type=tel].normal,
.mg-admin-html input[type=text].normal,
.mg-admin-html select.normal,
.mg-admin-html textarea.normal {
    width: 220px;
}

.mg-admin-html input[type=date].large,
.mg-admin-html input[type=email].large,
.mg-admin-html input[type=number].large,
.mg-admin-html input[type=password].large,
.mg-admin-html input[type=search].large,
.mg-admin-html input[type=tel].large,
.mg-admin-html input[type=text].large,
.mg-admin-html select.large,
.mg-admin-html textarea.large {
    width: 245px;
}

.mg-admin-html .search-block.wide input[type=search],
.mg-admin-html input[type=date].wide,
.mg-admin-html input[type=email].wide,
.mg-admin-html input[type=number].wide,
.mg-admin-html input[type=password].wide,
.mg-admin-html input[type=search].wide,
.mg-admin-html input[type=tel].wide,
.mg-admin-html input[type=text].wide,
.mg-admin-html select.wide,
.mg-admin-html textarea.wide {
    width: 100%;
}

.mg-admin-html input[type=date]:focus,
.mg-admin-html input[type=email]:focus,
.mg-admin-html input[type=number]:focus,
.mg-admin-html input[type=password]:focus,
.mg-admin-html input[type=search]:focus,
.mg-admin-html input[type=tel]:focus,
.mg-admin-html input[type=text]:focus,
.mg-admin-html select:focus,
.mg-admin-html textarea:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mg-admin-html input[type=date]:hover,
.mg-admin-html input[type=email]:hover,
.mg-admin-html input[type=number]:hover,
.mg-admin-html input[type=password]:hover,
.mg-admin-html input[type=search]:hover,
.mg-admin-html input[type=tel]:hover,
.mg-admin-html input[type=text]:hover,
.mg-admin-html select:hover,
.mg-admin-html textarea:hover {
    border-color: #b3b3b3;
}

.mg-admin-html .content ol li p,
.mg-admin-html .content ul li p,
.mg-admin-html input[type=checkbox],
.mg-admin-html input[type=radio],
.mg-admin-html table.main-table tr td .variant-row-table tbody tr td input[type=text] {
    margin: 0;
}

.mg-admin-html select {
    padding: 0 25px 0 10px;
    background-position: right -1.5rem center;
}

.mg-admin-html select[multiple] {
    padding: 10px;
}

.mg-admin-html textarea {
    line-height: normal;
    height: 70px;
    padding: 5px 10px;
    resize: none;
}

.mg-admin-html textarea.robots-option {
    height: 310px;
}

.mg-admin-html .strong,
.mg-admin-html b,
.mg-admin-html strong,
.mg-admin-html table.main-table tr th {
    font-family: 'Roboto-Bold', sans-serif !important;
    font-weight: 400;
}

.mg-admin-html .text-uppercase {
    text-transform: uppercase;
}

.mg-admin-html .text-center {
    text-align: center !important;
}

.mg-admin-html .text-right {
    text-align: right !important;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}


.mg-admin-html .text-left {
    text-align: left !important;
}

.mg-admin-html .locked {
    overflow: hidden !important;
    padding-right: 17px !important;
}

.mg-admin-html .absolute-center,
.mg-admin-html .modal,
.mg-admin-html .modal-overlay,
.mg-admin-html .select2 .selection .select2-selection .select2-selection__arrow:before,
.mg-admin-html .switch.disabled:before,
.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list li .sub-menu-toggle:before,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .empty-product {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}

.mg-admin-html .bold {
    font-weight: 700;
}

.mg-admin-html table .toggle-cat {
    margin: 0 5px 0 0;
}

.mg-admin-html table .toggle-cat.open:before {
    content: '\f056';
}

.mg-admin-html table .toggle-cat:hover {
    text-decoration: none;
}

.mg-admin-html table .action-list {
    white-space: nowrap;
}

.mg-admin-html table .action-list > li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle;
}

.mg-admin-html table .action-list > li .sub-list {
    margin-left: -50px;
}

.mg-admin-html table .action-list > li > a {
    font-size: 16px;
    opacity: .7;
    color: #000;
}

.mg-admin-html table .action-list > li > a:hover {
    text-decoration: none;
    opacity: 1;
}

.mg-admin-html table .action-list > li > a.active {
    color: #4caf50;
}

.mg-admin-html table .action-list > li.has-menu:hover > .sub-list {
    top: 100%;
    visibility: visible;
    margin-top: 0;
    opacity: 1;
}

.mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tbody,
.mg-admin-html table.main-table tbody,
.mg-admin-html table.main-table thead {
    border: none;
    background: 0 0;
    width: 100%;
}

.mg-admin-html .widget.table .main-table thead {
    z-index: 1;
}

.mg-admin-html table.main-table tr td,
.mg-admin-html table.main-table tr th {
    border-bottom: 0;
    padding: 5px 10px;
}

.mg-admin-html table.main-table tr .plugin-name {
    min-width: 300px;
}

.mg-admin-html table.main-table tr .product-name {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 150px;
}

.mg-admin-html table.main-table tr .product-name .name-link {
    max-width: 300px;
    vertical-align: top;
    overflow: visible;
    text-align: left;
    line-height: 1.3;
    color: #1585cf;
}

.mg-admin-html table.main-table tr .product-name .fa {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 0;
    margin-left: 5px;
    vertical-align: middle;
}

.mg-admin-html table.main-table tr .product-name .fa:hover,
.mg-admin-html table.main-table tr td.sort a:hover,
.mg-admin-html table.main-table tr th .order:hover,
.mg-admin-html table.main-table tr th.sort a:hover {
    text-decoration: none;
}

.mg-admin-html table.main-table tr th .order,
.mg-admin-html table.main-table th.js-sortable a {
    position: relative;
    display: inline-block;
    text-decoration: underline;
    color: #333;
}

.mg-admin-html table.main-table tr th .order:before,
.mg-admin-html table.main-table th.js-sortable a:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.mg-admin-html table.main-table tr th .order.asc,
.mg-admin-html table.main-table tr th .order.desc,
.mg-admin-html table.main-table th.js-sortable.asc a,
.mg-admin-html table.main-table th.js-sortable.desc a {
    padding: 0 15px 0 0;
}

.mg-admin-html table.main-table tr th .order.asc:before,
.mg-admin-html table.main-table th.js-sortable.asc a:before {
    border-top: 4px solid #333;
}

.mg-admin-html table.main-table tr th .order.desc:before,
.mg-admin-html table.main-table th.js-sortable.desc a:before {
    border-bottom: 4px solid #333;
}

.mg-admin-html table.main-table tr th.row-config {
    text-align: right;
    padding-right: 27px !important;
    position: relative;
}

.mg-admin-html .open-col-config-modal {
    position: absolute;
    width: 23px;
    right: 0;
    top: 0;
    height: 100%;
    border-left: 1px solid #e6e6e6;
    color: #666;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-size: 17px;
    margin-left: 10px;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-admin-html .open-col-config-modal i {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    max-width: 100%;
    overflow: hidden;
    font-size: 13px;
}

.mg-admin-html .open-col-config-modal:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #333;
}

.mg-admin-html .open-col-config-modal:hover {
    background: #eaeaea;
}

.mg-admin-html table.main-table tr th.row-config .row-config-btn {
    font-size: 20px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    color: #333;
}

.mg-admin-html table.main-table tr th.row-config .row-config-btn:hover {
    text-decoration: none;
    color: #000;
}

.mg-admin-html table.main-table tr th {
    font-size: 13px;
    border-width: 0 1px 0 0;
}

.mg-admin-html select,
.mg-admin-html table.main-table tr td {
    font-size: 13px;
}

.mg-admin-html table.main-table tr td:first-child,
.mg-admin-html table.main-table tr th:first-child {
    padding-left: 20px;
}

.mg-admin-html table.main-table tr td:last-child,
.mg-admin-html table.main-table tr th:last-child {
    padding-right: 20px;
}

.mg-admin-html table.main-table tr td.checkbox,
.mg-admin-html table.main-table tr td.number,
.mg-admin-html table.main-table tr td.radio,
.mg-admin-html table.main-table tr th.checkbox,
.mg-admin-html table.main-table tr th.number,
.mg-admin-html table.main-table tr th.radio {
    width: 40px;
    min-width: 40px;
    text-align: center;
}

.mg-admin-html table.main-table tr td.sort,
.mg-admin-html table.main-table tr th.sort {
    text-align: center;
}

.mg-admin-html table.main-table tr td.sort a,
.mg-admin-html table.main-table tr th.sort a {
    cursor: move;
    color: #000;
}

.mg-admin-html table.main-table tr td.switch,
.mg-admin-html table.main-table tr th.switch {
    text-align: center;
    color: #333;
}

.mg-admin-html table.main-table tr td .switch,
.mg-admin-html table.main-table tr th .switch {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
}

.mg-admin-html table.main-table tr td {
    padding: 7px;
    border-top: 1px solid #e6e6e6;
}

.mg-admin-html table.main-table tr td .count input[type=text] {
    display: inline-block;
    margin: 0 5px 0 0;
}

.mg-admin-html table.main-table tr td .variant-row-table {
    width: auto;
    margin-left: auto;
}

.mg-admin-html .showAllVariants {
    margin-left: auto;
    display: block;
}

.mg-admin-html table.main-table tr td .variant-row-table tbody tr td {
    padding: 0 5px 5px;
    border: none;
}

.mg-admin-html table.main-table tr td.name .fa-long-arrow-right {
    margin: 0 5px 0 0;
}

.mg-admin-html table.main-table tr.selected {
    background: #f0f0f0 !important;
}

.mg-admin-html table.main-table tr.selected td:first-child {
    border-left-color: #2773eb;
}

.mg-admin-html table.main-table tbody tr.level-1 td.name {
    padding-left: 20px;
}

.mg-admin-html table.main-table tbody tr.level-2 td.name {
    padding-left: 40px;
}

.mg-admin-html table.main-table tbody tr.level-3 td.name {
    padding-left: 60px;
}

.mg-admin-html table.main-table tbody tr.level-4 td.name {
    padding-left: 80px;
}

.mg-admin-html table.main-table tbody tr.level-5 td.name {
    padding-left: 100px;
}

.mg-admin-html table.main-table tbody tr.level-6 td.name {
    padding-left: 120px;
}

.mg-admin-html table.main-table tbody tr.level-7 td.name {
    padding-left: 140px;
}

.mg-admin-html table.main-table tbody tr.level-8 td.name {
    padding-left: 160px;
}

.mg-admin-html table.main-table tbody tr.level-9 td.name {
    padding-left: 180px;
}

.mg-admin-html table.main-table tbody tr.level-10 td.name {
    padding-left: 200px;
}

.mg-admin-html table.main-table tbody tr.level-11 td.name {
    padding-left: 220px;
}

.mg-admin-html table.main-table tbody tr.level-12 td.name {
    padding-left: 240px;
}

.mg-admin-html table.main-table tbody tr.level-13 td.name {
    padding-left: 260px;
}

.mg-admin-html table.main-table tbody tr.level-14 td.name {
    padding-left: 280px;
}

.mg-admin-html table.main-table tbody tr.level-15 td.name {
    padding-left: 300px;
}

.mg-admin-html table.main-table tbody tr:hover {
    background: #f5f5f5;
}

.mg-admin-html table.main-table tbody tr:hover .product-name .fa {
    opacity: 1;
}

.mg-admin-html table.main-table tbody tr {
    transition: .3s;
}

.mg-admin-html table.main-table.zebra tbody tr:nth-child(odd) {
    background: #f5f5f5;
}

.mg-admin-html table.main-table.small-table tr td,
.mg-admin-html table.main-table.small-table tr th {
    padding: 8px 10px;
}

.mg-admin-html iframe {
    margin: 0 0 15px;
    vertical-align: top;
}

.mg-admin-html .hidden {
    display: none !important;
}

.mg-admin-html label.required {
    color: inherit;
}

.mg-admin-html label.required:after {
    content: ' *';
}

.mg-admin-html .list li {
    margin: 0 0 5px;
}

.mg-admin-html .small-text {
    font-size: 11px;
    line-height: 12px;
    margin: 0 0 10px;
}

.mg-admin-html a:hover,
.btn-selected-currency:hover,
.btn-selected-unit:hover {
    text-decoration: underline;
}

.mg-admin-html .header-top .back-public:hover {
    text-decoration: underline !important;
}

.mg-admin-html .link {
    line-height: normal;
    cursor: pointer;
}

.mg-admin-html .link .fa {
    vertical-align: middle;
}

.mg-admin-html a.link:hover {
    text-decoration: none;
    border-color: transparent;
}

.mg-admin-html h1,
.mg-admin-html h2,
.mg-admin-html h3,
.mg-admin-html h5,
.mg-admin-html h6 {
    font-weight: 400;
    margin: 0 0 10px;
}

.mg-admin-html h4 {
    line-height: 20px;
    margin: 0 0 10px;
}

.mg-admin-html h1 {
    font-size: 26px;
    line-height: 1.2;
}

.update {
    margin-bottom: 10px;
}

.addColum .addColumButton {
    margin: 0;
}

.upload_type .upload_title,
.update_type .update_title {
    display: inline-block;
    min-width: 300px;
}

.upload_type select,
.update_type select {
    max-width: 180px;
    min-width: 180px;
}

.update__title h5{
    font-size: 15px !important;
    font-weight: 600;
    margin-bottom: 5px;
}

.mg-admin-html h2 {
    font-size: 22px;
    line-height: 1.2;
}

.mg-admin-html .step-form h2 {
    line-height: 12px;
}

.mg-admin-html h3 {
    font-size: 18px;
    line-height: 1.2;
}

.mg-admin-html .content ol li,
.mg-admin-html .content ul li,
.mg-admin-html h5,
.mg-admin-html p {
    font-size: 14px;
    line-height: 1.4;
}

.mg-admin-html h6 {
    font-size: 11px;
    line-height: 1.4;
}

.mg-admin-html p {
    line-height: 1.4;
    margin: 0 0 10px;
    padding: 0;
}

.mg-admin-html .content ol,
.mg-admin-html .content ul {
    margin: 0 0 10px;
    padding: 0 0 0 18px;
}

.mg-admin-html .content ol li,
.mg-admin-html .content ul li {
    margin: 0 0 5px;
}

.mg-admin-html .content ol.unstyled,
.mg-admin-html .content ul.unstyled {
    margin: 0;
    padding: 0;
    list-style: none;
}

.mg-admin-html .content ol.unstyled li,
.mg-admin-html .content ul.unstyled li {
    margin: 0;
    padding: 0;
}

.mg-admin-html .content ol.inline,
.mg-admin-html .content ul.inline {
    margin: 0;
    padding-left: 0;
}

.mg-admin-html .content ol.inline li .button,
.mg-admin-html .content ul.inline li .button,
.mg-admin-html .drop-down.settings .drop-down-btn i,
.mg-admin-html .widget .widget-header .popup-holder .fa {
    margin: 0;
}

.mg-admin-html .content ul {
    list-style: disc;
}

.mg-admin-html .content ol {
    list-style: decimal;
}

.mg-admin-html ul.links {
    margin: 0;
    padding: 0 0 0 20px;
    color: #1585cf;
}

.mg-admin-html #add-product-wrapper .variant-table td,
.mg-admin-html ul.links li a {
    vertical-align: top;
}

.mg-admin-html h4,
.mg-admin-html ul.links li a.active {
    font-weight: 700;
}

.mg-admin-html .placeholder {
    color: #aaa !important;
}

.mg-admin-html img.radius {
    border-radius: 100% !important;
}

.mg-admin-html .row {
    /*max-width: 1440px*/
    max-width: 100%;
}

.mg-admin-html .text-success {
    color: #4caf50;
}

.mg-admin-html .drop-down.settings .drop-down-list li a.text-alert,
.mg-admin-html .drop-down.settings .drop-down-list li.delete-link a,
.text-alert {
    color: #f44336;
}

.mg-admin-html .text-warning {
    color: #ffae00;
}

.mg-admin-html .fa-arrows {
    cursor: move;
}

.mg-admin-html .input-with-text input {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.mg-admin-html .icons-arrow-down,
.mg-admin-html .icons-close-modal-icon,
.mg-admin-html .icons-menu,
.mg-admin-html .icons-search,
.mg-admin-html .icons-sprite,
.mg-admin-html .select2-container .select2-dropdown .select2-search:before,
.mg-admin-html .wrapper .header .header-panel .back-holder .back-arrow .arrow-left-icon {
    background-repeat: no-repeat;
}

.mg-admin-html .icons-arrow-down {
    background-position: 0 0;
}

.mg-admin-html .icons-close-modal-icon {
    background-position: 0 -9px;
}

.mg-admin-html .icons-menu {
    background-position: 0 -31px;
}

.mg-admin-html .icons-search {
    background-position: 0 -45px;
}

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

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

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

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

.mg-admin-html .button {
    font-family: 'Roboto-Regular', sans-serif;
    font-size: 14px;
    line-height: 28px;
    height: 30px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
}

.mg-admin-html .button.hollow {
    border-color: transparent !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mg-admin-html .button.hollow .fa {
    margin: 0 3px 0 0;
}

.mg-admin-html .button.hollow:active,
.mg-admin-html .button.hollow:hover {
    line-height: 28px;
    border-color: transparent !important;
}

.mg-admin-html .button.hollow:active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mg-admin-html .button.icon {
    width: 35px;
    padding: 0;
}

.mg-admin-html .button.icon i,
.mg-admin-html h4 {
    font-size: 16px;
}

.mg-admin-html .button:hover {
    text-decoration: none;
}

.mg-admin-html .button.active,
.mg-admin-html .button:active {
    line-height: 30px;
    -webkit-box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 2px 0 rgba(0, 0, 0, .15);
}

.mg-admin-html .button:hover {
    background: #0c86e6;

}

.mg-admin-html .button:focus {
    background: #2196f3;
}

.mg-admin-html .button.secondary:hover {
    background: #cfcfcf;
}

.mg-admin-html .button.secondary:focus {
    background: #ebebeb;
}

.mg-admin-html .button.warning:hover {
    background: #e09900;
}

.mg-admin-html .button.warning:focus {
    background: #ffae00;
}

.mg-admin-html .button.success:hover,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .button.active:hover {
    background: #439a46;
}

.mg-admin-html .button.success:focus,
.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .icon-buttons .button.active:focus {
    background: #4caf50;
}

.mg-admin-html .button.alert:focus {
    background: #f44336;
}

.mg-admin-html .button.alert:hover {
    background: #f22314;
}

.mg-admin-html .drop-down {
    position: relative;
}

.mg-admin-html .drop-down .drop-down-btn {
    position: relative;
    display: block;
    padding: 0 13px 0 0;
    text-decoration: none;
    color: #333;
}

.mg-admin-html .drop-down .drop-down-btn:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 4px;
    margin: auto;
    content: '';
    border-top: 4px solid #8a8a8a;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.mg-admin-html .drop-down .drop-down-btn .drop-down-text,
.mg-admin-html .drop-down .drop-down-btn i {
    display: inline-block;
    vertical-align: middle;
}

.mg-admin-html .drop-down .drop-down-btn i {
    margin: 0 7px 0 0;
}

.mg-admin-html .drop-down .drop-down-btn .drop-down-text {
    font-size: 13px;
    line-height: 13px;
    color: #333;
}

.mg-admin-html .drop-down .drop-down-list {
    position: absolute;
    z-index: 111;
    top: 100%;
    right: 0;
    visibility: hidden;
    overflow: auto;
    min-width: 130px;
    max-height: 200px;
    margin-top: 5px;
    padding: 5px 0;
    -webkit-transition: opacity .2s ease-in-out, margin .2s ease-in-out, visibility .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, margin .2s ease-in-out, visibility .2s ease-in-out;
    transition: opacity .2s ease-in-out, margin .2s ease-in-out, visibility .2s ease-in-out;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}

.mg-admin-html .drop-down .drop-down-list li a,
.mg-admin-html .sub-list li a {
    display: block;
    padding: 7px 15px;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.mg-admin-html .drop-down .drop-down-list li a {
    font-size: 14px;
    line-height: 14px;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
    color: #333;
}

.mg-admin-html .drop-down .drop-down-list li a i {
    font-size: 16px;
    margin: 0 3px 0 0;
}

.mg-admin-html .drop-down .drop-down-list li a label {
    line-height: inherit;
    display: inline-block;
    cursor: pointer;
}

.mg-admin-html .drop-down .drop-down-list li a:hover {
    text-decoration: none;
    background: #f1f1f1;
}

.mg-admin-html .drop-down .drop-down-list li.separator {
    border-top: 1px solid #ccc;
}

.mg-admin-html .drop-down:hover .drop-down-list {
    visibility: visible;
    margin: 0;
    opacity: 1;
}

.mg-admin-html .drop-down.settings {
    display: inline-block;
}

.mg-admin-html .drop-down.settings .drop-down-btn {
    width: 25px;
    padding: 0;
    text-align: center;
}

.mg-admin-html .checkbox input[type=checkbox],
.mg-admin-html .checkbox input[type=radio],
.mg-admin-html .drop-down.settings .drop-down-btn:after,
.mg-admin-html .radio input[type=checkbox],
.mg-admin-html .radio input[type=radio] {
    display: none;
}

.mg-admin-html .drop-down.settings .drop-down-list {
    right: 0;
    text-align: left;
}

.mg-admin-html .drop-down.settings .drop-down-list li a {
    color: #004a80;
}

.mg-admin-html .drop-down.settings .drop-down-list li.delete-link {
    margin: 10px 0 0;
}

.mg-admin-html .sub-list {
    position: absolute;
    z-index: 111;
    top: 100%;
    visibility: hidden;
    min-width: 130px;
    margin-top: -5px;
    padding: 8px 0;
    -webkit-transition: opacity .2s ease-in-out, margin .2s ease-in-out, visibility .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, margin .2s ease-in-out, visibility .2s ease-in-out;
    transition: opacity .2s ease-in-out, margin .2s ease-in-out, visibility .2s ease-in-out;
    text-align: left;
    opacity: 0;
    background: #fff;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}

.mg-admin-html .sub-list li a {
    font-size: 13px;
    line-height: 16px;
    color: #000;
}

.mg-admin-html .sub-list li a:hover,
.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td a:hover,
.mg-admin-html .widget .widget-header .popup-holder .fa.fa-cog:hover {
    text-decoration: none;
}

.mg-admin-html .sub-list li:hover > a {
    background: #f1f1f1;
}

.mg-admin-html .widget {
    position: relative;
    margin: 0 0 15px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
}

.mg-admin-html .widget .widget-header {
    font-size: 16px;
    line-height: 18px;
    margin: 0 0 15px;
}

.mg-admin-html .widget .widget-header .fa {
    margin: 0 5px 0 0;
}

.mg-admin-html .widget .widget-header .popup-holder {
    margin: -5px;
    padding: 5px;
}

.mg-admin-html .widget .widget-header .popup-holder .fa.fa-cog {
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .5;
    color: #000;
}

.mg-admin-html .widget .widget-header .popup-holder .custom-popup {
    top: 100%;
    right: 0;
    left: auto;
    visibility: hidden;
    margin-top: 20px;
    margin-right: -13px;
    margin-left: 0;
    -webkit-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, margin .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, visibility .2s ease-in-out, margin .2s ease-in-out;
    transition: opacity .2s ease-in-out, visibility .2s ease-in-out, margin .2s ease-in-out;
    opacity: 0;
}

.mg-admin-html .widget .widget-header .popup-holder .custom-popup:before {
    top: auto;
    right: 15px;
    bottom: 100%;
    border-top: none;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    border-left: 10px solid transparent;
}

.mg-admin-html .widget .widget-header .popup-holder.open .custom-popup {
    visibility: visible;
    margin-top: 10px;
}

.mg-admin-html .widget .widget-header .popup-holder.open .custom-popup,
.mg-admin-html .widget .widget-header .popup-holder.open .fa-cog {
    opacity: 1;
}

.mg-admin-html .widget .widget-body .total {
    font-size: 34px;
    line-height: 34px;
    margin: 0 0 10px;
}

.mg-admin-html .widget .widget-body .widget-inner {
    margin: 0 -15px -15px;
}

.mg-admin-html .widget .widget-body .widget-inner .alert-block {
    margin: 15px 15px 10px;
}

.mg-admin-html .widget .widget-body .widget-inner .widget-panel-holder .widget-panel .checkbox-label {
    margin: 3px 0 0;
}

.mg-admin-html .widget,
.mg-admin-html .widget .widget-footer {
    padding: 10px 15px;
}

.mg-admin-html .panelMargin-unit label {
    line-height: 1.3 !important;
}

.mg-admin-html .widget.add-order .widget-body table,
.mg-admin-html .widget.settings .widget-body table,
.mg-admin-html .widget.table .widget-body table {
    margin: 0;
}

.mg-admin-html .widget .widget-footer .label-select.small {
    margin: 10px 0 0;
}

.mg-admin-html .widget .widget-panel {
    padding: 15px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.mg-admin-html .widget .widget-panel .buttons-holder > .button {
    margin: 0 10px 0 -5px;
}


.mg-admin-html .widget .widget-panel .buttons-holder > .button,
.mg-admin-html .catalog_uploads_container_wrapper {
    margin: 0 10px 0 0;
}

.mg-admin-html .catalog_uploads_container_wrapper > .button {
    margin: 0;
}

.mg-admin-html .widget .widget-panel .buttons-holder .button.check-updates {
    margin-right: 0;
}

@media (max-width: 500px) {
    .mg-admin-html .widget .widget-panel .buttons-holder .button.check-updates {
        float: none;
    }
}

@media (max-width: 940px) {
    .mg-admin-html .widget .widget-panel .buttons-holder {
        float: none;
    }

    .mg-admin-html .widget .widget-panel .search-block input[type=search] {
        width: 100%;
    }
}

.mg-admin-html .widget .widget-panel-content {
    padding: 15px;
    border-bottom: 1px solid #e6e6e6;
    background: #fffce5;
}

.mg-admin-html .widget .widget-panel-content .actions-panel {
    padding: 15px;
}

.mg-admin-html .widget .widget-panel-content .actions-panel .alert-block,
.mg-admin-html .widget.settings .tabs-content .widget-footer .table-pagination,
.mg-admin-html .wrapper .tmpl-seo-wrapper .right-side .tmpl-seo-description ul li + li {
    margin: 10px 0 0;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-year,
.mg-admin-html .widget .widget-panel-content .actions-panel .button {
    margin: 0 0 0 10px;
}

.mg-admin-html .widget .widget-panel-content .actions-panel .alert {
    margin: 15px 0 0;
}

@media (max-width: 767px) {
    .mg-admin-html .widget .widget-panel-content .text-right {
        text-align: left !important;
    }

    .mg-admin-html .widget .widget-panel-content label.text-right {
        line-height: normal;
        margin: 0;
    }

    .mg-admin-html .widget .widget-panel-content .price-range {
        margin: 0 0 10px;
    }

    .mg-admin-html .widget .widget-panel-content .button {
        margin: 0 10px 5px 0;
    }

    .mg-admin-html .widget .widget-panel .buttons-holder .button {
        margin-right: 0;
        padding: 0 5px;
    }
}

.mg-admin-html .widget.add-order,
.mg-admin-html .widget.settings,
.mg-admin-html .widget.table {
    padding: 0;
}

.mg-admin-html .widget.add-order .widget-header,
.mg-admin-html .widget.settings .widget-header,
.mg-admin-html .widget.table .widget-header {
    margin: 0;
    padding: 15px;
}

.mg-admin-html .widget.add-order .widget-footer,
.mg-admin-html .widget.settings .widget-footer,
.mg-admin-html .widget.table .widget-footer {
    border-top: 1px solid #e6e6e6;
}

.mg-admin-html .widget.settings .tabs-content,
.mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table {
    border: none;
}

@media (max-width: 767px) {
    .mg-admin-html .widget.settings .tabs-content .small-12 label.middle,
    .option-lang-label {
        line-height: normal;
        padding-bottom: 5px;
        text-align: left !important;
    }
}

.mg-admin-html .widget.settings .tabs-content .title {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 15px;
    line-height: 16px;
    margin: 0 0 15px;
}

.mg-admin-html .widget.settings .tabs-content .widget-footer {
    padding: 10px 0 0;
}

@media (max-width: 920px) {
    .mg-admin-html .widget.settings .custom-tabs li a {
        padding: 7px 4px;
    }

    .mg-admin-html .system-tabs li a {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .mg-admin-html .widget.settings .tabs.custom-tabs {
        overflow: visible;
        border: none;
    }
}

.mg-admin-html .widget.add-order .widget-header .button {
    line-height: normal;
    float: right;
    height: auto;
    margin: 0;
}

.mg-admin-html .widget.add-order .widget-body .widget-panel {
    padding: 0;
    border-bottom: none;
}

@media (max-width: 650px) {
    .mg-admin-html .widget .widget-panel .buttons-holder .button {
        font-size: 13px;
    }
}

@media (max-width: 605px) {
    .mg-admin-html .widget .widget-header .product-count {
        font-size: 14px;
        float: none;
        margin-top: 5px;
    }

    .mg-admin-html .widget .widget-panel .buttons-holder > .button,
    .mg-admin-html .catalog_uploads_container_wrapper {
        font-size: 14px;
        width: 49%;
    }

}

.mg-admin-html .badge {
    line-height: 14px;
}

.mg-admin-html .badge.margin,
.mg-admin-html .checkbox.margin,
.mg-admin-html .margin.radio {
    margin: 6px 0 0;
}

.mg-admin-html .section__desc {
    display: block;
    padding: 10px 15px;
    border: 1px solid #e6e6e6;
    color: #333;
    margin-bottom: 10px;
    background: #fff;
}

.mg-admin-html .span-block {
    display: block;
    margin-bottom: 10px;
}

.mg-admin-html .badge,
.mg-admin-html .checkbox label {
    border-radius: 3px;
}

.mg-admin-html .checkbox label,
.mg-admin-html .radio label {
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    margin: 0;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
    background: #fff;
}

.mg-admin-html .checkbox label:after {
    top: 4px;
    left: 2px;
    width: 12px;
    height: 6px;
    border-bottom: 2px solid #2773eb;
    border-left: 2px solid #2773eb;
}

.mg-admin-html .checkbox label:after,
.mg-admin-html .radio label:after {
    position: absolute;
    display: none;
    content: '';
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mg-admin-html .checkbox label:hover,
.mg-admin-html .radio label:hover {
    border-color: #8a8a8a;
}

.mg-admin-html .checkbox input[type=checkbox]:checked + label,
.mg-admin-html .checkbox input[type=radio]:checked + label,
.mg-admin-html .radio input[type=checkbox]:checked + label,
.mg-admin-html .radio input[type=radio]:checked + label {
    border-color: #2773eb !important;
}

.mg-admin-html .radio label,
.mg-admin-html .radio label:after {
    border-radius: 100%;
}

.mg-admin-html .radio label:after {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 10px;
    height: 10px;
    margin: auto;
    border: none;
    background: #2773eb;
}

.mg-admin-html .checkbox-label {
    position: relative;
    margin: 0 0 15px;
}

.mg-admin-html .checkbox-label > label {
    margin: 0 5px 0 0;
    cursor: pointer;
}

.mg-admin-html .checkbox-label .checkbox,
.mg-admin-html .checkbox-label .radio,
.mg-admin-html .checkbox-label > label {
    display: inline-block;
    vertical-align: middle;
}

.mg-admin-html .checkbox-label.text-right {
    padding: 0 22px 0 0;
}

.mg-admin-html .checkbox-label.text-right .checkbox,
.mg-admin-html .checkbox-label.text-right .radio {
    position: absolute;
    top: 3px;
    right: 0;
}

.mg-admin-html .check-with-input .checkbox,
.mg-admin-html .check-with-input .input-with-text,
.mg-admin-html .check-with-input .radio {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.mg-admin-html select.option {
    margin-bottom: 0;
    min-width: 250px;
    max-width: 250px;
}

.mg-admin-html .server-info__row {
    margin-bottom: 5px;
}

.mg-admin-html .check-with-input .input-with-text {
    margin: 0;
}

.mg-admin-html .sett-line:hover .with-help {
    color: #000;
}

.mg-admin-html .create-images-for-css-cache {
    vertical-align: top;
    margin-left: 5px;
}

.mg-admin-html .row-padding {
    padding: 0 10px;
}

.mg-admin-html .ui-datepicker {
    background: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .45);
    box-shadow: 0 0 9px rgba(0, 0, 0, .45);
}

.mg-admin-html .ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0 50px;
    background: #424242;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-corner-all {
    font-size: 0;
    position: absolute;
    top: 17px;
    cursor: pointer;
    color: #fff;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-corner-all:before {
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next {
    right: 15px;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next:before {
    border-left: 10px solid #fff;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev {
    left: 15px;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:before {
    border-right: 10px solid #fff;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 14px;
    line-height: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    margin: 0;
    padding: 0 5px;
    border: none;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar {
    margin: 0;
}

.reveal .variant-table-wrapper .variant-table tr th,
.mg-admin-html .ui-datepicker .ui-datepicker-calendar thead tr th {
    font-weight: 400;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li,
.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td {
    cursor: pointer;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td {
    text-align: center;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td a {
    -webkit-transition: color .2s ease-in-out;
    -o-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    color: #000;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day,
.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today,
.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td:hover {
    background: #2196f3;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-current-day a,
.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-datepicker-today a,
.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td:hover a {
    color: #1585cf;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled {
    cursor: default;
    opacity: .35;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled a {
    cursor: default;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled:hover {
    cursor: default;
    background: 0 0;
}

.mg-admin-html .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled:hover a,
.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-datepicker-title select option {
    color: #000;
}

.mg-admin-html .select2-hidden-accessible {
    display: none !important;
}

.mg-admin-html .select2 {
    font-family: 'Roboto-Regular', sans-serif;
    display: block;
    width: 100% !important;
    margin: 0 0 10px;
}

.mg-admin-html .select2 .selection {
    display: block;
    cursor: pointer;
    border: 1px solid #ccc;
    background: #fff;
}

.mg-admin-html .select2 .selection .select2-selection {
    position: relative;
    display: block;
    padding: 0 43px 0 10px;
    outline: none;
}

.mg-admin-html .select2 .selection .select2-selection .select2-selection__rendered {
    font-size: 13px;
    line-height: 30px;
    display: inline-block;
    width: 100%;
    height: 28px;
    vertical-align: middle;
}

.mg-admin-html .select2 .selection .select2-selection .select2-selection__rendered .select2-search .select2-search__field {
    line-height: 26px;
    width: 125px !important;
    height: 24px;
    margin: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.mg-admin-html .select2 .selection .select2-selection .select2-selection__arrow {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 31px;
    border-left: 1px solid #ccc;
}

.mg-admin-html .select2 .selection .select2-selection .select2-selection__arrow:before {
    width: 8px;
    height: 4px;
    content: '';
    border-top: 4px solid #8a8a8a;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.mg-admin-html .select2 .selection .select2-selection.select2-selection--multiple {
    padding: 0;
}

.mg-admin-html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered {
    line-height: normal;
    display: block;
    height: auto;
    min-height: 28px;
    padding: 2px;
}

.mg-admin-html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered li {
    line-height: 19px;
    display: inline-block;
    height: 24px;
    margin: 0 2px 2px 0;
    padding: 2px 3px;
    vertical-align: top;
    border: 1px solid #ccc;
}

.mg-admin-html .select2 .selection .select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-search {
    height: auto;
    padding: 0;
    border: none;
}

.mg-admin-html .select2-container {
    z-index: 5555;
}

.mg-admin-html .select2-container .select2-dropdown {
    display: inline-block;
    background: #fff;
    -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, .45);
    box-shadow: 0 0 9px rgba(0, 0, 0, .45);
}

.mg-admin-html .select2-container .select2-dropdown .select2-search {
    position: relative;
    display: block;
    padding: 10px;
    border-bottom: 1px solid #bfbfbf;
}

.mg-admin-html .select2-container .select2-dropdown .select2-search:before {
    position: absolute;
    top: 19px;
    right: 21px;
    display: inline-block;
    width: 10px;
    height: 12px;
    content: '';
    vertical-align: middle;
    background-position: 0 -45px;
}

.mg-admin-html .select2-container .select2-dropdown .select2-search .select2-search__field {
    width: 100%;
    margin: 0;
    padding-right: 25px;
}

.mg-admin-html .select2-container .select2-dropdown .select2-search.select2-search--hide,
.mg-admin-html .sortable-block .sortable-list > li.item-placeholder:before {
    display: none;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results {
    display: block;
    padding: 10px 0;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options {
    overflow: auto;
    max-height: 250px;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li {
    font-size: 13px;
    line-height: 16px;
    padding: 7px 10px;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__option--highlighted,
.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li[aria-selected=true] {
    background: #e8e8e8;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li[role=group] {
    padding: 0;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li[role=group] strong {
    display: inline-block;
    padding: 7px 5px;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options li.select2-results__message {
    text-align: center;
    color: #f44336;
}

.mg-admin-html .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__options {
    overflow: visible;
    max-height: none;
}

.mg-admin-html .select2-container.select2-container--open {
    padding: 2px 0 0;
}

.mg-admin-html .select2-container.select2 {
    padding: 0;
}

.mg-admin-html .table-pagination .pagination {
    overflow: hidden;
}

.mg-admin-html .table-pagination .pagination li {
    position: relative;
    float: left;
}

.mg-admin-html .table-pagination .pagination li a {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 13px;
    line-height: 27px;
    display: block;
    min-width: 32px;
    height: 28px;
    padding: 0 3px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-align: center;
    color: #333;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.mg-admin-html .table-pagination .pagination li a:hover {
    text-decoration: none;
    background: #efefef;
}

.reveal .reveal-body .file-info tbody tr,
.mg-admin-html .table-pagination .pagination li.current {
    background: 0 0;
}

.mg-admin-html .table-pagination .pagination li.current a {
    color: #fff;
    border-color: #2773eb;
    background: #2773eb;
}

.mg-admin-html .table-pagination .pagination li:first-child a {
    border-radius: 3px 0 0 3px;
}

.mg-admin-html .table-pagination .pagination li:last-child a {
    border-radius: 0 3px 3px 0;
}

.mg-admin-html .table-pagination .pagination li + li {
    margin-left: -1px;
}

.mg-admin-html .table-pagination .label-select .select2 {
    margin: 0 10px 0 0 !important;
}

@media (max-width: 550px) {
    .mg-admin-html .table-pagination .label-select {
        float: none;
        margin: 0 0 10px;
    }

    .mg-admin-html .table-pagination .pagination {
        float: none;
    }

    .mg-admin-html .table-pagination .pagination li {
        display: block;
    }
}

@media (max-width: 470px) {
    .mg-admin-html .table-pagination .label-select .button {
        display: block;
    }

    .mg-admin-html .table-pagination .label-select .select-label,
    .mg-admin-html .widget .widget-footer .label-select.small,
    .wrapper > .message_information {
        display: none;
    }

    .mg-admin-html .widget-footer select, .mg-admin-html .table-pagination .label-select .button {
        margin: 0;
        margin-bottom: 5px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .count-print-options {
        margin: 5px 0 0 !important;
    }

    .mg-admin-html .table-pagination .label-select .select2 {
        display: block !important;
        width: 100% !important;
        margin: 0 0 10px !important;
    }

    .product-operation__wrap,
    .category-operation__wrap,
    .order-operation__wrap,
    .operation__wrap {
        width: 100%;
    }

    .hide-for-small-only {
        display: none;
    }
}

.mg-admin-html .doc-link:hover {
    text-decoration: none;
}

.mg-admin-html .doc-link:hover span {
    border-bottom: 1px solid;
}

.mg-admin-html .label-select .select-label {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

#token-edit-modal .createToken {
    margin: 0;
}

.mg-admin-html .label-select .select2 {
    display: inline-block !important;
    width: 220px !important;
    margin: 0;
    vertical-align: middle;
}

.mg-admin-html .label-select .button {
    margin: 0 0 0 10px;
    border: 0;
    vertical-align: top;
}

.table-pagination .label-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html .label-select.small .select2 {
    width: 90px !important;
}

.reveal {
    width: auto;
    min-width: 320px;
    margin: 0 auto 15px;
    padding: 0;
    border: none;
    background: #fff;
    -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .5);
    box-shadow: 0 0 7px rgba(0, 0, 0, .5);
}

.reveal .close-button {
    font-size: 28px;
    position: absolute;
    top: 13px;
    right: 20px;
    -webkit-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: .5;
    border-radius: 100%;
}

.reveal .close-button:hover {
    opacity: 1;
}

.reveal .reveal-header {
    padding: 13px 55px 13px 15px;
    border-bottom: 1px solid #e6e6e6;
}

.reveal .reveal-header h2 {
    font-family: 'Roboto-Light', sans-serif;
    font-size: 22px;
    line-height: 28px;
    margin: 0;
}

.reveal .reveal-body {
    padding: 15px;
}

.reveal .reveal-body .title {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin: 0 0 15px;
}

.reveal .reveal-body .sortable-block {
    margin: -15px;
}

.reveal .reveal-body .table-wrapper {
    margin: 0;
}

.reveal .reveal-body .file-info {
    width: auto;
    margin: 0;
}

.reveal .reveal-body .file-info tbody,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tbody,
.mg-admin-html .reveal .variant-table-wrapper .variant-table thead {
    border: none;
    background: 0 0;
}

.reveal .reveal-body .file-info tbody tr td {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 13px;
    line-height: 16px;
    padding: 8px 20px 8px 0;
}

.reveal .reveal-footer {
    padding: 10px 15px;
    border-top: 1px solid #e6e6e6;
}

.reveal .reveal-footer .title {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 15px;
}

.reveal .reveal-footer .button {
    margin: 0 0 0 10px;
}

.reveal.small {
    max-width: 460px;
}

.reveal.msmall {
    max-width: 490px;
}

.reveal.lsmall {
    max-width: 575px;
}

.reveal.xsmall {
    max-width: 780px;
}

.reveal.medium {
    max-width: 825px;
}

.reveal.lmedium {
    max-width: 960px;
}

.reveal.large {
    max-width: 1045px;
    overflow: unset;
}

.reveal.xlarge {
    max-width: 1180px;
}

@media (max-width: 600px) {
    .reveal .close-button {
        font-size: 20px;
        top: 15px;
        right: 10px;
    }
}

.mg-admin-html .modal-overlay {
    z-index: 9;
    background: rgba(0, 0, 0, .7);
}

.mg-admin-html .modal {
    z-index: 10;
    max-width: 210px;
    height: 100px;
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.mg-admin-html .modal .fa {
    font-size: 34px;
    margin: 0 0 10px;
    color: #2773eb;
}

.mg-admin-html .tooltip {
    z-index: 1111;
    max-width: 200px !important;
}

.mg-admin-html .qtip {
    font-size: 12px;
    position: absolute;
    top: -28000px;
    left: -28000px;
    display: none;
    min-width: 50px;
    max-width: 280px;
    padding: 2px 7px;
    color: #fff;
    background: #0a0a0a;
}

.mg-admin-html .qtip .qtip-tip {
    display: none !important;
}

.mg-admin-html .qtip:before {
    position: absolute;
    right: 0;
    left: 0;
    width: 0;
    height: 0;
    margin: auto;
    content: '';
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.mg-admin-html .qtip.qtip-pos-bc:before {
    top: 100%;
    border-top: 5px solid #0a0a0a;
}

.mg-admin-html .qtip.qtip-pos-tc:before {
    bottom: 100%;
    border-bottom: 5px solid #0a0a0a;
}

.mg-admin-html .search-block {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

.mg-admin-html .search-block input[type=search] {
    width: 320px;
    margin: 0;
    padding-right: 25px;
    -webkit-appearance: none;
}

.mg-admin-html .search-block__btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 30px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    text-align: center;
    background: #fff;
}

.mg-admin-html .search-block__btn:hover {
    background: #ebebeb;
}

.mp-top-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mp-top-panel__unit:not(:last-of-type) {
    margin-right: 10px;
}

.mp-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html .search-block.wide {
    display: block;
}

.mg-admin-html .ui-slider {
    height: 12px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
}

.mg-admin-html .ui-slider .ui-slider-range {
    position: absolute;
    top: 0;
    height: 100%;
    border-radius: 5px 0 0 5px;
    background: #2773eb;
}

.mg-admin-html .ui-slider .ui-slider-handle {
    position: absolute;
    top: -3px;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 100%;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12);
}

.mg-admin-html .ui-slider .ui-slider-handle:hover {
    background: #f1f1f1;
}

@media (max-width: 767px) {
    .mg-admin-html .input-range .text-side {
        float: none;
        margin: 0 0 5px;
        text-align: left;
    }

    .mg-admin-html #edit-property-group {
        overflow: visible;
        max-width: 100%;
    }

    .mg-admin-html #edit-property-group tr td:first-child {
        display: none;
    }

    .mg-admin-html #edit-property-group .action-list {
        width: auto;
        height: auto;
    }

    .mg-admin-html #edit-property-group tr td:last-child {
        width: auto;
    }

    .mg-admin-html .sett-line label {
        font-weight: 700;
        font-size: 13px;
    }

    .mg-admin-html .sett-line label.with-help .fa {
        position: static;
    }

    .mg-admin-html .sett-line {
        margin-bottom: 5px;
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 10px;
    }

    /*.mg-admin-html .sett-line:last-of-type {*/
    /*    margin-bottom: 0;*/
    /*    border-bottom: 0;*/
    /*}*/

    .mg-admin-html .sett-line .dashed,
    #add-deliveryMethod-wrapper .sett-line > div > label,
    .mg-admin-html .filter-container .sett-line {
        border-bottom: 0 !important;
    }


    .mg-admin-html .server-info__row .dashed {
        border: none;
    }

    .mg-admin-html #tab-system-settings .backup .createNewBackup,
    .mg-admin-html #tab-system-settings .backup .uploadNewBackup,
    .mg-admin-html #tab-system-settings .backup .restoreRecentBackup,
    .mg-admin-html #tab-system-settings .backup .stopNewBackup {
        margin-right: 0;
        margin-top: 0;
        margin-left: 0;
        white-space: normal;
        height: auto;
        line-height: 1.3;
        padding: 5px;
    }

    .mg-admin-html .sett-line .label-checkbox-bottom {
        vertical-align: bottom;
        display: inline-block;
    }

    .mg-admin-html .sett-line label.dashed {
        border-bottom: 0;
    }

    .mg-admin-html #edit-property-group .add-property-group {
        float: none;
        width: 100%;
        margin-top: 5px !important;
        display: block;
    }

    .mg-admin-html #edit-property-group .buttons {
        padding: 7px !important;
    }

    .mg-admin-html #edit-property-group [name=name-group] {
        border-color: #999 !important;
    }

    .mg-admin-html #edit-property-group {
        overflow: hidden;
        width: 500px;
        height: auto;
    }

    .mg-admin-html .filter-form .actions-panel .button:first-of-type {
        margin-left: 0;
    }

    .mg-admin-html .widget.settings .tabs-content .widget-panel-content label {
        margin-bottom: 10px !important;
    }
}

#tab-template-settings {
    overflow-x: auto;
}

.mg-admin-html .input-range .input-side {
    overflow: hidden;
    padding: 0 0 3px;
}

.mg-admin-html .input-range .input-line {
    margin: 0 0 10px;
}

.mg-admin-html .input-range .input-line .text,
.input-range .input-line input[type=text] {
    display: inline-block;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.mg-admin-html .input-range .input-line .text.small,
.mg-admin-html .input-range .input-line input[type=text].small {
    width: 85px;
}

.mg-admin-html .input-range .input-line .text.max,
.mg-admin-html .input-range .input-line input[type=text].max {
    margin: 0;
}

.mg-admin-html .input-range.price-range .input-side {
    width: 200px;
}

.mg-admin-html .input-range.date-range input[type=text],
.mg-admin-html .reveal .add-related-product-block .add-related-button-wrapper .custom-popup .search-block input[type=text] {
    margin: 0 0 5px;
}

@media (max-width: 400px) {
    .mg-admin-html .input-range.date-range .text-side {
        float: none;
        margin: 0 0 5px;
        padding: 0;
        text-align: left;
    }

    .mg-admin-html .input-range.date-range .text-side .text {
        margin: 0;
    }
}

.mg-admin-html .date-range .input,
.mg-admin-html .date-range .text,
.mg-admin-html .date-range input[type=text] {
    display: inline-block;
    vertical-align: middle;
}

.mg-admin-html .date-range .input {
    position: relative;
}

.mg-admin-html .date-range .text,
.mg-admin-html .date-range input[type=text] {
    margin: 0 2px 0 5px;
}

.mg-admin-html .date-range input[type=text] {
    font-size: 13px;
    width: 110px;
    margin: 0;
    padding-right: 25px;
}

.mg-admin-html .date-input,
.mg-admin-html .ui-slider {
    position: relative;
}

.mg-admin-html .date-input input[type=text] {
    padding-right: 25px;
}

.mg-admin-html .date-input .fa,
.mg-admin-html .date-range .input .fa {
    position: absolute;
    top: 8px;
    right: 8px;
}

.mg-admin-html .alert-block {
    font-size: 14px;
    line-height: 21px;
    margin: 0 0 10px;
    padding: 10px 15px;
    color: #0a6bb7;
    border: 1px solid #9bd0fa;
    border-radius: 0;
    background: #deeffd;
}

.mg-admin-html .alert-block .button {
    margin: 0 5px;
}

.mg-admin-html .alert-block.success {
    color: #357b38;
    border: 1px solid #aedcb0;
    background: #e4f3e5;
}

.mg-admin-html .alert-block.warning {
    color: #b37a00;
    border: 1px solid #ffdb8c;
    background: #fff3d9;
}

.mg-admin-html .resetContainer .alert-block.warning{
    margin: 10px 0 0 0;
}

.mg-admin-html .resetContainer .loadVersions ~ .alert-block.warning{
    margin: 0;
}

.mg-admin-html .alert-block.alert {
    color: #c6180b;
    border: 1px solid #faaaa5;
    background: #fde3e1;
}

.mg-admin-html .vertical-track {
    width: 5px;
    background: #e6e6e6;
}

.mg-admin-html .vertical-track .vertical-handle {
    width: 5px;
    background: #ccc;
}

.mg-admin-html .init-scroll {
    width: 100% !important;
}

.mg-admin-html .sortable-block {
    text-align: left;
}

.mg-admin-html .sortable-block .sortable-list > li,
.mg-admin-html .sortable-block h3 {
    font-size: 14px;
    color: #333;
    border-bottom: 1px solid #e6e6e6;
}

.mg-admin-html .sortable-block h3 {
    font-family: 'Roboto-Medium', sans-serif;
    line-height: 14px;
    margin: 0;
    padding: 13px 15px;
    background: #f3f3f3;
}

.mg-admin-html .sortable-block .sortable-list > li {
    line-height: 16px;
    position: relative;
    z-index: 1;
    margin: -1px 0 0;
    padding: 12px 20px 12px 40px;
    border-top: 1px solid #e6e6e6;
    border-right: 1px #fff;
    border-left: 1px #fff;
    background: #fff;
}

.mg-admin-html .sortable-block .sortable-list > li .drag-handle {
    line-height: 16px;
    position: absolute;
    z-index: 5;
    top: 0;
    bottom: 0;
    left: 10px;
    width: 16px;
    height: 16px;
    margin: auto;
    text-align: center;
    color: #ccc;
}

.mg-admin-html .sortable-block .sortable-list > li .drag-handle:before {
    font-family: 'FontAwesome';
    font-size: 12px;
    line-height: normal;
    content: '\f047';
    vertical-align: middle;
}

.mg-admin-html .sortable-block .sortable-list > li .drag-handle:hover {
    text-decoration: none;
    color: #333;
}

.mg-admin-html .sortable-block .sortable-list > li.item-placeholder {
    z-index: 2;
    height: 42px;
    border-top-color: #fcefa1;
    border-bottom-color: #fcefa1;
    background: #fcfbf2;
}

.mg-admin-html .sortable-block .sortable-list > li.ui-sortable-helper,
.mg-admin-html .sortable-block .sortable-list > li:hover {
    z-index: 2;
    background: #f3f3f3;
}

.mg-admin-html .sortable-block .sortable-list > li.ui-sortable-helper {
    border: 1px solid #2196f3;
}

.mg-admin-html .sortable-block .sortable-list.init-scroll {
    height: 300px;
    padding: 0 !important;
}

.mg-admin-html .sortable-block .sortable-list + div {
    z-index: 10 !important;
}

.mg-admin-html .sortable-block .left-side,
.mg-admin-html .sortable-block .right-side {
    float: left;
    width: 50%;
    margin: 0;
}

.mg-admin-html .sortable-block .right-side {
    border-left: 1px solid #e6e6e6;
}

@media (max-width: 550px) {
    .mg-admin-html .sortable-block .left-side,
    .mg-admin-html .sortable-block .right-side {
        float: none;
        width: 100%;
        border: none;
    }

    .mg-admin-html .sortable-block .sortable-list.init-scroll {
        height: auto;
    }
}

.mg-admin-html .switch .switch-paddle {
    width: 43px;
    height: 22px;
    vertical-align: middle;
    border-radius: 15px;
}

.mg-admin-html .switch .switch-paddle:after {
    top: 2px;
    left: 2px;
    width: 19px;
    height: 19px;
    border-radius: 100%;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, .15);
}

.mg-admin-html .switch input:checked + .switch-paddle:after {
    left: 22px;
}

.mg-admin-html .switch.disabled {
    position: relative;
    cursor: default;
    opacity: .25;

}

.mg-admin-html .switch.disabled:before {
    z-index: 5;
    content: '';
    background: 0 0;
}

.mg-admin-html .popup-holder {
    position: relative;
    display: inline-block;
}

.mg-admin-html .custom-popup {
    position: absolute;
    z-index: 13;
    top: 0;
    left: 100%;
    width: 280px;
    margin-top: -10px;
    margin-left: 15px;
    padding: 15px;
    text-align: left;
    background: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
}

.mg-admin-html .accordion-item--orders .custom-popup {
    right: 100%;
    left: auto;
}

.mg-admin-html .custom-popup__close {
    position: absolute;
    right: 5px;
    top: 5px;
}

.mg-admin-html .custom-popup__close i {
    font-size: 16px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mg-admin-html .field__delete i,
.mg-admin-html .field__var-delete i,
.mg-admin-html .prod-row-delete i {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mg-admin-html .custom-popup__close:hover i,
.mg-admin-html .field__delete:hover i,
.mg-admin-html .field__var-delete:hover i,
.mg-admin-html .prod-row-delete:hover i {
    color: #f44336;
}

.mg-admin-html .custom-popup .row {
    margin-right: -9.375px;
    margin-left: -9.375px;
}

.mg-admin-html .custom-popup .button {
    margin: 0;
}

.mg-admin-html .custom-popup:before {
    position: absolute;
    top: 12px;
    right: 100%;
    width: 0;
    height: 0;
    content: '';
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
}

.mg-admin-html .accordion-item--orders .custom-popup:before {
    top: 15px;
    left: 100%;
    border-left: 10px solid #fff;
    border-right: 0;
}

.mg-admin-html .custom-popup.right {
    right: 100%;
    left: auto;
    margin-right: 15px;
    margin-left: 0;
}

.mg-admin-html .custom-popup.right:before {
    right: auto;
    left: 100%;
    border-right: none;
    border-left: 10px solid #fff;
}

@media (max-width: 600px) {
    .mg-admin-html .custom-popup {
        width: 250px;
    }
}

.mg-admin-html #add-product-wrapper select.property,
.mg-admin-html #add-product-wrapper select[name=inside_cat],
.mg-admin-html #add-product-wrapper select[name=related_cat],
.mg-admin-html #edit-category select.category-select,
.mg-admin-html .tabs {
    padding: 0;
}

.mg-admin-html .tabs li a {
    font-size: 13px;
    color: #333;
}

.mg-admin-html .tabs li a:hover {
    text-decoration: none;
}

.mg-admin-html .tabs.custom-tabs {
    border: 1px solid #2773eb;
    border-radius: 2px;
}

.mg-admin-html .tabs.custom-tabs li a {
    color: #2773eb;
    padding: 12px 15px;
    width: 100%;
    text-align: center;
}

.reveal .variant-table-wrapper .variant-table tr {
    background: 0 0;
}

.mg-admin-html .tabs.custom-tabs li.is-active a {
    color: #fff;
    background: #2773eb;
}

.mg-admin-html .whole-modal-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 10px;
}

.mg-admin-html .whole-modal-info__name {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 150px;
    flex: 1 1 150px;
    border-bottom: 1px dashed #eaeaea;
    margin-right: 10px;
}

.mg-admin-html .whole-modal-info__value {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 340px;
    flex: 1 1 340px;
}

.mg-admin-html .whole-modal-info__title {
    margin: 20px 0 5px;
    border-bottom: 1px dashed #eaeaea;
    padding-bottom: 5px;
}

.mg-admin-html .whole-table__td_pad-left_none {
    padding-left: 0 !important;
}

.mg-admin-html .whole-modal-info__value {
    margin-bottom: 0 !important;
}

.mg-admin-html .tabs-panel {
    padding: 15px;
}

.mg-admin-html .accordion {
    margin: 10px 0 0;
    padding: 0;
    background: #fff;
}

.mg-admin-html .accordion .accordion-item {
    border: 1px solid #e6e6e6;
}

.mg-admin-html .accordion .accordion-item .accordion-title {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 10px 30px;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    color: #333;
    border: none;
    width: 100%;
    text-align: left;
}
.mg-admin-html .accordion .accordion-item .accordion-title-group-prop {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 10px 10px 10px 30px;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    color: #333;
    border: none;
    width: 100%;
    text-align: left;
}


.mg-admin-html .accordion .accordion-item .accordion-title:before {
    font-family: 'FontAwesome';
    top: 10px;
    right: auto;
    left: 10px;
    margin: 0;
    content: '\f054';
    transition: -webkit-transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.mg-admin-html .accordion .accordion-item .accordion-title-group-prop:before {
    font-family: 'FontAwesome';
    top: 10px;
    right: auto;
    left: 10px;
    margin: 0;
    content: '\f054';
    transition: -webkit-transform .2s ease-in-out;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
}

.mg-admin-html .accordion .accordion-item .tenp-class:before{
    content: '\f054'!important;
}

.mg-admin-html .accordion .accordion-item .accordion-title:hover {
    text-decoration: none;
    background: #f3f3f3;
}

.mg-admin-html .accordion .accordion-item .accordion-title-group-prop:hover {
    text-decoration: none;
    background: #f3f3f3;
}

.mg-admin-html .accordion .accordion-item .accordion-content {
    font-size: 14px;
    line-height: 1.4;
    padding: 10px;
    border: none;
    border-top: 1px solid #e6e6e6;
}

.mg-admin-html .interv-descr {
    margin: 0 5px;
}

.mg-admin-html .accordion .accordion-item .accordion-content .widget-inner {
    margin: -10px;
}

.mg-admin-html .accordion .accordion-item .accordion-content .widget-inner .widget-panel {
    border-top: none;
}

@media (max-width: 767px) {
    .mg-admin-html .accordion .accordion-item .accordion-content label.middle {
        margin: 0;
        padding-bottom: 0;
    }
}

.mg-admin-html .accordion .accordion-item + .accordion-item {
    margin-top: -1px;
}

.mg-admin-html .accordion .accordion-item.is-active .accordion-title:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mg-admin-html .accordion .accordion-item.is-active .accordion-title:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.mg-admin-html .accordion .accordion-item-group-prop.is-active .accordion-title-group-prop:before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (max-width: 767px) {
    .mg-admin-html .inline-label label.middle {
        display: inline-block;
        text-align: left !important;
    }
}

.mg-admin-html .upload-form {
    position: relative;
    overflow: hidden;
}

.mg-admin-html .upload-form input[type=file] {
    display: none;
}

.mg-admin-html .upload-img-block,
.mg-admin-html .upload-img-block .uploaded-img,
.landing-img-block .uploaded-img {
    display: inline-block;
    vertical-align: middle;
}

.mg-admin-html .upload-img-block .uploaded-img,
.landing-img-block .uploaded-img {
    position: relative;
    margin: 0 0 10px;
    padding: 5px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
}

.mg-admin-html .upload-img-block .uploaded-img .fa,
.landing-img-block .uploaded-img .fa {
    font-size: 16px;
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    color: #f44336;
}

.mg-admin-html .upload-img-block .uploaded-img .fa:hover {
    text-decoration: none;
}

.mg-admin-html .section-catalog .main-table td.count,
.mg-admin-html .ui-datepicker th,
.mg-admin-html .upload-img-block .upload-form {
    text-align: center;
}

.main-table.complianceHeaders .th-title{
    background: #e6e6e6;
}

.mg-admin-html .color-list {
    margin: 0 0 10px;
}

.mg-admin-html .color-list li {
    width: 30px;
    height: 30px;
    margin: 0 7px 7px 0;
    cursor: pointer;
}

.mg-admin-html .color-list li.active {
    box-shadow: 0 0 0 2px #2773eb !important;
    outline: none;
}

.mg-admin-html .select.medium {
    width: 180px;
}

.mg-admin-html .select.small {
    width: 100px;
}

.reveal .price-settings {
    max-width: 330px;
    border: 1px solid #e6e6e6;
}

.reveal .price-settings .price-body {
    position: relative;
}

.reveal .price-settings .price-body select {
    max-height: 100px;
    margin: 0;
    vertical-align: top;
    border: none;
}

.reveal .price-settings .price-footer {
    padding: 10px;
    border-top: 1px solid #e6e6e6;
    background: #f5f5f5;
}

.reveal .price-settings .price-footer .button,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tr td input,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tr th input {
    margin: 0;
}

.reveal .price-settings .price-footer .link-holder {
    margin: 0 0 10px;
}

.reveal .price-settings .price-footer .buttons-holder .popup-holder {
    z-index: 12;
}

.reveal .price-settings .price-footer .buttons-holder .popup-holder .custom-popup {
    width: 270px;
}

.reveal .price-settings .price-footer .buttons-holder .icon-buttons .button {
    font-size: 19px;
    width: 35px;
    margin: 0 0 0 10px;
    padding: 0;
}

@media (max-width: 767px) {
    .reveal .price-settings {
        max-width: none;
    }
}

@media (max-width: 480px) {
    .reveal .price-settings .price-footer {
        padding: 5px;
    }

    .reveal .price-settings .price-footer .popup-holder .button {
        padding: 0 6px;
    }

    .reveal .price-settings .price-footer .buttons-holder .icon-buttons .button {
        margin: 0 0 0 4px;
    }

    .reveal .price-settings .price-footer .buttons-holder .custom-popup {
        top: 100%;
        left: 0;
        margin: 10px 0 0;
    }

    .reveal .price-settings .price-footer .buttons-holder .custom-popup:before {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 12px;
        border-top: none;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
    }
}

.reveal .symbol-text strong {
    font-size: 14px;
}

@media (max-width: 767px) {
    .reveal .symbol-text {
        margin: 0;
    }
}

.reveal .discount-setup-rate {
    margin: 10px 0;
}

.reveal .discount-rate-control {
    margin: 10px 0;
}

.reveal .discount-rate-control .change-rate,
.mg-admin-html .wrapper .work-area .bottom-block .order-side .side-body .total-info .delivery-price strong,
.mg-admin-html .wrapper .work-area .bottom-block .order-side .side-body .total-info .total-summary strong {
    margin: 0 5px 0 0;
}

.reveal .cat-img,
.mg-admin-html .reveal .discount-rate-control .rate-value,
.mg-admin-html .reveal .discount-rate-control .rate-value .small {
    display: inline-block;
    vertical-align: middle;
}

.reveal .cat-img,
.mg-admin-html .reveal .discount-rate-control .rate-value .small {
    margin: 0;
}

.reveal .discount-rate-control .rate-value .remove-discount {
    margin: 0 0 0 5px;
    color: #f44336;
}

.reveal .cat-img .remove-img:hover,
.mg-admin-html .reveal .discount-rate-control .rate-value .remove-discount:hover {
    text-decoration: none;
}

@media (max-width: 500px) {
    .reveal .discount-rate-control .custom-popup {
        top: 100%;
        left: 0;
        margin: 10px 0 0;
    }

    .reveal .discount-rate-control .custom-popup:before {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 12px;
        border-top: none;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
    }
}

.reveal .cat-img {
    position: relative;
    width: 110px;
    margin: 0 0 15px;
    padding: 5px;
    background: #fff;
    border: 1px solid #dadada;
}

.reveal .cat-img .remove-img {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    text-align: center;
    color: #f44336;
}

.reveal .fa-question-circle {
    font-size: 16px;
    margin: 0 0 0 5px;
}

.reveal .add-link {
    position: relative;
    top: -10px;
}

.reveal .add-category {
    font-size: 16px;
    margin: 0 0 0 2px;
    color: #0083d2;
}

.reveal .add-category:hover,
.mg-admin-html .reveal .added-property .fa-trash:hover,
.mg-admin-html .reveal .added-related-product-block .product-unit .product-img .remove-img:hover {
    text-decoration: none;
}

.reveal .select-links {
    position: relative;
    top: -10px;
}

.reveal .variant-table-wrapper {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
}

.reveal .variant-table-wrapper .variant-table tr td,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tr th {
    font-size: 13px;
    color: #2d2c2c;
}

.reveal .variant-table-wrapper .variant-table tr td input.variant,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tr th input.variant {
    width: 150px;
}

.reveal .variant-table-wrapper .variant-table tr td input.qty,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tr td input.weight,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tr th input.qty,
.mg-admin-html .reveal .variant-table-wrapper .variant-table tr th input.weight {
    width: 52px;
}

@media (max-width: 600px) {
    .reveal .variant-table-wrapper .table-wrapper {
        overflow: auto;
    }
}

.reveal .add-property-field {
    position: relative;
    display: inline-block;
    margin: 0 0 10px;
    vertical-align: middle;
}

.mg-admin-body .accordion-content_props {
    max-height: 500px;
    min-height: 200px;
    overflow-y: auto;
}

@media (max-width: 600px) {
    .reveal .add-property-field .custom-popup {
        top: 100%;
        left: 0;
        margin: 10px 0 0;
    }

    .reveal .add-property-field .custom-popup:before {
        top: auto;
        right: auto;
        bottom: 100%;
        left: 12px;
        border-top: none;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
    }
}

.reveal .added-property label {
    line-height: 18px;
}

.reveal .added-property .fa-trash {
    font-size: 16px;
    margin: 5px 0 0;
    color: #f44336;
}

.reveal .add-related-product-block {
    margin: 0 0 10px;
}

.reveal .add-related-product-block .add-related-button-wrapper {
    position: relative;
    display: inline-block;
    margin: 0 0 10px;
}

.reveal .add-related-product-block .add-related-button-wrapper .custom-popup {
    width: 340px;
}

.reveal .add-related-product-block .add-related-button-wrapper .custom-popup .search-block {
    display: block;
    margin: 0 0 10px;
}

.reveal .added-related-product-block {
    padding: 10px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
}

.reveal .img-holder,
.mg-admin-html .reveal .added-related-product-block .product-unit {
    border: 1px solid #eaeaea;
}

.mg-admin-html .reveal .added-related-product-block .product-unit {
    padding: 10px;
    text-align: center;
    color: #333;
}

.add-related-product span {
    border-bottom: 1px dashed;
}

.reveal .added-related-product-block .product-unit {
    float: left;
    width: 125px;
    margin: 0 10px 0 0;
    background: #fff;
}

.reveal .added-related-product-block .product-unit .product-img {
    position: relative;
    margin: 0 0 5px;
}

.reveal .added-related-product-block .product-unit .product-img .remove-img {
    font-size: 17px;
    position: absolute;
    top: -4px;
    right: -4px;
    color: #b6b6b6;
}

.reveal .added-related-product-block .product-unit .move-handle {
    position: absolute;
    top: -1px;
    left: -2px;
    color: #b6b6b6;
}

.reveal .added-related-category-block .category-unit .move-handle {
    position: absolute;
    top: 7px;
    left: 5px;
    color: black;
}

.reveal .added-related-category-block .category-unit .remove-added-category {
    font-size: 17px;
}

.reveal .added-related-product-block .product-unit .product-img .img-link {
    display: block;
}

.reveal .added-related-product-block .product-unit .product-name {
    font-size: 12.5px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    height: 32px;
    margin: 0 0 3px;
    color: #666;
}

.reveal .added-related-product-block .product-unit .product-price {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 12.5px;
    color: #000;
}

.reveal .add-img-block .img-holder {
    position: relative;
    margin: 0;
    text-align: center;
}

.reveal .add-img-block .img-holder .button {
    z-index: 2;
    top: 10px;
    right: 10px;
    margin: 0;
}

.reveal .add-img-block .img-holder .popup-holder {
    position: absolute;
    z-index: 2;
    top: 10px;
    right: 10px;
    width: 35px;
}

.reveal .add-img-block .img-holder .popup-holder .button {
    position: static;
}

.reveal .add-img-block .img-actions .button,
.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.exit li {
    margin: 0;
}

.reveal .add-img-block .main-image .title {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 8px;
}

.reveal .add-img-block .sub-images-wrapper {
    position: relative;
}

.reveal .add-img-block .sub-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.reveal .add-img-block .sub-images .image-item {
    position: relative;
    margin-right: 10px;
}

.reveal .add-img-block .sub-images .image-item .custom-popup {
    left: 0;
    width: 240px;
    margin: 0;
    padding: 10px;
}

.reveal .add-img-block .sub-images .image-item .custom-popup .button {
    padding: 0 8px;
}

.reveal .add-img-block .sub-images .image-item .custom-popup:before {
    display: none;
}

.reveal .add-img-block .sub-images .image-item .img-holder {
    padding: 5px;
}

.reveal .add-img-block .sub-images .image-item .img-holder .fa {
    font-size: 16px;
    position: absolute;
    z-index: 2;
    top: 5px;
    color: #333;
}

.reveal .add-img-block .sub-images .image-item .img-holder .fa.fa-cogs {
    right: 5px;
}

.reveal .add-img-block .sub-images .image-item .img-holder .fa.fa-check {
    left: 5px;
    color: #4caf50;
}

.reveal .add-img-block .sub-images .image-item .img-holder .fa:hover {
    text-decoration: none;
}

.reveal .add-img-block .sub-images[style] {
    padding: 2px !important;
}

.reveal .add-img-block .sub-images[style] .image-item .custom-popup {
    width: 233px;
}

.mg-admin-html .productMainData__field .columns {
    padding: 0;
}

.mg-admin-html .upload-csv-form {
    margin: 0 10px 0px -10px;
}

.mg-admin-html .example-csv {
    margin: 3px 0 0 0;
}

.mg-admin-html .install-plugin {
    border: 0;
}

.mg-admin-html .plugins-dropdown-menu li a {
    white-space: nowrap;
    max-width: 350px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-bottom: 1px solid #dadada;
}

@media (max-width: 1023px) {
    .reveal .add-img-block {
        float: none;
        margin: 0 auto 10px;
    }
}

@media (max-width: 410px) {
    .reveal .add-img-block {
        width: auto;
    }

    .reveal .add-img-block .img-holder .custom-popup {
        top: 100%;
        right: 0;
        margin: 10px 0 0;
    }

    .reveal .add-img-block .img-holder .custom-popup:before {
        top: auto;
        right: 12px;
        bottom: 100%;
        left: auto;
        border-top: none;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #fff;
        border-left: 10px solid transparent;
    }

    .reveal .add-img-block .sub-images[style] .image-item .custom-popup {
        width: 274px;
    }
}

@media (max-width: 767px) {
    .reveal .row .small-12 .text-right {
        line-height: normal;
        margin: 0 0 5px;
        padding: 0;
        text-align: left !important;
    }

    .reveal .row .generate-tags-btn {
        font-size: 13px;
        display: block;
        margin: 0;
    }
}

.mg-admin-html .wrapper {
    min-height: calc(100vh - 40px);
}

.mg-admin-html .footer,
.mg-admin-html .mg-admin-html .wrapper .h-height {
    min-height: 40px;
}

.mg-admin-html .footer {
    margin-top: -40px;
}

.mg-admin-html .wrapper {
    min-width: 320px;
}

.mg-admin-html .wrapper .header {
    margin: 0 0 20px;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
}

.mg-admin-html .wrapper .header .buttons-list li {
    float: left;
}

.mg-admin-html .wrapper .header .buttons-list li a,
.mg-admin-html .mg-admin-html .wrapper .header .buttons-list li a .badge {
    text-align: center;
    border-radius: 100%;
}

.mg-admin-html .wrapper .header .buttons-list li a {
    font-size: 14px;
    line-height: 28px;
    position: relative;
    float: left;
    width: 28px;
    height: 28px;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
}

.mg-admin-html .wrapper .header .buttons-list li a .badge {
    font-size: 10px;
    line-height: 20px;
    position: absolute;
    top: -10px;
    right: -10px;
    display: block;
    min-width: 18px;
    height: 18px;
    padding: 0 1px 0 0;
}

.mg-admin-html .wrapper .header .header-top {
    padding: 13px 0 8px;
    background: #2773eb;
}

.mg-admin-html .wrapper .header .header-top .header-left .logo {
    position: relative;
    float: left;
    /*width: 205px;
    height: 35px;
    background: url(../images/logo-normal.png?1478622050) no-repeat;
    -moz-background-size: 205px 35px;
    -o-background-size: 205px 35px;
    -webkit-background-size: 205px 35px;
    background-size: 205px 35px*/
    max-height: 50px;
    margin: 0 70px 0 0;
}

.mg-admin-html .wrapper .header .header-top .header-left .logo img,
.mg-admin-html .mg-enter .enter-header .enter-logo img {
    max-width: 100%;
    max-height: inherit;
}

.mg-admin-html .wrapper .edit-key:before,
.mg-admin-html .wrapper .header .header-top .header-left .logo .badge {
    position: absolute;
    top: -5px;
    left: 100%;
    margin-left: 8px;
}

@media (max-width: 500px) {
    .mg-admin-html .wrapper .header .header-top .header-left .logo {
        width: 100%;
        max-width: 160px;
        margin: 0 55px 0 0;
    }
}

.mg-admin-html .wrapper .header .header-top .header-left .buttons-list {
    float: left;
    margin: 3px 0 0;
}

.mg-admin-html .wrapper .header .header-top .header-left .buttons-list li {
    margin: 0 12px 0 0;
}

.mg-admin-html .wrapper .header .header-top .header-right .buttons-list {
    float: left;
}

.mg-admin-html .wrapper .header .header-top .header-right .drop-down {
    float: left;
    margin: 5px 0 0;
}

.mg-admin-html .wrapper .header .header-top .header-right .drop-down .drop-down-btn .fa {
    font-size: 16px;
    margin: 0 5px 0 0;
    color: #fff;
}

.mg-admin-html .btn-a-white a,
.mg-admin-html .wrapper .header .header-top .header-right .drop-down .drop-down-btn .drop-down-text {
    color: #fff;
}

.mg-admin-html .wrapper .header .header-top .header-right .drop-down .drop-down-btn:after {
    border-top-color: #fff;
}

.mg-admin-html .wrapper .header .header-nav {
    background: #fff;
}

.mg-admin-html .wrapper .header .header-nav .top-menu {
    position: relative;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle {
    position: absolute;
    top: 8px;
    left: 0;
    display: none;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    color: #000;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle .text {
    font-size: 14px;
    line-height: 14px;
    display: inline-block;
    vertical-align: middle;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle .toggle-wrapper {
    font-size: 14px;
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 5px 0 0;
    vertical-align: middle;
    text-decoration: none;
    color: #000;
    border-radius: 100%;
    background: #000;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle .toggle-wrapper .toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 15px;
    height: 2px;
    margin: auto;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border: none;
    background: #fff;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle .toggle-wrapper .toggle:after,
.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle .toggle-wrapper .toggle:before {
    position: absolute;
    right: 0;
    left: 0;
    width: 15px;
    height: 2px;
    content: '';
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #fff;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle .toggle-wrapper .toggle:after {
    bottom: -6px;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle .toggle-wrapper .toggle:before {
    top: -6px;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list {
    display: inline-block;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list li {
    position: relative;
    text-align: left;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list li .sub-menu-toggle {
    position: absolute;
    z-index: 5;
    top: 0;
    right: -15px;
    display: none;
    width: 35px;
    height: 35px;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list li .sub-menu-toggle:before {
    width: 0;
    height: 0;
    content: '';
    border-top: 6px solid #000;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list li.has-menu > .mg-admin-mainmenu-item {
    position: relative;
    padding-right: 15px;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list li.has-menu > .mg-admin-mainmenu-item:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 8px;
    height: 4px;
    margin: auto;
    content: '';
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li {
    display: inline-block;
    margin: 0 30px 0 0;
    vertical-align: middle;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list .mg-admin-mainmenu-item,
.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list .logout-button {
    font-size: 14px;
    line-height: 14px;
    position: relative;
    display: inline-block;
    padding: 16px 0 14px;
    -webkit-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    text-decoration: none;
    color: #000;
    border-radius: 2px;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .mg-admin-mainmenu-item i {
    font-size: 14px;
    margin: 0 3px 0 0;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list .mg-admin-mainmenu-item:before {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    content: '';
    -webkit-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out;
    background: #2773eb;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .mg-admin-mainmenu-item.active:before {
    width: 100%;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li .sub-list li .mg-admin-mainmenu-item {
    white-space: nowrap;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li.is-active .mg-admin-mainmenu-item:before,
.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li:hover > .mg-admin-mainmenu-item:before,
.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list .mg-admin-mainmenu-item:focus:before,
.mg-admin-html td.statusId span {
    width: 100%;
}

.mg-admin-html .sett-interf label {
    padding: 5px 15px 5px 0;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li:hover > .sub-list {
    visibility: visible;
    margin-top: 0;
    opacity: 1;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li .sub-list > li.has-menu .mg-admin-mainmenu-item:after {
    width: 4px;
    height: 8px;
    border-top: 4px solid transparent;
    border-right: none;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #9a9a9a;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li .sub-list > li.has-menu .sub-list {
    top: 0;
    left: -9999999px;
    margin: 0 0 0 10px;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li .sub-list > li.has-menu:hover > .sub-list {
    left: 100%;
    visibility: visible;
    margin: 0;
    opacity: 1;
}

.mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.exit {
    float: right;
}

.mg-admin-html .wrapper .header .header-nav .top-menu.open .toggle-wrapper .toggle,
.mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr {
    background: 0 0;
}

.mg-admin-html .wrapper .header .header-nav .top-menu.open .toggle-wrapper .toggle:after {
    top: 10px;
    -webkit-transform: translateY(-10px) rotate(-45deg);
    -ms-transform: translateY(-10px) rotate(-45deg);
    transform: translateY(-10px) rotate(-45deg);
}

.mg-admin-html .wrapper .header .header-nav .top-menu.open .toggle-wrapper .toggle:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media (max-width: 1060px) {
    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list > li {
        margin: 0 15px 0 0;
    }
}

@media (max-width: 940px) {
    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list {
        position: absolute;
        z-index: 111;
        top: 100%;
        right: -10px;
        left: -10px;
        display: none;
        padding: 5px 15px;
        border-top: 1px solid #e6e6e6;
        background: #fff;
        -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
        box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
    }

    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li {
        display: block;
        margin: 0;
    }

    .mg-admin-html .wrapper .header .header-nav .top-menu .menu-toggle,
    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li .sub-menu-toggle,
    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li.open > .sub-list,
    .mg-admin-html .wrapper .header .header-nav .top-menu.open .nav-list.main-list {
        display: block;
    }

    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li a {
        display: block;
        padding: 10px 0;
    }

    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li a:after,
    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li a:before {
        display: none !important;
    }

    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li .sub-list {
        position: static;
        display: none;
        visibility: visible;
        margin: 0;
        padding: 0;
        opacity: 1;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li.has-menu > a {
        font-family: 'Roboto-Bold', sans-serif;
    }

    .mg-admin-html .wrapper .header .header-nav .top-menu .nav-list.main-list li.open .sub-menu-toggle:before {
        border-top: none;
        border-bottom: 6px solid #000;
    }
}

.mg-admin-html .wrapper .header .header-panel {
    margin: 0 0 20px;
    padding: 10px 20px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 0 1px 5px rgba(0, 0, 0, .15);
}

.mg-admin-html .wrapper .header .header-panel .title {
    font-size: 20px;
    line-height: 22px;
    float: left;
    margin: 3px 0 0;
    color: #fff;
}

.mg-admin-html .wrapper .header .header-panel .back-holder {
    float: left;
}

.mg-admin-html .wrapper .header .header-panel .back-holder .back-arrow {
    line-height: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0 17px 0 0;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

.mg-admin-html .wrapper .header .header-panel .back-holder .back-arrow .arrow-left-icon {
    display: inline-block;
    width: 14px;
    height: 9px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    vertical-align: middle;
    background-position: 0 0;
}

.mg-admin-html .wrapper .header .header-panel .back-holder .title {
    display: inline-block;
    float: none;
    margin: 0;
    vertical-align: middle;
    color: #333;
}

.mg-admin-html .wrapper .header .header-panel .actions {
    float: right;
}

.mg-admin-html .wrapper .header .header-panel .actions .button {
    margin: 0 0 0 10px;
}

.mg-admin-html .wrapper .header .header-panel.success {
    background: #4caf50;
}

.mg-admin-html .wrapper .header .header-panel.light-blue {
    background: #d4f3f6;
}

.mg-admin-html .wrapper .header.fixed {
    height: 104px;
}

.mg-admin-html .wrapper .header.fixed .header-nav {
    position: fixed;
    z-index: 111;
    top: 0;
    right: 0;
    left: 0;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
}

.mg-admin-html .wrapper .main-widget > .fa {
    font-size: 30px;
    position: absolute;
    bottom: 15px;
    left: 15px;
}

.mg-admin-html .wrapper .main-widget > .fa.fa-shopping-basket {
    color: #ffe5bf;
}

.mg-admin-html .wrapper .main-widget > .fa.fa-bar-chart {
    color: #dcedc8;
}

.mg-admin-html .wrapper .main-widget > .fa.fa-refresh {
    color: #b0e8ef;
}

.mg-admin-html .wrapper .main-widget > .fa.fa-users {
    color: #9fa8da;
}

.mg-admin-html .wrapper .product-tabs {
    border: none;
}

.mg-admin-html .wrapper .work-area .side-header {
    min-height: 61px;
    padding: 15px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
}

.mg-admin-html .wrapper .work-area .table-wrapper .main-table thead tr th {
    background: #f5f5f5;
}

.mg-admin-html #newVersion, .mg-admin-html #tempDirSize,
.mg-admin-html .wrapper .work-area .table-wrapper .main-table tbody tr td {
    cursor: pointer;
}

.mg-admin-html .wrapper .work-area .table-wrapper .main-table tbody tr td .product-name {
    max-width: 350px;
}

.mg-admin-html .wrapper .product-tabs,
.mg-admin-html .wrapper .work-area .top-block {
    border-bottom: 1px solid #e6e6e6;
}

.mg-admin-html .wrapper .work-area .top-block .products-side {
    float: left;
    width: 65%;
    border-right: 1px solid #e6e6e6;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side {
    position: relative;
    overflow: hidden;
    height: 610px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .side-header .button {
    margin: 0;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .empty-product {
    font-size: 14px;
    line-height: 14px;
    height: 15px;
    text-align: center;
    color: #8a8a8a;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .side-body {
    padding: 15px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top {
    margin: 0 0 15px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-image {
    float: left;
    overflow: hidden;
    width: 100px;
    margin: 0 15px 0 0;
}

.mg-admin-html .wrapper .work-area .bottom-block,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info {
    overflow: hidden;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .name {
    font-size: 18px;
    line-height: 24px;
    margin: 0 0 8px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .property-list li {
    font-size: 14px;
    line-height: 16px;
    margin: 0 0 8px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li .number {
    display: inline-block;
    margin: 0;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li span {
    margin: 0 0 0 5px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li .article {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 11px;
    line-height: 12px;
    color: #666;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li .old-price {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 11px;
    line-height: 12px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li .opt-price,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li .price {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 17px;
    line-height: 17px;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li .old-price,
.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .info-list li .opt-price {
    color: #8a8a8a;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-info .property-list li .prop {
    display: inline-block;
    margin: 0 0 0 5px;
    color: #595959;
}

.mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-desc {
    font-size: 14px;
    line-height: 21px;
}

.mg-admin-html .wrapper .work-area .top-block .side-body {
    height: 550px;
}

.mg-admin-html .wrapper .work-area .top-block .side-body .table-wrapper .table-header {
    position: relative;
    z-index: 2;
    overflow: hidden;
    height: 31px;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
}

.mg-admin-html .wrapper .work-area .top-block .side-body .table-wrapper .table-body {
    position: relative;
    z-index: 1;
    height: 519px;
}

.mg-admin-html .wrapper .work-area .top-block .side-body .table-wrapper .table-body .main-table {
    margin-top: -32px;
}

.mg-admin-html .wrapper .work-area .bottom-block .title {
    font-family: 'Roboto-Bold', sans-serif;
    font-size: 15px;
    line-height: 16px;
}

.mg-admin-html .wrapper .work-area .bottom-block .order-side {
    position: relative;
    float: left;
    width: 65%;
}

.mg-admin-html .wrapper .work-area .bottom-block .order-side .create-promocode {
    position: relative;
    padding: 0 40px 0 0;
}

.mg-admin-html .wrapper .work-area .bottom-block .order-side .create-promocode .button {
    position: absolute;
    top: 0;
    right: 0;
}

.mg-admin-html .wrapper .work-area .bottom-block .order-side .side-header {
    min-height: 0;
    padding: 0;
}

.mg-admin-html .wrapper .work-area .bottom-block .order-side .side-header label {
    margin: 0 0 5px;
}

.mg-admin-html .wrapper .work-area .bottom-block .order-side:before {
    position: absolute;
    top: 0;
    bottom: -1000px;
    left: 100%;
    width: 1px;
    margin-left: -1px;
    content: '';
    background: #e6e6e6;
}

.mg-admin-html .wrapper .work-area .bottom-block .order-side .side-body .total-info {
    padding: 0 15px;
}

.mg-admin-html .wrapper .work-area .bottom-block .user-side {
    overflow: hidden;
}

.mg-admin-html .wrapper .work-area .bottom-block .user-side .new-customer .search-block {
    margin: 0 0 15px;
}

.mg-admin-html .wrapper .work-area .bottom-block .user-side .address-input {
    position: relative;
    display: inline-block;
    padding: 0 25px 0 0;
}

.mg-admin-html .wrapper .work-area .bottom-block .user-side .address-input .fa {
    font-size: 22px;
    position: absolute;
    top: 3px;
    right: 5px;
    color: #000;
}

.mg-admin-html .wrapper .work-area .bottom-block .user-side .tabs {
    border-left: none;
}

@media (max-width: 1300px) {
    .mg-admin-html .wrapper .work-area .top-block .products-side {
        width: 74%;
    }

    .mg-admin-html .wrapper .work-area .top-block .product-info-side .product-details .product-top .product-image {
        float: none;
        margin: 0 0 15px;
    }
}

@media (max-width: 1120px) {
    .mg-admin-html .wrapper .work-area .top-block .products-side {
        float: none;
        width: auto;
    }

    .mg-admin-html .wrapper .work-area .top-block .product-info-side {
        height: auto;
        border-top: 1px solid #e6e6e6;
    }

    .mg-admin-html .wrapper .work-area .top-block .side-body {
        height: auto;
    }

    .mg-admin-html .wrapper .work-area .bottom-block .order-side {
        float: none;
        width: auto;
    }
}

@media (max-width: 850px) {
    .mg-admin-html .wrapper .work-area .top-block .side-body .table-wrapper .table-header {
        display: none;
    }

    .mg-admin-html .wrapper .work-area .top-block .side-body .table-wrapper .table-body .main-table {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .mg-admin-html .wrapper .work-area label.middle {
        line-height: normal;
        margin: 0 0 5px;
        padding: 0;
        text-align: left !important;
    }

    .mg-admin-html .wrapper .work-area label.input-label {
        margin: 0 5px 10px !important;
    }

    .mg-admin-html .wrapper .work-area .bottom-block .order-side .side-header .row {
        margin: 0;
    }

    .mg-admin-html .wrapper .work-area .bottom-block .order-side .side-body .total-info .input-with-text {
        margin: 0 0 10px;
    }
}

@media (max-width: 600px) {
    .mg-admin-html .wrapper .work-area .top-block .products-side .search-block {
        display: block;
    }

    .mg-admin-html .wrapper .work-area .top-block .products-side .search-block input[type=search] {
        width: 100%;
    }

    .mg-admin-html .wrapper .work-area .bottom-block .user-side .tabs .tabs-title {
        float: none;
        text-align: center;
    }
}

.mg-admin-html .wrapper .plugins-name-wrapper {
    min-width: 120px;
}

@media screen and (max-width: 635px) {
    .mg-admin-html .main-table__plugins {
        background-color: #f5f5f5;
    }

    .mg-admin-html .main-table__plugins tr {
        display: flex;
        flex-direction: column;
        margin: 10px;
        background: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 2px;
        position: relative;
    }

    .mg-admin-html .main-table__plugins tr:hover {
        background: #fff !important;
    }

    .mg-admin-html .main-table__plugins thead {
        display: none;
    }

    .mg-admin-html .main-table__plugins tr td {
        padding: 7px 15px !important;
    }

    .mg-admin-html .main-table__plugins tr td:first-child {
        text-align: left !important;
        margin: 0;
        border-top: 0;
    }

    .mg-admin-html .main-table__plugins .switch.small {
        padding: 0 !important;
    }

    .mg-admin-html .main-table.main-table__plugins .action-list {
        width: auto;
        height: auto;
    }

    .mg-admin-html .main-table.main-table__plugins .action-list li:not(:last-of-type) {
        margin-right: 5px;
    }

    .mg-admin-html .main-table.main-table__plugins .actions {
        position: absolute;
        right: 10px;
        top: 0;
        padding: 0 !important;
        border-top: 0;
    }
}

.mg-admin-html .wrapper .plugins-name-wrapper .plugins-author-list li {
    font-size: 14px;
    line-height: 1.4;
    position: relative;
}

.mg-admin-html .wrapper .plugins-name-wrapper .plugins-author-list li .plugin-version {
    color: #f44336;
}

.mg-admin-html .wrapper .plugins-name-wrapper .plugins-author-list li.p-name {
    font-weight: 700;
}

.mg-admin-html .wrapper .plugins-name-wrapper .plugins-author-list li.new-plugin-version {
    padding: 0 25px 0 0;
    color: #4caf50;
}

.mg-admin-html .wrapper .plugins-name-wrapper .plugins-author-list li.new-plugin-version .fa {
    font-size: 18px;
    position: absolute;
    top: 0;
    right: 0;
}

.mg-admin-html .wrapper .tmpl-seo-wrapper {
    margin: 0 0 15px;
}

.mg-admin-html .wrapper .tmpl-seo-wrapper .left-side {
    float: left;
    margin: 0 10px 0 0;
}

.mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr td input,
.mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr td textarea {
    width: 330px;
    max-width: 330px;
    margin: 0;
}

.mg-admin-html .wrapper .tmpl-seo-wrapper .right-side {
    overflow: hidden;
}

.mg-admin-html .wrapper .tmpl-seo-wrapper .right-side .tmpl-seo-description {
    max-width: 500px;
    padding: 15px;
    border: 1px solid #ffdb8c;
    background: #fff3d9;
}

.mg-admin-html .wrapper .tmpl-seo-wrapper .right-side .tmpl-seo-description ul li span {
    display: inline-block;
    padding: 3px 5px;
    vertical-align: middle;
    background: #ffe3a6;
}

@media (max-width: 767px) {
    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side {
        float: none;
        margin: 0 0 10px;
    }

    .mg-admin-html .wrapper .tmpl-seo-wrapper .right-side .tmpl-seo-description {
        max-width: none;
    }
}

@media (max-width: 500px) {
    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table {
        table-layout: fixed;
    }

    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tbody,
    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr {
        display: block;
    }

    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr td {
        display: block;
        padding: 0 0 8px;
    }

    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr td label {
        line-height: normal;
    }

    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr td input,
    .mg-admin-html .wrapper .tmpl-seo-wrapper .left-side table tr td textarea {
        width: 100%;
    }
}

.mg-admin-html .wrapper .key-holder {
    margin: 0 0 10px;
}

.mg-admin-html .wrapper .add-key input[type=text] {
    margin: 0 10px 10px 0;
}

.mg-admin-html .wrapper .edit-key {
    font-size: 14px;
    position: relative;
    text-decoration: none;
    border-bottom: 1px dashed #1585cf;
    font-family: monospace;
}

.mg-admin-html .wrapper .edit-key:before {
    font-family: 'FontAwesome';
    font-size: 14px;
    top: 0;
    margin-left: 3px;
    color: #000;
}

.mg-admin-html .wrapper .edit-key:hover {
    border-bottom-color: transparent;
}

.mg-admin-html .wrapper .edit-key:hover:before {
    content: '\f040';
}

.mg-admin-html .wrapper .add-key input {
    display: inline-block;
    margin: 0 10px 0 0;
}

.mg-admin-html #add-product-wrapper input[name=title],
.mg-admin-html .wrapper .add-key .button {
    margin: 0;
}

.mg-admin-html .footer {
    font-size: 13px;
    padding: 10px 0;
}

.mg-admin-html .button {
    cursor: pointer !important;
}

.mg-admin-html .button i {
    padding-right: 3px;
}

.mg-admin-html #newVersion {
    padding: 5px;
    text-align: center;
    background-color: #fffce5;
}

.mg-admin-html .mg-pager {
    float: right !important;
}

.mg-admin-html .mg-pager li {
    display: block !important;
}

.mg-admin-html table .disabled {
    background-color: #eee !important;
}

.mg-admin-html table .disabled,
.mg-admin-html table .disabled a {
    color: #aaa !important;
}

.mg-admin-html table thead th {
    color: #333 !important;
}

.mg-admin-html table .uploads {
    max-height: 35px !important;
}

.mg-admin-html .error-input {
    border-color: #f44336 !important;
}

.mg-admin-html .error-input::-webkit-input-placeholder {
    color: #f44336;
}

.mg-admin-html .error-input:-ms-input-placeholder {
    color: #f44336;
}

.mg-admin-html .error-input::-ms-input-placeholder {
    color: #f44336;
}

.mg-admin-html .error-input::-moz-placeholder {
    color: #f44336;
}

.mg-admin-html .error-input::placeholder {
    color: #f44336;
}

.mg-admin-html .error-input ~ .search-block__btn {
    border-color: #f44336;
    border-left-color: #e6e6e6;
}

.mg-admin-html .errorField {
    font-size: 12px;
    line-height: 1.2;
    margin: -7px 0 10px;
    color: red;
}

.mg-admin-html .opened .fa-plus-circle:before {
    content: '\f056';
}

.category-tree .show_sub_menu,
.page-tree .show_sub_menu {
    margin-right: 5px;
    color: #268ed2;
    vertical-align: middle;
}

.reveal.xssmall {
    max-width: 816px;
}

.mg-admin-html .admin-center .allPages {
    float: right !important;
    padding: 5px 0 5px 10px !important;
}

.mg-admin-html .admin-center input[type=number] {
    padding-right: 0;
}

.mg-admin-html .section-settings .file-template-missing {
    width: 100%;
    margin-bottom: 3px;
    padding: 5px 10px;
    color: gray;
    border: 1px solid;
    border-color: lightgray;
}

.mg-admin-html .section-settings div#ttab2 .file-template-missing {
    color: #1585cf;
    border: 1px solid;
    border-color: #1585cf;
}

.mg-admin-html .section-settings div#ttab2 .file-template-missing.editing-file {
    color: #fff;
    background-color: #2773eb;
}

.mg-admin-html .section-settings .file-template {
    margin-bottom: 3px;
    padding: 5px 10px;
    border: 1px solid;
    position: relative;
    border-radius: 2px;
}

.mg-admin-html .section-settings .file-template_component {
    padding-left: 25px;
}

.mg-admin-html .section-settings .file-template:hover {
    text-decoration: none;
}

.mg-admin-html .section-settings .file-template.editing-file {
    color: #fff;
    background-color: #2773eb;
}

.mg-admin-html #add-category-modal .small-12.medium-3 label,
.mg-admin-html #add-category-modal .small-12.medium-5 label,
.mg-admin-html #add-deliveryMethod-wrapper .small-10.medium-10 label,
.mg-admin-html #add-deliveryMethod-wrapper .small-12.medium-5 label,
.mg-admin-html #add-page-modal .small-12.medium-3 label,
.mg-admin-html #add-page-modal .small-12.medium-5 label,
.mg-admin-html #add-paymentMethod-wrapper .small-5 label,
.mg-admin-html #add-product-wrapper .small-12.medium-3 label,
.mg-admin-html #add-product-wrapper .small-12.medium-4 label,
.mg-admin-html #add-short-link-modal .small-12.medium-6 label,
.mg-admin-html #add-user-modal .small-12.medium-4 label,
.mg-admin-html #tab-system-settings label,
.mg-admin-html .section-settings .accordion-content label,
#add-deliveryMethod-wrapper .sett-line label,
.mg-admin-html .sett-line .option-lang-label {
    padding-bottom: 2px;
    border-bottom: 1px dashed #ccc;
}

.mg-admin-html .section-settings .accordion-content ul {
    padding: 0;
}

.mg-admin-html .section-settings .fa-question-circle {
    color: #333;
}

.mg-admin-html .section-settings .fa-question-circle:hover {
    text-decoration: none;
    color: #333;
}

.mg-admin-html .section-settings .widget-panel.clearfix {
    border-bottom: 0;
}

.reveal-overlay {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.mg-admin-html .show-long-url {
    cursor: pointer;
    color: #1585cf;
    border-bottom: 1px dashed #1585cf;
}

.mg-admin-html ul.step-form li {
    float: left;
    margin-right: -1px;
    padding: 18px 15px 10px !important;
    border: 1px solid #eee;
}

.mg-admin-html .step-block {
    margin: 70px 13px 10px;
    padding: 10px;
    border: 1px solid #aedcb0;
    background-color: #e4f3e5;
}

.mg-admin-html .step-block ul {
    margin: 7px;
    padding: 0;
}

.mg-admin-html .step-block li,
.mg-admin-html ul.step-form li {
    list-style-type: none;
}

.mg-admin-html .related-block {
    padding: 10px;
    border: 1px solid #e6e6e6;
    background: #f5f5f5;
}

.mg-admin-html .related-block .category-unit,
.mg-admin-html .related-block .product-unit {
    position: relative;
    float: left;
    width: 125px;
    margin: 0 10px 10px 0;
    padding: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
}

.mg-admin-html .related-block .product-unit .product-img {
    max-width: 100%;
    height: auto;
    text-align: center;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

.mg-admin-html .related-block .category-unit .product-img img,
.mg-admin-html .related-block .product-unit .product-img img {
    height: 50px;
}

.mg-admin-html .related-block .product-unit .product-name {
    font-size: 12px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    height: 32px;
    margin: 0 0 3px;
    text-align: center;
    color: #666;
}

.mg-admin-html .related-block .category-unit .product-img {
    max-width: 100%;
    height: auto;
    text-align: center;
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
    border: 0;
}

.mg-admin-html .related-block .category-unit .product-name {
    font-size: 12.5px;
    line-height: 16px;
    display: block;
    overflow: hidden;
    height: 32px;
    margin: 0 0 3px;
    text-align: center;
    color: #666;
}

.mg-admin-html .related-block .fa-trash {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #f44336;
}

.mg-admin-html span.prop-name,
.mg-admin-html span.prop-val {
    font-size: 11px;
    line-height: 1;
    color: #666;
}

.mg-admin-html .order-history .order-edit-display {
    display: none;
}

.mg-admin-html td.image {
    width: 80px !important;
    padding-left: 20px !important;
}

.mg-admin-html #add-product-wrapper .icon-buttons a.selected,
.mg-admin-html .fa-bullhorn.active {
    color: #4caf50;
}

.mg-admin-html .fastResult {
    position: absolute;
    z-index: 999;
    top: 30px;
    left: 0;
    width: 320px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    border-top: 0;
}

.mg-admin-html #add-product-wrapper .fastResult {
    width: 278px;
    border-width: 0 1px;
}

.mg-admin-html #add-product-wrapper select.property option,
.mg-admin-html #add-product-wrapper select[name=inside_cat] option,
.mg-admin-html #add-product-wrapper select[name=related_cat] option,
.mg-admin-html #edit-category select.category-select option {
    padding: 3px 10px;
}

.mg-admin-html #add-product-wrapper .add-link-electro,
.mg-admin-html #add-product-wrapper .del-link-electro {
    margin: 2px 0 9px;
}

.mg-admin-html #add-product-wrapper .main-image .img-holder {
    height: 238px;
}

.mg-admin-html #add-product-wrapper .main-image .img-holder img {
    max-height: 100%;
}

.mg-admin-html #add-product-wrapper .sub-images .img-holder img {
    max-width: 100%;
    height: 84px;
}

.mg-admin-html #add-product-wrapper .new-added-properties {
    z-index: 100;
}

.mg-admin-html #add-product-wrapper .new-added-prop .unit-parent {
    margin: 5px 0 0;
}

.mg-admin-html #add-product-wrapper .new-added-prop .unit-parent .unit {
    margin-left: -15px;
}

.mg-admin-html #add-product-wrapper .price-settings {
    max-width: none;
}

.mg-admin-html #add-product-wrapper .image-item,
.mg-admin-html #add-product-wrapper .to-input-btn {
    position: relative;
}

.mg-admin-html #add-product-wrapper .to-input-btn .btn {
    position: absolute;
    right: 10px;
    bottom: 11px;
    height: 28px;
    padding: 6px 10px;
    border-left: 1px solid #ccc;
}

.mg-admin-html #add-product-wrapper .to-input-btn .btn:hover,
.mg-admin-html .fast-result-list li a:hover,
.mg-admin-html .wrapper .itemData .extraActionsItems a:hover,
.mg-admin-html .wrapper .itemData .prop a.delItem.tool-tip-top:hover {
    text-decoration: none;
}

.mg-admin-html #add-product-wrapper .to-input-btn .btn.red {
    color: red;
}

.mg-admin-html #add-product-wrapper .icon-buttons a {
    font-size: 18px;
    padding: 1px 6px;
    color: #000;
}

.mg-admin-html #add-product-wrapper .img-action-hover {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.57);
}

.mg-admin-html #add-product-wrapper .img-action-hover .elem {
    position: relative;
    float: left;
    width: 50%;
    height: 50%;
    color: #fff !important;
    border: 1px solid #fff;
    cursor: pointer;
}

.mg-admin-html #add-product-wrapper .img-action-hover .elem {
    vertical-align: middle;
}

.mg-admin-html #add-product-wrapper .img-action-hover .imageform {
    height: 100%;
}

.mg-admin-html #add-product-wrapper .img-action-hover .elem .btn {
    font-size: 20px;
    color: #fff !important;
    width: 100%;
    height: 100%;
    text-align: center;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    font-weight: 700;
}

.mg-admin-html #add-product-wrapper .img-action-hover .elem .btn:hover,
.mg-admin-html .button a label:hover,
.mg-admin-html .button a:hover {
    cursor: pointer !important;
    text-decoration: none !important;
}

.mg-admin-html #add-product-wrapper .img-action-hover .elem .btn:hover,
.mg-admin-html #add-product-wrapper .img-action-hover .elem .btn:focus {
    background-color: rgba(0, 0, 0, 0.9);
}

.mg-admin-html #add-product-wrapper .image-item:hover .img-action-hover {
    opacity: 1;
    visibility: visible;
}

.mg-admin-html #add-product-wrapper .tabs-title.is-active,
.mg-admin-html .add-order .ui-widget-content li:hover,
.mg-admin-html .add-order .variants-table tbody tr {
    background-color: #e6e6e6;
}

.mg-admin-html #add-product-wrapper .img-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mg-admin-html #add-product-wrapper .variant-table .errorField {
    font-size: 11px;
    margin: 1px 0 0;
    text-align: center;
    color: red;
}

.mg-admin-html #add-product-wrapper .variant-table a.fa.fa-picture-o:hover {
    cursor: pointer;
    text-decoration: none;
}

.mg-admin-html #add-product-wrapper .widget-table-body {
    padding: 10px !important;
}

.mg-admin-html #add-category-modal #cke_html_content,
.mg-admin-html #add-category-modal #cke_html_content-seo,
.mg-admin-html #add-page-modal #cke_html_content,
.mg-admin-html #add-product-wrapper #cke_html_content {
    border: 0 !important;
}

.mg-admin-html #add-product-wrapper .example-line {
    margin: 0;
}

.mg-admin-html .fast-result-list {
    position: relative;
    overflow-y: auto;
    max-height: 200px;
    margin: 0;
}

.mg-admin-html .fast-result-list li {
    padding: 7px;
    border-bottom: 1px solid #e6e6e6;
}

.mg-admin-html .fast-result-list li:hover {
    background-color: #f5f5f5;
}

.mg-admin-html .fast-result-list li img {
    max-width: 50px;
}

.mg-admin-html .fast-result-info {
    font-size: 13px;
    line-height: 1.3;
    margin-left: 60px;
    color: #444;
}

.mg-admin-html .product-cart-button {
    margin-bottom: 10px;
    padding: 10px 20px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.mg-admin-html .txt-red {
    color: red;
}

.mg-admin-html .inline-block {
    display: inline-block;
}

.mg-admin-html .map-btn {
    font-size: 20px;
    right: 16px;
}

.mg-admin-html input.tiny,
.mg-admin-html select.tiny {
    width: 60px;
}

.mg-admin-html .order-tbody .paid {
    background-color: #28bb1d;
}

.mg-admin-html .order-tbody .dont-confirmed {
    background-color: #a9a5a5;
}

.mg-admin-html .order-tbody .get-paid {
    background-color: #c1a700;
}

.mg-admin-html .order-tbody .in-delivery {
    background-color: #668bd4;
}

.mg-admin-html .order-tbody .dont-paid {
    background-color: #f44336;
}

.mg-admin-html .order-tbody .performed {
    background-color: #66b917;
}

.mg-admin-html .order-tbody .processed {
    background-color: #ca5f09;
}

.mg-admin-html .singPreview,
.mg-admin-html .stampPreview {
    max-width: 100px;
    margin: 10px 0;
    border: 1px solid #e6e6e6;
}

.mg-admin-html .inline {
    display: inline-block !important;
}

.mg-admin-html .notice-block {
    padding-left: 10px;
}

.mg-admin-html .ui-slider {
    margin: 0 8px 10px;
}

.mg-admin-html .button.disabled {
    cursor: default !important;
    background-color: #e6e6e6 !important;
}

.mg-admin-html .button.disabled,
.mg-admin-html .button.disabled a,
.mg-admin-html .button.disabled a span {
    color: #555 !important;
}

.mg-admin-html #add-category-modal .widget-table-body,
.mg-admin-html .widget-table-body {
    padding: 10px 15px !important;
}

.mg-admin-html #add-paymentMethod-wrapper .title {
    margin-bottom: 10px !important;
}

.mg-admin-html .checkbox label,
.mg-admin-html .radio label {
    border: 1px solid #e6e6e6 !important;
}

.reveal .symbol-text {
    font-size: 12px;
    margin-top: 0;
    width: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e6e6e6;
    border-left: 0;
    background: #fff;
    color: #888;
}

.mg-admin-html #cke_html_content,
.mg-admin-html .widget-table-body .cke_editor_html_content-textarea {
    border: 1px solid #e6e6e6 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mg-admin-html .cke_bottom,
.mg-admin-html .cke_chrome,
.mg-admin-html .cke_top {
    border: 0 !important;
    background-color: #f5f5f5 !important;
    background-image: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.mg-admin-html .userPropertyTable tr {
    vertical-align: top;
}

.mg-admin-html .section-catalog .main-table .count {
    vertical-align: middle;
}

.widget-footer--fixed {
    position: fixed;
    position: sticky;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 1;
    background: rgba(255, 255, 255, 0.86);
}

.order-edit-search {
    display: inline-block;
    vertical-align: top;
    position: relative;
}

@media screen and (max-width: 940px) {

    .mg-admin-html table.main-table tr th.row-config {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .mg-admin-html .wrapper .header .header-top .header-left .buttons-list,
    .mg-admin-html .wrapper .header .go-market,
    .mg-admin-html .wrapper .header .header-top .header-right .buttons-list,
    .mg-admin-html .header-nav {
        display: none;
    }

    .mg-admin-html .header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: auto !important;
        -webkit-box-shadow: 0 2px 8px 1px rgba(67, 67, 67, 0.5) !important;
        box-shadow: 0 2px 8px 1px rgba(67, 67, 67, 0.5) !important;
        z-index: 150;
    }

    .mg-admin-html body {
        padding-top: 53px;
    }

    .mg-admin-html .wrapper .header .header-top {
        padding: 4px 0;
    }

    .header-top__innerwrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mg-admin-html .wrapper .header .header-top .header-left .logo .badge {
        position: absolute;
        top: 0;
        left: 100%;
        margin-left: 0;
    }

    .mg-admin-html .widget .widget-header .product-count {
        color: #333;
    }

    .mg-admin-html .main-table .action-list {
        white-space: nowrap;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-width: 70px;
    }

    .paymentMethod-tbody ul.action-list.text-right {
        width: 55px;
    }

    .mg-admin-html table.main-table tbody tr.level-1 td.name {
        padding: 5px;
    }

    .mg-admin-html .section-category .main-table .action-list {
        width: 110px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .mg-admin-html .section-page .main-table .action-list {
        width: 60px;
    }

    .mg-admin-html .main-table .action-list > li {
        margin: 0;
    }

    .mg-admin-html .main-table .action-list li a {
        text-align: center;
        padding: 5px 10px;
    }


    .mg-admin-html table.main-table tbody {
        margin-top: 33px;
    }

    .mg-admin-html table.main-table tbody tr:hover {
        background: transparent;
    }

    .mg-admin-html table.main-table tr .product-name {
        padding: 5px;
    }


    .mg-admin-html .section-catalog .product-table td.check-align .checkbox {
        text-align: center;
        display: inline-block;
    }

    .mg-admin-html .section-catalog .product-table td.check-align .checkbox .shiftSelect {
        width: 20px;
        height: 20px;
    }

    .mg-admin-html .checkbox label:after {
        top: 2px;
        left: 2px;
        width: 14px;
        height: 10px;
        border-bottom: 3px solid #2773eb !important;
        border-left: 3px solid #2773eb !important;
        border-radius: 2px;
    }

    .mg-admin-html .checkbox .shiftSelect {
        border-color: #333 !important;
    }

    .mg-admin-html .checkbox label.check-all-page {
        margin: 0 auto;
        width: 20px;
        height: 20px;
        border-color: #333 !important;
    }


}

.mg-admin-html .main-table .action-list.text-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (max-width: 480px) {
    .productMainData .left,
    .productMainData .right,
    .mg-admin-html #add-product-wrapper .add-img-block {

        float: none !important;
        width: 100% !important;
    }

    .mg-admin-html .mobileInformers > .submenu__item .count {
        right: 10px;
    }

    .mg-admin-html .section-user .main-table .action-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .mg-admin-html table.main-table tr th.checkbox {
        padding: 5px 10px;
    }

    .mg-admin-html .section-catalog .product-table td.check-align {
        padding: 0;
        line-height: 1;
    }

    .mg-admin-html table.main-table tr td:last-child,
    .mg-admin-html table.main-table tr th:last-child {
        padding-right: 5px;
    }

    .mg-admin-html .widget .widget-header {
        text-align: center;
    }

    .productMainData .left {
        margin-bottom: 15px;
    }

    .expandModal {
        display: none;
    }

    .add-product-wrapper select.select-lang__wrap {
        right: 35px;
    }
}

.mg-admin-html .section-catalog .product-table td {
    padding: 3px;
}

.mg-admin-html .section-catalog .variant-row-table td.text-right {
    padding: 0 7px !important;
}

.mg-admin-html .section-catalog .variant-row-table td {
    padding: 2px 7px !important;
}

.mg-admin-html .section-catalog .search-block {
    max-width: 320px;
}

.mg-admin-html .section-catalog .complianceHeaders span.required_field {
    color: #ff0000;
    cursor: pointer;
    font-weight: bold;
}

.mg-admin-html .section-catalog .complianceHeaders span.delCsvRow{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-weight: bold;
    font: 16px/1 FontAwesome;
    font-style: normal;
}

.mg-admin-html .section-catalog .complianceHeaders span.delCsvRow:before {
    content: "\f00d";
}

.complianceHeaders tr td:hover .delCsvRow {
    display: block !important;
}
.complianceHeaders .update{
    display: flex;
    flex-direction: column;
}
.mg-admin-html .main-table .action-list li a {
    opacity: 1 !important;
    color: #444;
}

.mg-admin-html .main-table .action-list li a.active {
    color: #ffae00;
}

.mg-admin-html .storages-list a.active {
    color: #ffae00 !important;
}
.mg-admin-html .message-error {
    right: 1px;
    padding: 25px;
    border: 1px solid #b92e24;
    background-color: #fb1909;
}

.mg-admin-html .message-error,
.mg-admin-html .message-succes,
.mg-admin-html .view-action {
    position: fixed;
    z-index: 99999999;
    bottom: 0;
    color: #fff;
    border-radius: 3px;
    text-shadow: 1px 1px 2px #4a4a4a;
}

.mg-admin-html .message-succes {
    right: 1px;
    padding: 25px;
    border: 1px solid green;
    background-color: #14bb1a;
}

.mg-admin-html .view-action {
    left: 1px;
    width: 230px;
    padding: 20px 20px 20px 50px;
    background: rgba(255, 174, 0, 0.95) url(../images/loader.gif) no-repeat 10px 15px;
}

.mg-admin-html .orders-table-wrapper .main-table input,
.mg-admin-html .no-margin {
    margin: 0 !important;
}

.mg-admin-html .example-line {
    font-size: 12px;
}

.mg-admin-html .block-print {
    display: none;
}

#add-order-wrapper .product-info .c-buy__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

#add-order-wrapper .product-info .c-buy__buttons > * {
    margin: 0;
}

#add-order-wrapper .product-info .c-buy__buttons span.orderUnit {
    margin-right: 15px;
}

#add-order-wrapper .c-variant__scroll {
    overflow-y: auto;
    max-height: 400px;
}

#add-order-wrapper .c-form .accordion-content {
    padding: 0;
}

#add-order-wrapper li.accordion-item.additprop .accordion-content p {
    line-height: 25px;
}

#add-order-wrapper li.accordion-item.additprop .accordion-content {
    padding: 15px;
}

#add-order-wrapper .propsFrom {
    padding: 0;
    margin: 0;
}

.mg-admin-html .order-comment-block {
    margin: 0;
    padding: 15px;
}

@media screen and (max-width: 767px) {
    .mg-admin-html .order-comment-block {
        margin: 0 10px !important;
    }
}

@media screen and (max-width: 550px) {
    .category-filter .button,
    .mg-admin-html .order-header .currSpan {
        margin: 0 0 5px 5px !important;
        padding: 0 !important;
        flex: 1 1 134px;
        font-size: 12px;
    }

    .mg-admin-html .category-filter {
        margin-left: -5px;
        width: auto !important;
    }

    .mg-admin-html .order-header {
        margin: 0;
    }

    .mg-admin-html .addProductToOrder {
        max-width: 100%;
    }

    .mg-admin-html .widget.add-order .title .href-to-prod {
        min-width: 150px;
    }
}

.mg-admin-html .add-order .variants-table {
    width: 100%;
}

.mg-admin-html .add-order .variants-table input[type=radio] {
    position: static !important;
}

.mg-admin-html .add-order .variants-table tbody {
    border: 0;
}

.mg-admin-html .add-order .variants-table tbody tr:nth-child(even) {
    background-color: #e6e6e6;
}

.mg-admin-html .add-order .variants-table tbody img {
    width: auto;
    height: 30px;
}

.mg-admin-html .add-order .ui-widget-content {
    position: absolute;
    padding: 0 1px 0 0;
    list-style: none;
}

.mg-admin-html .add-order .ui-widget-content li {
    width: 100%;
    padding: 6px 15px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-width: 0 1px 1px;
    background-color: #fff;
}

.mg-admin-html .add-oreder td.title {
    min-width: 250px;
}

.mg-admin-html .ui-datepicker-next,
.mg-admin-html .ui-datepicker-prev {
    top: 3px !important;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-corner-all:before {
    content: none;
}

.mg-admin-html .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
    width: 53px;
    color: #fff;
    background-color: transparent;
}

.mg-admin-html label.middle.with-help {
    width: 100%;
}

.mg-admin-html .dashed {
    padding-bottom: 2px;
    border-bottom: 1px dashed #ccc;
}

.mg-admin-html .filter-container .dashed {
    padding: 0 0 2px !important;
}

.mg-admin-html .input-group-label {
    vertical-align: text-bottom;
    border: 0;
    background-color: transparent;
}

.mg-admin-html .input-range {
    display: block;
}

.mg-admin-html .input-range .text-side {
    float: none;
    min-width: 90px;
    margin: 3px 10px 3px 0;
    text-align: left;
}

.mg-admin-html .input-line {
    margin: 0;
}

.mg-admin-html .widget .widget-panel-content .actions-panel {
    margin: -15px;
    border: 0;
}

.mg-admin-html .rem-info,
.mg-admin-html .reminfo {
    display: block;
    margin-top: -9px;
    margin-left: 25px;
    padding-bottom: 10px;
    text-align: right;
    color: #f13d3d;
}


.mg-admin-html #tiptip_content {
    line-height: 1.2 !important;
}

.mg-admin-html #tiptip_content ul {
    margin: 0 !important;
    padding: 7px !important;
    list-style: none !important;
}

.mg-admin-html #tiptip_content ul li {
    margin-bottom: 5px !important;
}

.mg-admin-html .fa-question-circle {
    color: #333 !important;
}

.mg-admin-html .error-key.alert.badge {
    max-width: 392px;
    margin-top: 6px;
}

.mg-admin-html .wrapper .add-key input {
    width: 100%;
    max-width: 230px;
}

.mg-admin-html .wrapper .prop {
    line-height: 20px;
    display: inline-block;
    padding: 0 8px;
    color: #111;
    border-radius: 3px;
    background: #ccc;
}

.mg-admin-html .wrapper .itemData {
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    margin: 3px 0;
    padding: 0 45px 0 0;
}

.mg-admin-html .wrapper .itemData .prop {
    width: 245px;
    padding: 3px 10px;
    white-space: nowrap;
}

.mg-admin-html .wrapper .itemData .prop a.delItem.tool-tip-top {
    font-weight: 700;
    padding: 2px;
    color: red;
}

.mg-admin-html .wrapper .itemData .setMargin {
    display: inline-block;
    white-space: nowrap;
}

.mg-admin-html .wrapper .itemData input {
    display: inline-block;
    height: 24px;
    margin: 0;
}

.mg-admin-html .wrapper .itemData input[name=valuenew] {
    width: 122px;
}

.mg-admin-html .wrapper .itemData .extraActionsItems {
    position: absolute;
    top: 0;
    right: 0;
}

.mg-admin-html .wrapper .itemData .extraActionsItems a {
    font-size: 20px;
    padding: 4px 1px;
    cursor: pointer;
    color: #444;
}

.mg-admin-html .wrapper .itemData .propertyDataName {
    float: left;
    overflow: hidden;
    width: 125px;
    max-width: 125px;
    margin-top: 3px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.mg-admin-html .tabs-content.template-tabs-content {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 270px;
    flex: 0 1 270px;
    min-width: 0;
    margin-right: 15px;
}

.mg-admin-html .tabs-content__right {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    min-width: 0;
}

.mg-admin-html .tabs-content__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mg-admin-html .tabs-content.template-tabs-content .file-template {
    width: 100%;
    /*text-align: center;*/
}

.mg-admin-html .tabs-content.template-tabs-content .file-template__name {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    white-space: nowrap;
    max-width: 100%;
}

.mg-admin-html .tabs-content.template-tabs-content .tabs-panel {
    padding-top: 0;
    padding-left: 0;
    max-height: 661px;
    overflow-y: auto;
    padding-right: 0;
}

.mg-admin-html .CodeMirror.cm-s-default {
    margin-top: 0;
    border: 1px solid #ccc;
}

.mg-admin-html .CodeMirror-scroll {
    width: 100%;
}

.mg-admin-html .CodeMirror-hscrollbar {
    left: 0 !important;
}

.mg-admin-html .template-tabs-menu {
    margin-bottom: 10px !important;
    padding: 0 !important;
}

.mg-admin-html .template-tabs-menu .button {
    border-radius: 2px;
    box-shadow: none;
}

.mg-admin-html .template-tabs-menu .button a {
    color: #fff;
}

.mg-admin-html .template-tabs-menu .button.is-active {
    background-color: #439a46;
}

.mg-admin-html .tabs.custom-tabs_order {
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mg-admin-html .tabs.custom-tabs_order .tabs-title,
.mg-admin-html .tabs.custom-tabs_order .tabs-title a {
    border-radius: 0;
}

.mg-admin-html .tabs.custom-tabs_order .tabs-title {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.mg-admin-html .sumo_searchCats {
    margin-bottom: 0 !important;
}

.mg-admin-html .tabs.custom-tabs_order .tabs-title:first-of-type,
.mg-admin-html .tabs.custom-tabs_order .tabs-title:first-of-type a {
    border-radius: 2px 0 0 2px;
}

.mg-admin-html .tabs.custom-tabs_order .tabs-title:last-of-type,
.mg-admin-html .tabs.custom-tabs_order .tabs-title:last-of-type a {
    border-radius: 0 2px 2px 0;
}

.mg-admin-html .order-edit-display > .search-block {
    background: #fff !important;
    padding: 0 15px 15px;
    width: 100%;
}

.mg-admin-html .uploader-modal {
    z-index: 1200;
    display: block;
    overflow: hidden;
    height: 429px !important;
}

.mg-admin-html .searchCats {
    width: auto;
}

.mg-admin-html a.changeItem.tool-tip-top.fa.fa-pencil {
    font-size: 17px;
    position: absolute;
    top: 5px;
    right: 18px;
    color: #444;
}

.mg-admin-html a.changeItem.tool-tip-top.fa.fa-pencil:hover {
    text-decoration: none;
}

.mg-admin-html .icon-style {
    display: inline-block;
    height: 17px;
    padding-left: 52px;
}

.mg-admin-html .paymentTitle {
    vertical-align: top;
}

.mg-admin-html .icon-style.pay-1 {
    background: url(../images/icons/webmoney.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-2 {
    background: url(../images/icons/ya.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-3,
.mg-admin-html .icon-style.pay-4 {
    background: url(../images/icons/cash.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-12 {
    background: url(../images/icons/ya.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-12,
.mg-admin-html .icon-style.pay-13 {
    background: url(../images/icons/cash.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-5 {
    background: url(../images/icons/robo.png) 10px center no-repeat;
}

.mg-admin-html .icon-style.pay-6 {
    background: url(../images/icons/qiwi.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-7 {
    background: url(../images/icons/cash.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-8 {
    background: url(../images/icons/sci.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-9 {
    background: url(../images/icons/payanyway.png) 24px center no-repeat;
}

.mg-admin-html .icon-style.pay-10 {
    background: url(../images/icons/paymaster.png) 25px center no-repeat;
}

.mg-admin-html .icon-style.pay-11 {
    background: url(../images/icons/alfabank.png) 28px center no-repeat;
}

.mg-admin-html .icon-style.pay-14 {
    background: url(../images/icons/yandexkassa.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-15 {
    background: url(../images/icons/privat24.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-16 {
    background: url(../images/icons/liqpay.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-17 {
    background: url(../images/icons/sber.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-18 {
    background: url(../images/icons/tinkoff.png) 19px center no-repeat;
}

.mg-admin-html .icon-style.pay-19 {
    background: url(../images/icons/paypal.png) 23px no-repeat;
    background-size: contain;
}

.mg-admin-html .icon-style.pay-21 {
    background: url(../images/icons/paykeeper.png) 23px no-repeat;
    background-size: contain;
}

.mg-admin-html .icon-style.pay-20 {
    background: url(../images/icons/comepay.svg) 23px no-repeat;
    background-size: contain;
}

.mg-admin-html .icon-style.pay-22 {
    background: url(../images/icons/cloudpayments.png) 23px no-repeat;
    background-size: contain;
}

.mg-admin-html .icon-style.pay-23 {
    background: url(../images/icons/ya-pay-parts.svg) 23px no-repeat;
    background-size: contain;
}

.mg-admin-html .icon-style.pay-24 {
    background: url(../images/icons/yandexkassa.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-25 {
    background: url(../images/icons/apple.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-26 {
    background: url(../images/icons/free-kassa.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-27 {
    background: url(../images/icons/megakassa.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-28 {
    background: url(../images/icons/qiwi.png) 26px center no-repeat;
}

.mg-admin-html .icon-style.pay-29 {
    background: url(../images/icons/intellectmoney.ico) 26px center no-repeat;
}


.mg-admin-html footer.footer {
    background-color: #fff;
    -webkit-box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, .06), 0 1px 0 0 rgba(0, 0, 0, .02);
}

.mg-admin-html footer.footer.fixed {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
}

.mg-admin-html .user-property-title {
    font-size: smaller;
    font-style: italic;
    color: gray;
}

.mg-admin-html .mg-enter {
    top: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 342px;
    width: 100%;
    margin: 0 auto;
}

.mg-admin-html .mg-enter .enter-header {
    padding: 20px 0;
    text-align: center;
}

.mg-admin-html .mg-enter .enter-header .enter-logo {
    /*background: url(../images/logo-black.svg) center top no-repeat;*/
    position: relative;
    display: inline-block;
    max-height: 50px;
    background-size: cover !important;
}

.mg-admin-html .mg-enter .enter-body {
    padding: 20px;
    background: #fff;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .14);
    box-shadow: 0 1px 8px rgba(0, 0, 0, .14);
}

.mg-admin-html .mg-enter .enter-body h2 {
    font-size: 18px;
    line-height: 16px;
    margin: 0 0 20px;
    text-align: center;
}

.mg-admin-html .mg-enter .enter-body .login-list {
    padding: 0;
}

.mg-admin-html .mg-enter .enter-body .login-list li {
    list-style: none;
}

.mg-admin-html .checkCapcha input,
.mg-admin-html .mg-enter .enter-body .login-list li input {
    width: 100%;
    padding: 7px;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.mg-admin-html .mg-enter .enter-body .enter-button {
    width: 100%;
    padding: 10px;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    text-align: center;
    color: #fff !important;
    border: none !important;
    background: #2dbe60;
    background: -webkit-gradient(linear, left top, left bottom, from(#2dbe60), to(#2dbe60));
    background: -o-linear-gradient(top, #2dbe60 0%, #2dbe60 100%);
    background: linear-gradient(to bottom, #2dbe60 0%, #2dbe60 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none !important;
}

.mg-admin-html .mg-enter .enter-body .link-holder {
    margin: 10px 0 0;
    text-align: center;
}

.mg-admin-html .mg-enter .enter-body .link-holder a {
    display: block;
    font-family: Tahoma, Verdana, sans-serif;
    font-size: 14px;
    color: #08c;
    border: 0;
}

.mg-admin-html .mg-enter,
.mg-admin-html .table-wrapper {
    position: relative;
}

.row-filter-stickers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: -10px -10px 5px 0;
}

@media (max-width: 766px) {
    .mg-admin-html #add-category-modal .small-12.medium-3 label,
    .mg-admin-html #add-category-modal .small-12.medium-5 label,
    .mg-admin-html #add-deliveryMethod-wrapper .small-12.medium-5 label,
    .mg-admin-html #add-page-modal .small-12.medium-3 label,
    .mg-admin-html #add-page-modal .small-12.medium-5 label,
    .mg-admin-html #add-product-wrapper .small-12.medium-3 label,
    .mg-admin-html #add-product-wrapper .small-12.medium-4 label,
    .mg-admin-html #add-user-modal .small-12.medium-4 label,
    .mg-admin-html #tab-system-settings label,
    .mg-admin-html .section-settings .accordion-content .small-12 label,
    .mg-admin-html .sett-line .option-lang-label {
        padding-bottom: 2px;
        border-bottom: none;
    }
}

.mg-admin-html .sett-line .printMultiLangSelector {
    margin-top: 10px;
    padding-right: .625rem;
    padding-left: .625rem;
}

@media (max-width: 1023px) {
    .mg-admin-html #add-product-wrapper .add-img-block {
        float: left !important;
        margin: 10px 0;
    }
}


.mg-admin-html .table-wrapper--overflow_auto {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

.mg-admin-html .table-wrapper--overflow_visible {
    overflow-x: visible !important;
}

.accordion--seosets .seo-gen-tmpl {
    display: none;
}

.mg-admin-html .select-lang {
    margin: 0;
}

#letterLang {
    position: relative;
    text-align: right;
    margin-bottom: -1px;
    overflow: hidden;
}

/* #MG_ADD (SAAS) */
@media screen and (min-width: 64em){
    #letterLang {
        position: absolute;
        text-align: right;
        margin-bottom: -1px;
        overflow: hidden;
        right: 19px;
    }
}
/* #MG_ADD_END (SAAS) */
.mg-admin-html .select-lang__wrap {
    position: absolute;
    top: 12px;
    right: 45px;
    width: auto;
    cursor: pointer;
    text-align: right !important;
    color: #777;
    margin-right: 10px;
}

.mg-admin-html #letterLang .select-lang__wrap {
    display: inline-block;
    background: #f5f5f5;
    padding: 5px;
    border: 1px solid #eaeaea;
    border-bottom-width: 0;
    position: static;
    margin: 0;
}

.mg-admin-html .change-letter-template {
    margin-top: 10px;
}

.mg-admin-html .change-letter-template_hidden {
    display: none;
}

.mg-admin-html .reveal.lsmall .reveal-header h2 {
    max-width: 370px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

@media (max-width: 767px) {
    .mg-admin-html .select-lang__wrap {
        top: 8px;
    }

    .reveal .close-button {
        top: 9px;
        right: 14px;
    }

    .mg-admin-html .add-order .order-payment-sum .small-6.large-10.columns.text-right {
        text-align: right !important;
    }

    .mg-admin-html .sett-line label.dashed {
        border-bottom-color: transparent !important;
    }

    .mg-admin-html .sett-line .upload-img-block {
        margin-top: 10px;
    }

    .mg-admin-html .accordion-content .sett-line:last-of-type {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .mg-admin-html ul.step-form > li {
        width: 100%;
        margin-bottom: -1px;
    }

    .mg-admin-html .sett-line .fa-question-circle {
        float: none;
    }

    .reveal .reveal-header h2 {
        font-size: 16px;
        line-height: 1.3;
    }

    .select-lang__wrap ~ .reveal-header h2,
    .mg-admin-html .reveal.lsmall .reveal-header h2 {
        max-width: calc(100% - 84px);
        display: block;
        white-space: nowrap;
        overflow: hidden;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 16px;
        line-height: 1.3;
    }

    .mg-admin-html .log-one:after {
        display: none;
    }

    .mg-admin-html .log-wrapper .log-columns {
        margin: 10px 0;
    }

    .mg-admin-html .log-header {
        margin-bottom: 0;
    }

    .log-header__clear {
        display: block;
    }

    .sett-line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .mg-admin-html .main-table.whole-users-table tr td:first-child,
    .mg-admin-html .main-table.whole-prices-table tr td:first-child {
        padding-left: 5px;
    }

    .reveal-body.product-text-inputs {
        padding-top: 5px;
    }

    .mg-admin-html .example-csv {
        margin-left: 0;
    }

    .row-filter-stickers {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 10px;
    }
}

.mg-admin-html .fieldTitle {
    width: calc(100% - 76px);
}

.mg-admin-html .moveToInactive,
.mg-admin-html .orderField > .fieldTitle,
.mg-admin-html #tab-order-form .orderField .actions {
    vertical-align: middle;
    display: inline-flex;
}

.mg-admin-html #tab-order-form .orderField .actions > * {
    margin: 0px 3px;
}

@media (max-width: 550px) {
    .mg-admin-html .side-header .button,
    .mg-admin-html .widget-panel .button {
        width: 100%;
    }

    .mg-admin-html .order-operation {
        width: 100% !important;
    }

    .mg-admin-html .order-edit-display {
        margin: 0 0 10px !important;
    }

    #tab-system-settings .backup .createNewBackup,
    #tab-system-settings .backup .uploadNewBackup,
    #tab-system-settings .backup .restoreRecentBackup {
        width: 100%;
    }
}

@media (max-width: 460px) {
    .mg-admin-html .example-line.fl-left {
        display: none;
    }

    .mg-admin-html .clear-product {
        top: 34px !important;
        left: 0 !important;
    }

    .mg-admin-html .add-order .fastResult,
    .mg-admin-html .add-product-field {
        width: 100%;
    }

    .mg-admin-html .add-product-field input[name=searchcat] {
        width: 100% !important;
    }
}

@media print {
    .mg-admin-html .no-print {
        display: none;
    }

    .mg-admin-html .block-print {
        display: block;
    }

    * {
        position: static !important;
        /*-webkit-box-sizing: content-box !important;
        box-sizing: content-box !important;*/
    }
}

@media (max-width: 48em) {
    .to-1250rem {
        padding-right: 1.250rem !important;
    }
}

.mg-admin-html #add-product-wrapper input[name=count] {
    font-family: 'Roboto-Regular';
}

.mg-admin-html .fa-trash {
    color: #dc3232 !important;
}

.mg-admin-html .main-table .fa-trash {
    color: #444 !important;
}

.mg-admin-html .product-table .sort input {
    margin: 0 auto;
}

.mg-admin-html .main-table {
    margin: 0 !important;
    margin-bottom: 5px !important;
}

.mg-admin-html footer.footer {
    margin: 0;
}

.mg-admin-html .block-print tbody td {
    padding: 0;
}

.mg-admin-html .block-print tbody tr:nth-child(even) {
    background-color: #fff;
}

.mg-admin-html .widget-footer select {
    margin-bottom: 0;
}

.mg-admin-html .block-print tbody {
    border: 0;
}

.mg-admin-html td.product-picture.image_url {
    text-align: center;
}

.mg-admin-html .section-order .add-order td.title {
    font-size: 13px !important;
}

.mg-admin-html .section-order .add-order .top-block .mg__prop_label_radio {
    line-height: 1.4;
    display: flex;
    align-items: center;
}

.mg-admin-html .section-order .add-order .top-block .mg__prop_radio {
    margin-right: 5px;
}

.mg-admin-html .section-order #popupContent .remove_storage_row{
    padding-left: 15px;
    cursor: pointer;
}

#popupContent .remove_storage_row .fa-trash{
    color:black !important;
}

#popupContent .storage_input{
    width: 80px;
    text-align: center;
}

.storage-table .storage_order .property-name{
    border:none;
}

.mg-admin-html #storage-popup{
    padding: 0px !important;
    padding-left: 9px !important;
    padding-right: 9px !important;
    padding-bottom: 9px !important;
}

.mg-admin-html #storage-popup .small-table{
    width: 345px;
}

.error-storage{
    border: 1px solid #e05e5e;
    padding: 5px;
    background: #f9c9c9!important;
}

#orderContent .order_content_row .storageArray{
    display: inline-block;
}

.mg-admin-html .fa:hover {
    text-decoration: none !important;
}

.mg-admin-html .section-user table .activity .badge {
    width: 100%;
    max-width: 175px;
}

.mg-admin-html #add-product-wrapper .cancel-img-upload .fa {
    color: #fff !important;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-img-action-h .fa {
    color: #fff;
    font-size: 20px;
}

label.main-img-action-h {
    line-height: initial;
}

.mg-admin-html .img-holder:hover .main-img-action {
    opacity: 1;
}

.mg-admin-html .cke_dialog .CodeMirror {
    width: 798px !important;
    height: 600px !important;
}

.mg-admin-html .cke_dialog_body {
    z-index: 9000 !important;
}

.mg-admin-html .main-table {
    width: 100%;
}

.mg-admin-html .block-print {
    font-size: 10px !important;
    line-height: 1;
}

.mg-admin-html .block-print p {
    line-height: 1;
    margin: 0;
}

.mg-admin-html .block-print .table-blank {
    line-height: 1 !important;
}

.mg-admin-html .block-print table {
    margin: 0;
}

.mg-admin-html .block-print table td {
    font-size: 10px;
    padding: 3px;
}

.mg-admin-html .block-print table th {
    font-size: 10px;
    font-weight: 400;
}

.mg-admin-html .block-print .title {
    font-size: 16px;
}

.mg-admin-html .block-print table,
.mg-admin-html .mg-admin-html .block-print table tbody,
.mg-admin-html .mg-admin-html .block-print table tbody tr,
.mg-admin-html .mg-admin-html .block-print table tbody tr td {
    background-color: transparent !important;
}

.mg-admin-html .block-print .table-wrapper {
    overflow: visible;
}


.mg-admin-html .plugin-padding {
    padding: 0 15px;
}

.mg-admin-html .form-sp p {
    margin: 0;
}

.mg-admin-html .add-order p.select-type select {
    display: inline-block;
    width: 195px;
    margin: 0;
}

.mg-admin-html .ui-datepicker tbody td {
    padding: 0 !important;
}

.mg-admin-html .ui-datepicker {
    padding: 0 !important;
}

.mg-admin-html .background-settings,
.mg-admin-html .debugSave {
    margin: 10px 0 0 0;
}

.mg-admin-html .bg_none {
    background: url(../images/bg_textures/bg_none.png) no-repeat center;
}

.mg-admin-html .section-catalog .filter-container .checkbox-label > label {
    display: inline-block;
    padding-left: 5px;
}

.mg-admin-html .cke_dialog tbody {
    border: 0 !important;
}

.mg-admin-html .cke_dialog tbody td {
    padding: 0;
    border: 0;
}

.mg-admin-html .cke_dialog .cke_dialog_contents {
    margin-bottom: 0;
    padding: 10px;
}

.mg-admin-html .cke_dialog .cke_dialog_contents_body {
    padding: 15px;
}

.mg-admin-html .section-catalog .custom-popup .button {
    margin: 0 !important;
}

.error-box {
    z-index: 9998;
    width: 800px;
    height: 400px;
    padding: 15px;
    background-color: #e47071;
    border-radius: 2px;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}

.sorry-error {
    margin-top: 15px;
    padding: 10px;
    background-color: #fff;
    max-width: 100%;
    font-weight: 700;
    font-size: 15px;
}

.text-error {
    padding: 10px;
    background-color: #fff;
    max-width: 100%;
    max-height: 80vh;
    overflow-y: auto;
    border-top: 10px solid #e47071;
    flex-grow: 1;
}

.error-box .close-notification {
    align-self: flex-end;
}

.error-box .link span {
    border-color: #fff !important;
}

.close-notification {
    color: #fff !important;
    border-color: #fff !important;
}

.uploader-modal {
    font-family: 'Roboto-Regular', sans-serif;
    overflow: hidden;
    color: #333;
}

.uploader-modal h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 10px;
}

.uploader-modal .close-button {
    font: inherit;
    font-size: 27px;
    line-height: 1;
    overflow: visible;
    margin: 0;
    padding: 0;
    cursor: pointer;
    text-transform: none;
    color: inherit;
    border: 0;
    background: 0 0;
}

.elfinder .elfinder-button-search {
    width: 160px !important;
    height: 26px !important;
}

.elfinder-workzone,
.elfinder-cwd-wrapper {
    font-size: 16px;
    height: 330px !important;
}

.elfinder-quicklook {
    z-index: 13000 !important;
}

.cke_dialog input {
    height: 24px !important;
    margin: 0 !important;
}

.cke_dialog label {
    font-size: 12px !important;
}

.cke_single_page .cke_dialog_tabs {
    display: none !important;
}

#cke_dialog_contents_72 {
    padding: 0 !important;
}

#cke_128_uiElement {
    margin: 21px 0 0 10px !important;
}

#cke_166_uiElement {
    margin: 10px 0 0 0 !important;
}

#cke_176_uiElement {
    margin-top: 15px !important;
}

.mg-admin-html table {
    border-spacing: 0;
}

.mg-admin-html .sticker-menu div {
    display: inline-block;
    margin-left: 5px;
    padding: 0 5px;
    border-left: 1px solid #fff;
}

.mg-admin-html .sticker-menu div span {
    font-weight: bold;
    cursor: pointer;
}

.mg-admin-html ::after,
.mg-admin-html ::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.mg-admin-html .step-update-li-1.current,
.mg-admin-html .step-update-li-2.current,
.mg-admin-html .step-update-li-3.current {
    /*padding: 20px!important;*/
    color: #ccc !important;
    border: 1px solid #ccc !important;
    background-color: #fff !important;
}

.mg-admin-html .step-update-li-1,
.mg-admin-html .step-update-li-2,
.mg-admin-html .step-update-li-3 {
    /*border: 5px solid #ff6d00!important;
    padding: 16px!important;*/
    border: 1px solid #aedcb0 !important;
    background-color: #e4f3e5 !important;
}

.mg-admin-html .sub-list {
    overflow-y: auto;
    max-height: 300px;
}

.mg-admin-html .size-map td {
    border: 1px solid #e6e6e6;
    border-width: 0 1px 1px 0;
}

.mg-admin-html .size-map tr:nth-child(1) td {
    border-top: 1px solid #e6e6e6;
}

.mg-admin-html .size-map td:nth-child(1) {
    border-left: 1px solid #e6e6e6;
}

.integrations-container a,
#integration-back-link,
.integration-container .editOld .upload-cat-text,
.integration-container #clearProps,
.integration-container #allProps,
.integration-container #clearCats,
.integration-container #allCats {
    cursor: pointer;
}

.integration-container {
    padding: 15px;
}

.integration-container .dashed .fa-question-circle {
    margin-top: 3px;
}

.integration-container .dashed {
    min-height: 29px;
    margin-bottom: 10px;
}

.integration-container h2 {
    margin: 10px 0;
}

.integration-link {
    font-family: 'Roboto-Medium', sans-serif;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    margin-top: -1px;
    padding: 10px 10px 10px 30px;
    color: black !important;
    border: 1px solid #e6e6e6;
}

.integration-link:hover {
    text-decoration: none !important;
    background-color: #f3f3f3;
}

.integration-link img {
    margin-right: 10px;
}

.integration-container .files-ready tr,
.integration-container #add-google-category-modal .reveal-body,
.integration-container #add-avito-category-modal .reveal-body {
    text-align: center;
}

.integration-container .cat-select select {
    width: 323px;
    margin-top: 5px;
}

.integration-container .bottomBorder {
    margin-bottom: 40px;
    border-bottom: 1px solid;
}

.integration-container .sideBorder {
    max-width: 100% !important;
    margin-left: 0 !important;
    border: 1px solid;
    border-top: 0;
    background: #fffce5;
}

.integration-container .badge.alert {
    color: black !important;
    background: #ebebeb;
}

.integration-container #add-google-category-modal,
.integration-container #add-avito-category-modal {
    max-width: 725px;
}

.integration-container .tabs-content {
    border: 0;
}

.integration-container .editOld .row,
.integration-container .newName .row {
    padding-top: 10px;
}

.integration-container .select-product-block {
    width: 380px;
}

.integration-container .fastResult {
    display: none;
    max-height: 324px;
    padding: 0;
    /*overflow-y: scroll;*/
}

.integration-container .badge {
    float: right;
}

.integration-container .accordion {
    margin-top: 10px;
}

.integration-container .editOldDelete .fa-trash {
    color: black !important;
}

.integration-container #add-google-category-modal .reveal-body select,
.integration-container #add-avito-category-modal .reveal-body select {
    width: 75%;
}

.wrapp-templ .last-items-dropdown,
.wrapp-templ .template-schemes,
.wrapp-templ .newTemplateForm,
.wrapp-templ .save-button,
.wrapp-templ .dropTemplate,
.wrapp-landing .last-items-dropdown,
.wrapp-landing .landing-schemes,
.wrapp-landing .newLandingForm,
.wrapp-landing .save-button {
    display: inline-block;
    margin: 10px;
    vertical-align: top;
}

.wrapp-templ,
.wrapp-landing {
    padding-left: 0 !important;
}

.wrapp-templ .last-items-dropdown,
.wrapp-landing .last-items-dropdown {
    margin-left: 0;
}

.mg-admin-html #user-property-edit .color {
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: 1px solid #ccc;
    margin-right: 5px;
}

.option-color-wrap {
    display: flex;
}

.mg-admin-html .colorpicker {
    z-index: 10000;
    display: none;
}

.mg-admin-html #user-property-edit .pickr {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.mg-admin-html #user-property-edit .pickr .pcr-button {
    width: 100%;
    height: 100%;
}

/* size-map */
.mg-admin-html .size-map td.color {
    position: relative;
    width: 30px;
    height: 30px;
}

.mg-admin-html .size-map td.color .bigLabel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
}

.mg-admin-html .size-map td.color .checkbox label {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 13px;
    height: 13px;
    border-radius: 0;
}

.mg-admin-html .size-map td.color .checkbox label:after {
    top: 2px;
    left: 1px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.mg-admin-html input.error {
    border-color: red !important;
}

#add-product-wrapper .userField .assortmentCheckBox {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 127px;
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
}

.new-added-prop {
    margin-bottom: 10px;
}

#add-product-wrapper .variant-table input {
    min-width: 80px !important;
}

.mg-admin-html .show-inside-cats {
    color: #2d2c2c;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mg-admin-html .show-inside-cats:hover {
    color: #289ce8;
}

#add-product-wrapper .variant-row input[name=title_variant] {
    min-width: 150px !important;
}

.elfinder-contextmenu {
    z-index: 13000 !important;
}

#catalog-col-config-modal .save,
#order-col-config-modal .save,
#user-col-config-modal .save {
    margin: -5px 10px 10px 0 !important;
}

.mg-admin-html #tab-opfields-settings .main-table tr .action-list i {
    font-size: 18px;
    margin-top: 6px;
    margin-left: 8px;
    cursor: pointer;
}

.mg-admin-html #tab-opfields-settings .main-table tr .action-list i.active {
    color: #ffae00;
}

.mg-admin-html #tab-opfields-settings .field-variant input {
    float: left;
    width: 224px;
}

.mg-admin-html #tab-opfields-settings .field-variant i {
    display: inline-block;
    margin-left: -1px;
    padding: 7px;
    cursor: pointer;
    border: 1px solid #e6e6e6;
}

.nowrap {
    white-space: nowrap;
}

.nowrap span {
    margin-right: 5px;
}

.mg-admin-html .dragover {
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block !important;
    margin: 0;
    opacity: 0;
}

.mg-admin-html .img-dropzone {
    font-size: 15px;
    position: absolute;
    top: 0;
    bottom: 24px;
    width: 100%;
    cursor: copy;
    text-align: center;
    border: 1px dashed rgb(146, 145, 145);
    border-radius: 0;
    background: rgba(204, 204, 204, 0.54);
    color: #333;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    line-height: 1.3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mg-admin-html .img-dropzone--visible {
    opacity: 1;
    visibility: visible;
}

.mg-admin-html #add-product-wrapper .additional_uploads_container,
.mg-admin-html .additional_catalog_uploads_container,
.mg-admin-html .additional_uploads_container_variants,
.mg-admin-html #add-category-modal .additional_uploads_container,
.mg-admin-html .popup-container {
    position: absolute;
    z-index: 200;
    visibility: hidden;
    opacity: 0;
    width: 185px;
    margin-top: -9px;
    background-color: white;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
}

.mg-admin-html .additional_uploads_container_variants {
    width: 210px;
    margin-top: -4px;
    right: 0;
}

.mg-admin-html .additional_catalog_uploads_container label,
.mg-admin-html #add-product-wrapper .additional_uploads_container label,
#add-category-modal .additional_uploads_container label,
.mg-admin-html .popup-container label {
    font-size: 13px;
    line-height: 16px;
    cursor: pointer;
}

.mg-admin-html .additional_catalog_uploads_container div,
.mg-admin-html .additional_uploads_container_variants > div,
.mg-admin-html #add-product-wrapper .additional_uploads_container div,
.mg-admin-html #add-category-modal .additional_uploads_container div,
.mg-admin-html .popup-container div {
    font-size: 13px;
    line-height: 16px;
    padding: 7px 15px;
    color: #000;
    border-bottom: 1px solid #dadada;
}

.mg-admin-html #add-category-modal .additional_uploads_container label {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    padding: 0 !important;
}

.mg-admin-html #add-product-wrapper .additional_uploads_container,
.mg-admin-html #add-category-modal .additional_uploads_container {
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 0;
    right: 0;
}

.mg-admin-html #add-product-wrapper .additional_uploads_container {
    width: 100%;
}

.mg-admin-html #add-category-modal .additional_uploads_container {
    width: 185px;
}

.mg-admin-html .additional_uploads_container_variants > div:hover,
.mg-admin-html .additional_catalog_uploads_container div:hover,
.mg-admin-html #add-product-wrapper .additional_uploads_container div:hover,
.mg-admin-html #add-category-modal .additional_uploads_container div:hover,
.mg-admin-html .popup-container div:hover {
    cursor: pointer;
    background: #f1f1f1;
}

.mg-admin-html #add-product-wrapper .main-image .upload-form,
.mg-admin-html #add-category-modal .upload-form {
    overflow: visible;
}

.mg-admin-html #add-product-wrapper .main-image {
    position: relative;
}

.mg-admin-html .catalog_uploads_container_variants_wrapper:hover .additional_uploads_container_variants,
.mg-admin-html .catalog_uploads_container_wrapper:hover .additional_catalog_uploads_container,
.mg-admin-html #add-category-modal .upload-form:hover .additional_uploads_container,
.mg-admin-html .popup-container-wrapper:hover .popup-container {
    opacity: 1;
    visibility: visible;
}

.mg-admin-html .catalog_uploads_container_wrapper {
    display: inline-block;
    vertical-align: top;
}

.mg-admin-html .catalog_uploads_container_variants_wrapper .url-popup {
    top: 58px !important;
    left: -307px !important;
}

.mg-admin-html .catalog_uploads_container_variants_wrapper .url-popup input {
    margin-bottom: 15px !important;
}

.columnComplianceModal .reveal-footer .checkbox {
    margin-right: 5px;
}

.mg-admin-html .mg-admin-html #add-product-wrapper .url-popup {
    /* top: 80px;
     left: -311px;*/
    bottom: -120px !important;
    top: initial !important;
    left: -15px !important;
    z-index: 555;
}

.mg-admin-html #add-product-wrapper .variant-table .url-popup {
    bottom: initial !important;
    top: 40px !important;
    left: -300px !important;
    z-index: 555;
}

.mg-admin-html #add-product-wrapper .url-popup:before,
.mg-admin-html #add-product-wrapper .existing-popup:before,
.mg-admin-html #add-product-wrapper .main-image .url-popup:after {
    display: none;
}

.mg-admin-html #add-product-wrapper .existing-popup .img-holder-variant {
    display: inline-block;
    width: 110px;
    height: auto;
    margin: 5px;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
    box-shadow: 0 0 2px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .15);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.mg-admin-html #add-product-wrapper .existing-popup .img-holder-variant img {
    max-width: 100%;
    height: auto;
}

.mg-admin-html #add-product-wrapper .existing-popup {
    z-index: 100;
    top: 103px;
    left: initial;
    right: 215px;
    max-width: 860px;
    padding: 10px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html #add-product-wrapper .existing-popup .row {
    margin: 0;
    border: none;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
}

.mg-admin-html #add-product-wrapper .url-popup:after,
.mg-admin-html #add-product-wrapper .existing-popup:after {
    position: absolute;
    top: 6px;
    right: -10px;
    width: 0;
    height: 0;
    content: '';
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #fff;
}

.mg-admin-html #add-category-modal .upload-form .custom-popup {
    top: 70px;
    left: 183px;
    display: none;
}

.mg-admin-html table.main-table tr:nth-last-child(1) ul.print-docs-list.sub-list,
.mg-admin-html table.main-table tr:nth-last-child(2) ul.print-docs-list.sub-list {
    top: -200px !important;
}

.mg-admin-html table.main-table tr:nth-last-child(1) ul.pdf-docs-list.sub-list,
.mg-admin-html table.main-table tr:nth-last-child(2) ul.pdf-docs-list.sub-list {
    top: -140px !important;
}

#add-product-wrapper .variant-table .del-img-variant {
    opacity: 1;
}

.t-r-triangle {
    border-width: 0;
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    bottom: 0;
}

.img-this-variant {
    position: absolute;
    max-width: 60px;
    width: 100%;
    max-height: 100px;
    -o-object-fit: contain;
    object-fit: contain;
}

.del-img-variant__icon-wrap:after {
    content: '✖';
    position: absolute;
    font-size: 12px;
    color: red;
    top: 0;
    font-weight: 700;
    right: -5px;
}

.t-r-triangle:before,
.t-r-triangle:after {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    border-style: solid;
    border-color: transparent;
}

.t-r-triangle:after {
    border-width: 16px;
    border-top-color: inherit;
    border-right-color: inherit;
}

.mg-admin-html .size-map {
    margin-top: 10px;
}

.integration-container .avitoBack,
.integration-container .avito-sets #restart {
    margin-right: 10px;
}

.mg-admin-html #add-product-wrapper .storageWrapper {
    position: relative;
    display: inline-block;
}

.mg-admin-html #add-product-wrapper select.storage option {
    /*padding: 3px 7px;*/
    /*color: #333;*/
}

.mg-admin-html .section-settings .accordion-item .msgs {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 26%;
}

.mg-admin-html .section-settings .accordion-item .msgs .button {
    position: absolute;
    left: 10px;
    margin-top: -5px;
}

.mg-admin-html #tab-wholesale-settings .rule input {
    margin-bottom: 0;
}

.mg-admin-html #tab-wholesale-settings .rule .fa-trash {
    cursor: pointer;
}

.mg-admin-html .template-tabs-menu .browseMessages {
    margin-right: 5px;
}

.mg-admin-html .template-tabs-menu .letterTemplates {
    margin-right: 5px;
}

.mg-admin-html #messages-modal .reveal-body .clearfix label {
    margin-top: 5px;
}

.mg-admin-html #messages-modal .reveal-body a {
    cursor: pointer;
}

.mg-admin-html #messages-modal .reveal-body span {
    font-size: 17px;
    display: inline-block;
    width: 455px;
}

.mg-admin-html #messages-modal .reveal-body .widget-panel {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -10px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    background-color: #f0f0f0;
}


#modal-elfinder .elfinder-toolbar .elfinder-button-search input {
    padding-left: 20px;
}

#modal-elfinder .elfinder-toolbar .elfinder-button-search .elfinder-button-menu {
    display: none !important;
}

#tab-language-settings .language-tbody .fa-external-link {
    font-size: 14px;
}

#tab-language-settings .language-tbody .delete-lang {
    font-size: 15px;
}

.mg-admin-html .additional_catalog_uploads_container {
    width: 100%;
    margin-top: 0;
    left: 0;
}

.mg-admin-html #edit-property-group {
    overflow: hidden;
    width: 500px;
}

.mg-admin-html #edit-property-group tr td:first-child {
    width: 30px;
    padding: 0 10px;
}

.mg-admin-html #edit-property-group th {
    display: none;
}

.mg-admin-html #edit-property-group tr td:last-child {
    width: 50px;
}

.mg-admin-html #edit-property-group td {
    border-top: 0;
}

.mg-admin-html #edit-property-group .name input {
    margin-bottom: 0;
}

.mg-admin-html #edit-property-group [name=name-group] {
    display: inline-block;
    margin-bottom: 0;
}

.mg-admin-html #add-order-wrapper .amount_change {
    display: none !important;
}

#add-product-wrapper .main-image .img-actions .tip {
    width: 119px;
    margin: 10px 0 10px 0 !important;
}

#add-product-wrapper .variant-row td:first-child {
    vertical-align: middle;
    width: 15px;
}

#add-product-wrapper .tmplPreview {
    width: 100px;
    font-size: 14px;
}

.showGroupVar__td {
    width: 30px;
}

.showGroupVar__td {
    padding: 0 !important;
    vertical-align: middle !important;
}

.variant-table-btns {
    margin: 10px 17px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#add-product-wrapper .select-currency-block {
    top: -3px;
    margin-left: 18px;
}

.mg-admin-html .columnComplianceModal table select {
    border-width: 0 1px;
    border-radius: 0;
}

.mg-admin-html .columnComplianceModal .main-table tr td {
    padding: 0 7px;
}

.mg-admin-html .columnComplianceModal .main-table tr.selected {
    background: white !important;
}

.mg-admin-html .columnComplianceModal .main-table tr select.none-selected {
    background: #e6e6e6 !important;
}

#add-order-wrapper .product-info .variants-table td {
    background-color: #fff;
    padding: 5px;
    -webkit-transition: .1s;
    -o-transition: .1s;
    transition: .1s;
}

#add-order-wrapper .product-info .variants-table tr:not(:last-of-type) td {
    border-bottom: 1px solid #dadada;
}

.count-sp_availible_true {
    color: #4caf50;
    font-weight: 700;
}

.count-sp_availible_false {
    color: #f44336;
    font-weight: 700;
}

#add-order-wrapper .product-info .variants-table td.c-variant__column.c-variant__column_radio {
    text-align: center;
    padding: 5px 10px;
}

#add-order-wrapper .product-info .variants-table tr:hover td {
    background-color: #f5f5f5;
    cursor: pointer;
}

#add-order-wrapper .product-info .accordion .accordion-title {
    background-color: #f5f5f5;
}

#add-order-wrapper .product-info .accordion .accordion-title:hover {
    background-color: #fff;
}

#add-order-wrapper .product-info .accordion {
    margin-bottom: 10px;
}

#add-order-wrapper .product-info .amount_input {
    display: inline-block;
}

#add-order-wrapper #order-data .propsFrom .name-group {
    font-weight: bold;
    margin: 5px 0;
}

#add-order-wrapper #order-data .propsFrom .prop-name {
    font-size: 14px;
    color: black;
}

#add-order-wrapper #order-data .propsFrom li {
    list-style: none;
}

#add-order-wrapper #order-data .propsFrom .nogroup {
    margin: 0;
}

.mg-admin-html .main-settings-container [name='reCaptchaKey'],
.mg-admin-html .main-settings-container [name='reCaptchaSecret'] {
    max-width: 375px;
}

.mg-admin-html .wholesalesContainer__list {
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.mg-admin-html .search-wholesales {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mg-admin-html .search-wholesales__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 155px;
    flex: 1 1 155px;
    border-radius: 2px;
}

.mg-admin-html .getWholeSales {
    margin-left: 5px;
}

.mg-admin-html .order-edit-display > .search-block select {
    max-width: 320px;
}

.desc-sp span.propsTo,
.desc-sp span.descrip {
    display: block;
    overflow: auto;
    max-height: 165px;
    -webkit-overflow-scrolling: touch;
    max-width: 341px;
}

@media screen and (max-width: 1089px) {
    .desc-sp span.propsTo,
    .desc-sp span.descrip {
        min-width: 100%;
    }
}

.mg-admin-html .section-settings #customAdminLogo,
.mg-admin-html .section-settings #customBackground {
    max-width: 100%;
    max-height: 100px;
}

.mg-admin-html .section-settings .customAdminLogoTrash {
    cursor: pointer;
}

.mg-admin-html #add-product-wrapper .variant-table tr td {
    padding: 2px;
}

.mg-admin-html #add-product-wrapper .variant-table {
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    border-collapse: collapse;
}

.mg-admin-html #add-product-wrapper .variant-table-wrapper .table-wrapper {
    padding-right: 10px;
    padding-left: 10px;
}

.tmpl-actions {
    width: 60px;
}

.showGroupVar {
    font-size: 13px;
    margin-left: 5px;
}

.mg-admin-html #add-product-wrapper .variant-table tr td {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mg-admin-html #add-product-wrapper .variant-table tr td:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.mg-admin-html #add-product-wrapper .variant-table tr td:last-child {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.mg-admin-html .button--indent {
    margin: 10px !important;
}

.mg-admin-html #add-product-wrapper .variant-table tr:hover td {
    background-color: #dedede;
}

.mg-admin-html #add-product-wrapper .variant-table tr:first-child {
    background-color: #f5f5f5;
}

.mg-admin-html #messages-modal .accordion .accordion-item a:nth-child(2) {
    position: relative;
    bottom: 29px;
    left: 32%;
    display: block;
    width: 270px;
    height: 0;
}

.mg-admin-html #add-product-wrapper .variant-table-wrapper {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow-x: auto;
    max-width: 100%;
    overflow-y: hidden;
}


.mg-admin-html .img-holder,
.mg-admin-html .img-action-hover {
    cursor: pointer !important;
}

#tab-system-settings .backupTable,
#tab-system-settings .alert-block {
    width: 100%;
}

#tab-system-settings .backupTable tr td,
#tab-system-settings .backupTable tr th {
    text-align: center;
}

#tab-system-settings .backupTable tr td:first-child,
#tab-system-settings .backupTable tr th:first-child {
    padding-left: 10px;
    text-align: left;
}

#tab-system-settings .backupTable tr td:last-child,
#tab-system-settings .backupTable tr th:last-child {
    width: 80px;
    padding-right: 10px;
    text-align: right;
}

#tab-system-settings .backupTable .download {
    padding: 0 10px;
}

#tab-system-settings .backup .uploadNewBackup,
#tab-system-settings .backup .restoreRecentBackup,
#tab-system-settings .backup .stopNewBackup {
    overflow: hidden;
    margin-right: 15px;
    white-space: nowrap;
}

.mg-admin-html .table-group-property:empty:after {
    content: "Группы не добавлены!";
    display: block;
    text-align: center;
    color: #a4a4a4;
}

#tab-system-settings .backup .stopNewBackup {
    overflow: hidden;
    margin-top: 5px;
    margin-left: 15px;
    white-space: nowrap;
}

#tab-system-settings .backup .header_create {
    display: inline-block;
}

#tab-system-settings .backup .calcDumpSize {
    cursor: pointer;
}

#tab-system-settings .backup .dumpSizeResult .number {
    font-weight: bold;
}

@media screen and (max-width: 390px) {
    .mg-admin-html .drop-down {
        display: none;
    }
}

.mg-admin-html .section-catalog .csvExport {
    display: none;
}

.mg-admin-html .hide-select {
    margin: 0;
    padding-right: 0;
    color: #1585cf;
    border: 0;
    background: transparent;
}

.mg-admin-html #tab-shop-settings .accordion-item h4 {
    margin-left: 5px;
}

/* preloader */
.mg-admin-html .sk-folding-cube {
    position: relative;
    width: 70px;
    height: 70px;
    margin: 20px auto;
    -webkit-transform: rotateZ(45deg);
    -ms-transform: rotate(45deg);
    transform: rotateZ(45deg);
}

.mg-admin-html .sk-folding-cube .sk-cube {
    position: relative;
    float: left;
    width: 50%;
    height: 50%;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.mg-admin-html .sk-folding-cube .sk-cube:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-animation: sk-foldCubeAngle 2.4s infinite linear both;
    animation: sk-foldCubeAngle 2.4s infinite linear both;
    background-color: red;
}

.mg-admin-html .sk-folding-cube .sk-cube2 {
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotate(90deg);
    transform: scale(1.1) rotateZ(90deg);
}

.mg-admin-html .sk-folding-cube .sk-cube3 {
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotate(180deg);
    transform: scale(1.1) rotateZ(180deg);
}

.mg-admin-html .sk-folding-cube .sk-cube4 {
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotate(270deg);
    transform: scale(1.1) rotateZ(270deg);
}

.mg-admin-html .sk-folding-cube .sk-cube2:before {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}

.mg-admin-html .sk-folding-cube .sk-cube3:before {
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}

.mg-admin-html .sk-folding-cube .sk-cube4:before {
    -webkit-animation-delay: .9s;
    animation-delay: .9s;
}

@-webkit-keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

@keyframes sk-foldCubeAngle {
    0%,
    10% {
        -webkit-transform: perspective(140px) rotateX(-180deg);
        transform: perspective(140px) rotateX(-180deg);
        opacity: 0;
    }
    25%,
    75% {
        -webkit-transform: perspective(140px) rotateX(0deg);
        transform: perspective(140px) rotateX(0deg);
        opacity: 1;
    }
    90%,
    100% {
        -webkit-transform: perspective(140px) rotateY(180deg);
        transform: perspective(140px) rotateY(180deg);
        opacity: 0;
    }
}

/* preloader */
.mg-admin-html .optionImgBtn {
    display: inline-block;
    vertical-align: bottom;
}

.mg-admin-html #favicon-image {
    max-height: 20px;
}

.mg-admin-html .tabs-content-settings .accordion .accordion-item:nth-child(1) .uploaded-img {
    margin-right: 10px;
}

.mg-admin-html .seo-image-block-close,
.mg-admin-html .cancel-url,
.mg-admin-html .cancel-existing,
.mg-admin-html .cancel-new-prop,
.mg-admin-html .cancel-add-related,
.mg-admin-html .cancel-url,
.mg-admin-html .cancel-rate-dir,
.mg-admin-html .cancel-typeGroupVar,
.mg-admin-html .cancel-currency,
.mg-admin-html .cancel-unit {
    line-height: 30px;
}

.mg-admin-html .variant-table tr .action-list .fa {
    line-height: 30px;
    margin: 0;
}

.mg-admin-html .variant-table tr .action-list .fa-trash {
    margin-bottom: 1px;
    line-height: 29px;
}

.mg-admin-html .variant-table tr .action-list .del-img-variant {
    margin-top: 2px;
}

.mg-admin-html .group-row.show td {
    border-width: 0 !important;
}

.mg-admin-html .group-row .tmplApply {
    background: #676767;
}

.mg-admin-html .group-row .tmplApply:hover,
.mg-admin-html .group-row .tmplApply:focus {
    background: #333;
}

.mg-admin-html .group-row.show td input {
    border: 2px solid #676767 !important;
}

.productMainData {
    margin-bottom: 10px;
}

.mg-admin-html .group-row .fa-chevron-down {
    color: #2f2c2c;
    text-shadow: 0 0 1px #fff;
}

.mg-admin-html .group-row .tmplApply {
    display: none;
    width: 100%;
    margin: 0 !important;
    border: 1px solid #f5f5f5;
}

.mg-admin-html .group-row.show .fa-trash {
    opacity: 1;
    color: #0083d2 !important;
}

.mg-admin-html .group-row.show .fa-chevron-down:before {
    content: '\f077';
}

.mg-admin-html .custom-popup--center {
    top: 40px;
    left: -146px;
}

.mg-admin-html .custom-popup--center:before {
    top: -20px;
    right: 0;
    left: 0;
    margin: auto;
    width: 10px;
    height: 10px;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid white;
}

.mg-admin-html .variant-row .left-line {
    float: left;
    width: 50%;
    height: 38px;
    margin: -4px 0;
    border-right: 2px solid #676767;
}

.mg-admin-html .variant-row .hor-line {
    float: left;
    width: 50%;
    height: 19px;
    margin: -4px 0;
    border-bottom: 2px solid #676767;
}

.mg-admin-html .accordion .accordion-item .row .squareImg {
    width: 28px;
    height: 28px;
    padding: 3px;
}

.mg-admin-html .accordion .accordion-item .row .squareImg img {
    max-width: 100%;
    max-height: 100%;
}

.mg-admin-html .accordion .accordion-item .row .squareImg .fa-times {
    top: -4px;
    right: -2px;
}

.mg-admin-html #timeInfo {
    padding: 5px;
    text-align: center;
}

.mg-admin-html #timeInfo.warning {
    background-color: #fffce5;
}

.mg-admin-html #timeInfo.alert {
    color: #fff;
    background-color: #ff5b5b;
}

.mg-admin-html #timeInfo.alert a {
    color: #fff;
    border-color: #fff;
}

.mg-admin-html #add-category-modal .img-button {
    width: 35px;
    height: 25px;
    color: #2e4954;
    text-align: center;
    background: rgba(255, 255, 255, 0.76);
    border: 1px solid #e3e3e3;
}

.mg-admin-html #add-category-modal .set-seo {
    border-width: 1px 0 0 1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
}

.mg-admin-html #add-category-modal .set-seo:hover {
    background: #eaeaea;
}

.mg-admin-html #add-category-modal .del-image-to-category {
    border-width: 0 0 1px 1px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mg-admin-html #add-category-modal .del-image-to-category:hover {
    background: #ff5722;
    color: #fff;
    border-color: #ff5722;
}

.mg-admin-html .set-seo__text,
.mg-admin-html .del-image-to-category__icon {
    vertical-align: sub;
    line-height: 25px;
}

.mg-admin-html .set-seo:hover {
    text-decoration: none;
}

.mg-admin-html .del-image-to-category__icon {
    color: inherit;
    font-size: 19px;
}

.section-settings #tab-shop-settings input[name=shopPhone]:first-child {
    margin-bottom: 5px;
}

.section-settings #tab-shop-settings .addShopPhone {
    margin-bottom: 7px;
    cursor: pointer;
}

.section-settings #add-deliveryMethod-wrapper .deliveryWeight {
    margin-bottom: 15px;
}

.mg-admin-html .border-top {
    border-top: 1px solid #e6e6e6;
}

.integration-container .ui-autocomplete-input {
    display: inline-block;
    width: calc(100% - 29px);
    height: 30px;
}

.integration-container .ui-button-icon {
    width: 29px;
    height: 30px;
    border: 1px solid #e6e6e6;
    border-left: 0;
}

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

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px;
    padding-left: 0;
    color: #333;
    border: 1px solid #e6e6e6;
    background: #fff;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li {
    list-style: none;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li a {
    padding-left: 10px;
    text-decoration: none;
    color: #333;
    background: #fff;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li:hover {
    color: #fefefe;
    background-color: #2196f3;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li:hover a {
    padding-left: 10px;
    cursor: pointer;
    text-decoration: none;
    color: #fefefe;
    background-color: #2196f3;
}

.reveal.large#add-product-wrapper {
    max-width: 1200px;
}

.reveal.fullscreen {
    max-width: 100% !important;
}

.reveal .expandModal {
    font-size: 23px;
    float: right;
    margin-top: 2px;
    margin-right: 38px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    color: #333;
}

.mg-admin-html .section-catalog .main-table td.moreVariantsCount {
    /*padding-top: 0 !important;*/
    padding-bottom: 18px;
}

.user-info-order,
.order-comment-block .order-edit-visible {
    color: #000;
}

.order-comment-block__inner {
    width: 100%;
}

.inner-comments {
    padding: 0 0 0 5px;
    margin: 0;
    list-style: none;
    display: block;
}

.inner-comments__item {
    height: 30px;
}

.row-config.nowrap {
    position: relative;
    z-index: 100;
}

.updateDbLoader {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    height: 30px;
    background: #ffdb47;
    padding: 5px;
    display: none;
    z-index: 10;
}

.updateDbLoaderPlace {
    height: 30px;
    display: none;
}

.cke_dialog_contents .cke_dialog_contents_body [role=tabpanel] > table > tbody > tr:first-child .cke_dialog_ui_vbox_child:first-child .cke_dialog_ui_hbox[role=presentation]:first-child .cke_dialog_ui_hbox > .cke_dialog_ui_hbox_last {
    padding-top: 7px;
    padding-left: 5px;
}

.cke_dialog_contents .cke_dialog_contents_body [role=tabpanel] > table > tbody > tr > td > .cke_dialog_ui_button {
    margin-top: 10px;
}

.groupContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 40px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
}

.groupContainer table.main-table tr th {
    padding: 10px;
}

.groupContainer table.main-table thead {
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
}

h2.groupTitle {
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    font-size: 19px;
}

.marketplace-wrap {
    padding: 20px;
    background: #f7f7f7;
}

.button.startTrial {
    margin-bottom: 0;
    margin-top: 0;
    float: left;
}

.trialRemaining {
    margin-top: 5px;
    float: left;
}

.mg-admin-html .section-marketplace table.main-table tr td:first-child {
    width: 1%;
    white-space: nowrap;
}

.groupContainer table.main-table .actions {
    width: 150px;
}

.marketplace-wrap .actions .buttons {
    text-align: right;
}

.marketplace-wrap .actions .buttons .button {
    width: 100px;
}

.marketplace-wrap .product-table .price {
    text-align: right;
}

.groupTitle:first-letter {
    text-transform: uppercase;
}

.groupTitle {
    margin-left: 5px;
    border-left: 3px solid #2673eb;
    padding: 6px 10px;
    font-size: 19px;
    background: whitesmoke;
}

.marketplace-wrap .table-wrapper {
    width: 100%;
}

.buttons {
    margin-top: auto;
}

.buttons .button {
    margin-bottom: 0;
}

.price-wrap {
    font-size: 16px;
}

.price-wrap .price {
    font-weight: 700;
    margin-left: 6px;
    font-size: 17px;
}

.section-marketplace .oldPrice {
    text-decoration: line-through;
    color: #d86c6c;
}

.admin-center .section-marketplace .widget-panel [name='mpFilter'],
.admin-center .section-marketplace .widget-panel [name='mpFilterType'] {
    width: 250px;
    margin-left: 5px;
    margin-bottom: 0;
}

.admin-center .plugins-name-wrapper .disapproved,
.admin-center .plugins-name-wrapper .trialExpired,
.admin-center .plugins-name-wrapper .pirated {
    color: #f44336;
}

.admin-center .plugins-name-wrapper .trialRemaining {
    color: #3990d2;
}

.admin-center .plugins-name-wrapper .disapproved,
.admin-center .plugins-name-wrapper .trialRemaining,
.admin-center .plugins-name-wrapper .trialExpired,
.admin-center .plugins-name-wrapper .pirated {
    width: 100%;
}

.admin-center .section-marketplace .templatetta:hover .templatettd img {
    border-radius: 2px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.admin-center .resetContainer {
    padding-left: 0;
    padding-right: 0;
}

.admin-center .resetContainer select {
    margin: 10px 10px 10px 0;
}

.admin-center .resetContainer button {
    margin: 8px 10px 10px 0;
}

.admin-center .section-marketplace .templatetta {
    position: relative;
}

.admin-center .section-marketplace .templatetta .templatettd {
    display: none;
}

.admin-center .section-marketplace .templatetta:hover .templatettd {
    position: absolute;
    display: block;
    width: 240px;
    height: 200px;
    overflow: hidden;
    bottom: 15px;
    z-index: 300;
    left: 100%;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
}

.admin-center .section-marketplace .item-container:nth-child(-n+5) .templatetta:hover .templatettd {
    top: 100%;
    bottom: auto;
}

.admin-center .section-marketplace .templatetta:hover .templatettd img {
    border-radius: 2px;
}

.admin-center .section-plugins .plugin-settings-width{
    width: 20%;
}

#mp-descr-modal .item-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.item-container .item-container__img {
    width: 100%;
    max-width: 300px;
    -o-object-fit: contain;
    object-fit: contain;
    vertical-align: top;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

#mp-descr-modal .price {
    font-size: 20px;
    text-align: right;
    margin-right: 5px;
    margin-bottom: 10px;
}

#mp-descr-modal .oldPrice {
    font-size: 18px;
    display: block;
    text-align: right;
}

#mp-descr-modal .modal-right {
    margin-left: 30px;
}

#mp-descr-modal .button {
    font-size: 16px;
    padding: 1px 18px;
    height: initial;
    margin-bottom: 5px;
}

#mp-descr-modal .buttons {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.descrContainer *,
.descrContainer p {
    font-size: 16px;
}

#mp-descr-modal .button__instld {
    font-size: 14px;
    line-height: 28px;
    height: 30px;
    padding: 0 10px;
    text-align: center;
    color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
    background-color: #ebebeb;
    color: grey;
}

#mp-descr-modal .trial {
    overflow: hidden;
}

.section-marketplace .showMore {
    display: block;
    text-align: center;
    padding: 5px;
    color: #7e7e7e;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-top: 1px solid #e6e6e6;
}

.section-marketplace .showMore:hover {
    background: #f8f8f8;
    text-decoration: none;
    color: #636363;
}

#rent-fill-modal .tip {
    color: gray;
    font-size: 12px;
    font-style: italic;
}

.mg-admin-html .alert-block.rent {
    color: #191919;
    border: 1px solid #e6e6e6;
    background: #f7f7f7;
}

.alert-block.rent h3 {
    font-weight: 700;
}

.pageSort {
    display: none;
    background: rgba(0, 0, 0, 0.6) !important;
    color: #fff !important;
}

.pageSort:hover {
    background: rgba(0, 0, 0, 0.3) !important;
    color: #333 !important;
}

#timeInfo .close-timeinfo {
    cursor: pointer;
    margin-top: 2px;
    margin-right: 10px;
    float: right;
}

.mg-admin-html .jquery-ui-sorter-placeholder {
    height: 30px;
    opacity: 0.5;
    background: #2773eb;
}

.mg-admin-html .plugins-author-list img {
    display: none !important;
}

.mg-admin-html body {
    /*padding-bottom: 45px;*/
    position: relative;
}

.mg-admin-html footer.footer {
    margin: 0;
    /*position: absolute;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
}

.mg-admin-html .section-order .orderOperationParam {
    width: 270px;
    display: none;
    margin-right: 10px;
}

.mg-admin-html .margin-0 {
    margin: 0 !important;
}

.mg-admin-html .custom-popup.to-left {
    right: 100%;
    left: initial;
}

.mg-admin-html .custom-popup.to-left:before {
    left: 100%;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.mg-admin-html .main-img-action {
    height: 50px;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.img-holder:hover .main-img-action {
    opacity: 1;
    visibility: visible;
}

.main-image .img-holder__icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #2e4954;
    padding: 0 5px;
    border-bottom-left-radius: 2px;
    font-size: 13px;
    background: rgba(255, 255, 255, 0.76);
    border-left: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.remove-prod-img:hover {
    background: #ff5722;
    color: #fff;
    border-color: #ff5722;
}

.mg-admin-html .main-img-btn {
    margin-bottom: 0;
}

.mg-admin-html .main-img-action .elem {
    border-left: 1px solid #fff;
    height: 50px;
    width: 25%;
    float: left;
    color: #fff;
    line-height: 2.4;
    font-size: 20px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.57);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.mg-admin-html .main-img-btn__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: -25px;
    position: relative;
    background: #fff;
    height: 25px;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border: 1px solid #eaeaea;
}

.add-image.link {
    padding-bottom: 1px;
    margin-bottom: 10px;
}

.mg-admin-html .link span:not([tooltip]) {
    border-bottom: 1px dashed #1585cf;
}

.add-image.link:hover {
    border-bottom: 0;
}

.mg-admin-html .main-img-action .elem:hover {
    background: rgba(0, 0, 0, 0.9);
}

[data-whatinput="mouse"] .main-img-action .elem:focus {
    outline: none;
}

.mg-admin-html .main-img-action .elem:nth-child(1) {
    border-width: 0;
}

.mg-admin-html #add-product-wrapper .close-sub-images {
    float: right;
    font-size: 30px;
    margin: -10px -10px 9px 0;
    cursor: pointer;
}

.upload-form--ondrag {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.mg-admin-html .sub-images-popup {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 10px 10px 0;
    margin-bottom: 10px;
}

.mg-admin-html .sub-images-popup .close-images-wrap {
    display: inline-block;
    float: right;
    color: #999;
}

button.fa {
    font-family: FontAwesome;
}

.mg-admin-html .btn-selected {
    color: #0083d2;
}

.sub-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100px;
    position: relative;
}

.sub-images__empty {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #c7c7c7;
    font-size: 18px;
    text-align: center;
    margin-top: -18px;
}

.sub-images .image-item {
    width: 120px;
    margin: 0 10px 10px 0;
    background: #fff;
}

.addedProperty__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    color: #c7c7c7;
    font-size: 18px;
    text-align: center;
}

#tab-order-form .orderFieldsList,
.col-config-modal ul {
    border: 1px solid;
    width: 100%;
    max-height: calc(100% - 42px);
    height: 100%;
}

#tab-order-form .orderFieldsList .jquery-ui-sorter-placeholder,
.col-config-modal ul .jquery-ui-sorter-placeholder {
    min-height: 42px;
}

#tab-order-form #inactiveOrderFields .actions,
#tab-order-form #inactiveOrderFields .moveToInactive,
#tab-order-form #activeOrderFields .moveToActive,
.col-config-modal .left-side .moveToInactive,
.col-config-modal .right-side .moveToActive {
    display: none;
}

#tab-order-form .moveToInactive,
.col-config-modal .moveToInactive {
    margin-right: 10px;
}

#tab-order-form .left-side,
#tab-order-form .right-side,
.col-config-modal .left-side,
.col-config-modal .right-side {
    border: none !important;
}

#tab-order-form .active .fa {
    color: #ffae00;
}

#tab-order-form h3,
.mg-admin-html .col-config-modal h3 {
    border: 1px solid #e6e6e6;
    border-width: 1px 0 0 1px;
}

.columns-sorter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html .columns-sorter__col {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
    width: auto;
}

#tab-order-form .right-side h3,
.col-config-modal .right-side h3 {
    border-right-width: 1px;
}

#tab-order-form #inactiveOrderFields,
.col-config-modal .inactiveColFields {
    border-right: 0;
}

#tab-order-form #order-form-conditions-modal .conditionsContainer select {
    display: inline-block;
    width: 33%;
    vertical-align: top;
}

#tab-order-form #order-form-conditions-modal select[name=conditionSwitch] {
    display: inline-block;
    width: 275px;
}

#tab-order-form .orderField,
.col-config-modal .titleField {
    cursor: -webkit-grab;
    cursor: grab;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 45px;
}

.col-config-modal .titleField {
    justify-content: flex-start;
}

.col-config-modal .moveToActive,
.col-config-modal .right-side span.titleField {
    margin-left: auto;
}

#tab-order-form .orderField.ui-sortable-helper,
.col-config-modal .titleField.ui-sortable-helper {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

#tab-order-form .orderField .actions {
    font-size: 18px;
    letter-spacing: 4px;
}

#tab-order-form .orderField .actions,
#tab-order-form .moveToInactive,
#tab-order-form .moveToActive,
.col-config-modal .moveToActive,
.col-config-modal .moveToActive {
    cursor: pointer;
}

.add-fields-page .main-table {
    margin-bottom: 10px !important;
}

.conditionsContainer .condition {
    border: 1px solid #e6e6e6;
    padding: 10px;
    background: #f7f7f7;
    margin-bottom: 15px;
    border-radius: 2px;
}

button.add-new-line {
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 2px;
    font-size: 15px;
    background: #f3f3f3;
    border: 1px solid #dfdfdf;
}

button.add-new-line:hover {
    background: #e9e9e9;
    border: 1px solid #cacaca;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

button.add-new-line .fa {
    font-size: 14px;
    font-weight: 100;
}

.new-added-prop__innerwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.showGroupVar__td .showGroupVar {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    vertical-align: bottom;
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, .25)), to(rgba(0, 0, 0, .125)));
    background: -o-linear-gradient(top left, rgba(255, 255, 255, .25), rgba(0, 0, 0, .125));
    background: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(0, 0, 0, .125));
    -webkit-box-shadow: 0 0 0px 1px #777;
    box-shadow: 0 0 0px 1px #777;
}

.showGroupVar__td {
    padding: 0 !important;
}

.variant-row-last .left-line {
    height: 21px !important;
    margin-top: -17px !important;
}

.variant-row-last .hor-line {
    height: 4px !important;
    margin: 0 !important;
    float: right !important;
}

/*
Новые тултипы
Как пользоваться:
К элементу, для которого нужен тултип, добавляем два атрибута:
    tooltip="" - Текст тултипа
    flow="" - расположение тултипа относительно элемента.
              Варианты:  left, right, up, down, leftDown, rightDown, leftUp, rightUp, downLeft

Доступные модификаторы размера:
.tooltip--small – 150px
.tooltip--xs - 80px
.tooltip--wide - 330px

Отцентровать текст в тултипе: .tooltip--center

Пример:
<span tooltip="Я тултип"
      flow="leftUp">
      Элемент для тултипа
</span>
С вопросиком:
<span tooltip="Я тултип на вопросике"
      flow="right">
    <i class="fa fa-question-circle tip"
       aria-hidden="true"></i>
</span>

!! Для переноса текста вставляющегося JS-ом в тултипе добавляем класс .tooltop--with-line-break
    и используем: [EOL] (и функцию admin.tooltipEOL() при изменении текста)

*/
[tooltip] {
    position: relative;
}

[tooltip]::before,
[tooltip]::after {
    text-transform: none;
    font-size: 14px;
    line-height: 1.2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
}

[tooltip]::before {
    content: "";
    border: 5px solid transparent;
    z-index: 1001;
}

[tooltip]::after {
    content: attr(tooltip);
    text-align: left;
    min-width: 200px;
    max-width: 200px;
    overflow: hidden;
    border-radius: 0.3ch;
    background: #2c2c2c;
    color: #f9f9f9;
    z-index: 99999;
    width: 100%;
    font-size: 12px;
    font-weight: 100;
    white-space: pre-wrap;
    padding: 4px 8px;
    font-family: 'Roboto-Regular', sans-serif;
    letter-spacing: initial;
}

.question__wrap {
    position: absolute;
}

.accordion-item .question__wrap {
 position: relative;   
}

[tooltip].tooltip--small::after {
    max-width: 150px;
    min-width: 150px;
}

[tooltip].tooltip--xs::after {
    max-width: 80px;
    min-width: 80px;
}

[tooltip].tooltip--wide::after {
    max-width: 330px;
    min-width: 330px;
}

[tooltip].tooltip--center::after {
    text-align: center;
}

[tooltip].tooltip--green::after {
    color: #2ebf35;
}

[tooltip]:hover::before,
[tooltip]:hover::after {
    display: block;
}

[tooltip]:not([flow])::before,
[tooltip]:not([flow])::after,
[tooltip][flow="up"]::before,
[tooltip][flow="up"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, -1em);
    -ms-transform: translate(-50%, -1em);
    transform: translate(-50%, -1em);
}

[tooltip]:not([flow])::before,
[tooltip][flow="up"]::before {
    bottom: calc(100% + 1px);
    border-bottom-width: 0;
    border-top-color: #2c2c2c;
}

[tooltip]:not([flow])::after,
[tooltip][flow="up"]::after {
    bottom: calc(100% + 5px);
}

[tooltip][flow="down"]::before,
[tooltip][flow="down"]::after {
    left: 50%;
    -webkit-transform: translate(-50%, 1em);
    -ms-transform: translate(-50%, 1em);
    transform: translate(-50%, 1em);
}

[tooltip][flow="down"]::before {
    top: calc(100% + 1px);
    border-top-width: 0;
    border-bottom-color: #2c2c2c;
}

[tooltip][flow="down"]::after {
    top: calc(100% + 5px);
}

[tooltip][flow="left"]::before,
[tooltip][flow="left"]::after,
[tooltip][flow="downLeft"]::before {
    top: 50%;
    -webkit-transform: translate(-1em, -50%);
    -ms-transform: translate(-1em, -50%);
    transform: translate(-1em, -50%);
}

[tooltip][flow="downLeft"]::after {
    top: 75%;
    -webkit-transform: translate(-1em, -75%);
    -ms-transform: translate(-1em, -75%);
    transform: translate(-1em, -75%);
}

[tooltip][flow="left"]::before,
[tooltip][flow="downLeft"]::before {
    border-right-width: 0;
    border-left-color: #2c2c2c;
    left: calc(0em - 5px);
}

[tooltip][flow="left"]::after,
[tooltip][flow="downLeft"]::after {
    right: calc(100% + 0em + 5px);
}

[tooltip][flow="right"]::before,
[tooltip][flow="right"]::after {
    top: 50%;
    -webkit-transform: translate(1em, -50%);
    -ms-transform: translate(1em, -50%);
    transform: translate(1em, -50%);
}

[tooltip][flow="right"]::before {
    border-left-width: 0;
    border-right-color: #2c2c2c;
    right: calc(0em - 5px);
}

[tooltip][flow="right"]::after {
    left: calc(100% + 0em + 5px);
}

[tooltip][flow="rightUp"]::before {
    left: 50%;
    bottom: calc(100% + 1px);
    border-bottom-width: 0;
    border-top-color: #2c2c2c;
    -webkit-transform: translate(-50%, -1em);
    -ms-transform: translate(-50%, -1em);
    transform: translate(-50%, -1em);
}

[tooltip][flow="rightUp"]::after {
    right: 50%;
    bottom: calc(100% + 0em + 5px);
    -webkit-transform: translate(calc(16px + 5px), -1em);
    -ms-transform: translate(calc(16px + 5px), -1em);
    transform: translate(calc(16px + 5px), -1em);
}

[tooltip][flow="rightDown"]::before {
    left: 50%;
    top: calc(100% + 1px);
    border-top-width: 0;
    border-bottom-color: #2c2c2c;
    -webkit-transform: translate(-50%, 1em);
    -ms-transform: translate(-50%, 1em);
    transform: translate(-50%, 1em);
}

[tooltip][flow="rightDown"]::after {
    right: 50%;
    top: calc(100% + 0em + 5px);
    -webkit-transform: translate(calc(16px + 5px), 1em);
    -ms-transform: translate(calc(16px + 5px), 1em);
    transform: translate(calc(16px + 5px), 1em);
}

[tooltip][flow="leftUp"]::before {
    left: 50%;
    bottom: calc(100% + 1px);
    border-bottom-width: 0;
    border-top-color: #2c2c2c;
    -webkit-transform: translate(-50%, -1em);
    -ms-transform: translate(-50%, -1em);
    transform: translate(-50%, -1em);
}

[tooltip][flow="leftUp"]::after {
    left: 50%;
    bottom: calc(100% + 0em + 5px);
    -webkit-transform: translate(calc(-16px - 5px), -1em);
    -ms-transform: translate(calc(-16px - 5px), -1em);
    transform: translate(calc(-16px - 5px), -1em);
}

[tooltip][flow="leftDown"]::before,
[tooltip][flow="leftDown"]::after {
    left: 50%;
}

[tooltip][flow="leftDown"]::before {
    top: calc(100% + 1px);
    border-top-width: 0;
    border-bottom-color: #2c2c2c;
    -webkit-transform: translate(-50%, 1em);
    -ms-transform: translate(-50%, 1em);
    transform: translate(-50%, 1em);
}

[tooltip][flow="leftDown"]::after {
    top: calc(100% + 0em + 5px);
    -webkit-transform: translate(calc(-16px - 5px), 1em);
    -ms-transform: translate(calc(-16px - 5px), 1em);
    transform: translate(calc(-16px - 5px), 1em);
}

[tooltip]:not([flow]):hover::before,
[tooltip]:not([flow]):hover::after,
[tooltip][flow="down"]:hover::before,
[tooltip][flow="down"]:hover::after,
[tooltip][flow="up"]:hover::before,
[tooltip][flow="up"]:hover::after {
    -webkit-animation: tooltipsVert 300ms ease-out 600ms forwards;
    animation: tooltipsVert 300ms ease-out 600ms forwards;
}

[tooltip][flow="left"]:hover::before,
[tooltip][flow="left"]:hover::after,
[tooltip][flow="downLeft"]:hover::before,
[tooltip][flow="downLeft"]:hover::after,
[tooltip][flow="right"]:hover::before,
[tooltip][flow="right"]:hover::after {
    -webkit-animation: tooltipsHorz 300ms ease-out 600ms forwards;
    animation: tooltipsHorz 300ms ease-out 600ms forwards;
}

[tooltip][flow="leftUp"]:hover::before,
[tooltip][flow="leftDown"]:hover::before {
    -webkit-animation: tooltipsVert 300ms ease-out 600ms forwards;
    animation: tooltipsVert 300ms ease-out 600ms forwards;
}

[tooltip][flow="leftUp"]:hover::after,
[tooltip][flow="leftDown"]:hover::after {
    -webkit-animation: tooltipsVertAfterLeft 300ms ease-out 600ms forwards;
    animation: tooltipsVertAfterLeft 300ms ease-out 600ms forwards;
}

[tooltip][flow="rightDown"]:hover::before,
[tooltip][flow="rightUp"]:hover::before {
    -webkit-animation: tooltipsVert 300ms ease-out 600ms forwards;
    animation: tooltipsVert 300ms ease-out 600ms forwards;
}

[tooltip][flow="rightDown"]:hover::after,
[tooltip][flow="rightUp"]:hover::after {
    -webkit-animation: tooltipsVertAfterRight 300ms ease-out 600ms forwards;
    animation: tooltipsVertAfterRight 300ms ease-out 600ms forwards;
}

[tooltip=""]::before,
[tooltip=""]::after {
    display: none !important;
}

/* Классы для адаптивности */

@media screen and (max-width: 768px) {
    [tooltip].tooltip--small-left:before,
    [tooltip].tooltip--small-left:after {
        top: 50%;
        -webkit-transform: translate(-1em, -50%);
        -ms-transform: translate(-1em, -50%);
        transform: translate(-1em, -50%);
    }

    [tooltip].tooltip--small-left:before {
        border-right-width: 0;
        border-left-color: #2c2c2c;
        left: calc(0em - 5px);
        border-left-width: 5px;
    }

    [tooltip].tooltip--small-left:after {
        right: calc(100% + 0em + 5px);
        left: auto;
    }

    [tooltip].tooltip--small-leftUp::before {
        bottom: calc(100% + 1px);
        border-bottom-width: 0;
        border-top-color: #2c2c2c;
        -webkit-transform: translate(-50%, -1em);
        -ms-transform: translate(-50%, -1em);
        transform: translate(-50%, -1em);
        right: 50%;
        left: auto;
    }

    [tooltip].tooltip--small-leftUp::after {
        bottom: calc(100% + 0em + 5px);
        -webkit-transform: translate(calc(-16px - 5px), -1em);
        -ms-transform: translate(calc(-16px - 5px), -1em);
        transform: translate(calc(-16px - 5px), -1em);
        right: 30%;
        left: auto;
    }

}


/* KEYFRAMES для тултипов */
@-webkit-keyframes tooltipsVert {
    to {
        opacity: 0.9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@keyframes tooltipsVert {
    to {
        opacity: 0.9;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@-webkit-keyframes tooltipsHorz {
    to {
        opacity: 0.9;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@keyframes tooltipsHorz {
    to {
        opacity: 0.9;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }
}

@-webkit-keyframes tooltipsVertAfterLeft {
    to {
        opacity: 0.9;
        -webkit-transform: translate(calc(-16px - 5px), 0);
        transform: translate(calc(-16px - 5px), 0);
    }
}

@keyframes tooltipsVertAfterLeft {
    to {
        opacity: 0.9;
        -webkit-transform: translate(calc(-16px - 5px), 0);
        transform: translate(calc(-16px - 5px), 0);
    }
}

@-webkit-keyframes tooltipsVertAfterRight {
    to {
        opacity: 0.9;
        -webkit-transform: translate(calc(16px + 5px), 0);
        transform: translate(calc(16px + 5px), 0);
    }
}

@keyframes tooltipsVertAfterRight {
    to {
        opacity: 0.9;
        -webkit-transform: translate(calc(16px + 5px), 0);
        transform: translate(calc(16px + 5px), 0);
    }
}

/* Тултипы конец */

.meta-data {
    margin-bottom: 0 !important;
}

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

.meta-block__row .product-meta-field,
.meta-block label.middle {
    margin: 0;
}

.meta-block {
    margin-bottom: 15px;
}

.seo-img-popup__desc {
    font-size: 13px !important;
    line-height: 1.3 !important;
}

.mg-admin-html .size-overflow {
    overflow: auto;
    white-space: nowrap;
}

.mg-admin-html .size-overflow {
    margin: 10px !important;
}

.mg-admin-html .size-map__desc {
    max-width: 650px;
}

.mg-admin-html .size-map__desc {
    line-height: 1.3 !important;
    background: #fff;
    padding: 10px !important;
    border: 1px solid #e6e6e6;
    margin-left: 10px;
}

.mg-admin-html .color-img {
    width: 26px;
    height: 26px;
    border: 1px solid #e6e6e6;
}

.mg-admin-html .size-map__table td {
    font-weight: 700;
}

.mg-admin-html .with-tooltip {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.row--textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html button:focus,
.mg-admin-html a {
    outline: none;
}

.mg-admin-html .mobileInformers > .submenu__item {
    position: relative;
}

.mg-admin-html .widget-header__title {
    font-size: inherit;
    line-height: inherit;
    display: inline;
}

.mg-admin-html .header-btn__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mg-admin-html .header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
}

.mg-admin-html .header-btn__title {
    color: #fff;
    font-size: .8em;
    line-height: 1;
}

.mg-admin-html .header-btn__svg {
    fill: #fff;
    margin-bottom: 5px;
}

.productMainData__img {
    width: 200px;
    float: left;
}

.productMainData__right {
    width: calc(100% - 220px);
    float: right;
}

.mg-admin-html .productMainData__field input {
    margin-bottom: 0;
}

.product_field {
    margin-bottom: 15px;
}

.typeGroupVar {
    white-space: nowrap;
}

.showGroupVar__td {
    padding: 0 10px !important;
}

.showGroupVar__td .showGroupVar {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.showGroupVar__td .showGroupVar:hover {
    -webkit-box-shadow: 0 0 0px 3px #777;
    box-shadow: 0 0 0px 3px #777;
}

@media screen and (max-width: 940px) {
    .mg-admin-html .header-btn {
        display: none;
    }
}

.mg-admin-html .select-lang__wrap--product {
    right: 83px;
}

@media screen and (max-width: 480px) {
    .mg-admin-html .select-lang__wrap,
    .mg-admin-html .select-lang__wrap--product {
        right: 40px;
    }

    .mg-admin-html .img-dropzone {
        display: none;
    }

    .reveal .add-img-block .main-image .custom-popup,
    .reveal .add-img-block .main-image .popup-holder {
        position: static;
    }

    .reveal .close-button {
        font-size: 30px;
        top: 8px;
        right: 13px;
    }

    .buttons-holder.fl-left {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .mg-admin-html .widget .widget-panel .buttons-holder {
        margin-bottom: 10px;
    }

    .widget-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .mg-admin-html .widget .widget-panel .buttons-holder .button {
        height: auto;
        padding: 10px 0;
        margin: 0 0 5px !important;
        font-size: 15px;
        text-align: center;
        line-height: 1.3;
        display: -ms-flexbox;
        display: flex;
        display: -webkit-box;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        white-space: nowrap;
    }

    .mg-admin-html .catalog_uploads_container_wrapper {
        margin: 0;
    }

    .mg-admin-html .widget .widget-panel .setDefaultMargin {
        margin: 0 0 10px 0 !important;
        width: 100%;
        padding: 10px;
    }

    #tab-currency-settings .main-settings-list {
        min-width: 450px;
    }

    .table-with-arrow__wrap {
        max-width: 100%;
        overflow: auto;
    }

    .mg-admin-html h4 {
        font-size: 15px;
    }

    .catalog_uploads_container_wrapper,
    .mg-admin-html .widget .widget-panel .button.secondary.tip.import-csv {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .catalog_uploads_container_wrapper span,
    .mg-admin-html .widget .widget-panel .button.secondary.tip.import-csv span {
        text-align: center;
    }

    .button.mg-panel-toggle.tip.show-filters {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .mg-admin-html .widget .widget-panel .search-block {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .table-pagination {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .mg-admin-html .widget .widget-panel .search-block input[type=search] {
        font-size: 15px;
        padding: 19px 10px;
        line-height: 1.4;
    }

    .mg-admin-html .table-pagination .pagination li a {
        font-size: 16px;
        line-height: 2.1;
        min-width: 37px;
        height: 35px;
        padding: 0 3px;
        -webkit-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        text-align: center;
        color: #333;
        border: 1px solid #e6e6e6;
        background: #fff;
    }

    .custom-popup.seo-img-popup {
        width: 100%;
        margin: 10px 0 !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 1px solid #e6e6e6;
    }

    .mg-admin-html .main-img-action {
        opacity: 1;
        visibility: visible;
    }

    .main-image .img-holder:after {
        display: none;
    }

    .variant-table-wrapper .variant-table tr th:not(:first-of-type):not(:last-of-type) {
        min-width: 100px;
    }


    .mg-admin-html .new-added-prop__innerwrap label {
        border-width: 0;
    }

    #add-product-wrapper .select-currency-block {
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    }

    .reveal .variant-table-wrapper .table-wrapper {
        padding-top: 15px;
        padding-bottom: 60px;
    }

    .reveal .variant-table-wrapper [tooltip][flow="leftUp"]:hover::before,
    .reveal .variant-table-wrapper [tooltip][flow="leftDown"]:hover::before {
        display: none;
    }

    .mg-admin-html .custom-popup--center {
        right: calc(100% + 12px);
        left: auto;
        top: 0;
        -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    }

    .mg-admin-html .custom-popup--center:before {
        top: -20px;
        right: 0;
        left: 0;
        margin: auto;
        width: 10px;
        height: 10px;
        content: '';
        border-left: 10px solid white;
        border-right: 0px solid #04040400;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
    }

    .sub-images .image-item {
        width: calc(50% - 5px);
        margin: 0 10px 10px 0;
        background: #fff;
    }

    .sub-images .image-item:nth-child(2n) {
        margin-right: 0;
    }

    .image-item.parent .custom-popup.seo-img-popup {
        top: 100%;
        left: 0;
        width: calc(100vw - 35%);
    }

    .image-item.parent:nth-child(2n) .custom-popup.seo-img-popup {
        right: 0;
        left: auto;
    }

    .image-item.parent .custom-popup.seo-img-popup:before {
        top: -20px;
        left: 20px;
        border-top: 10px solid transparent;
        border-right: 10px solid transparent;
        border-bottom: 10px solid #6e6e6e;
        border-left: 10px solid transparent;
    }

    .image-item.parent:nth-child(2n) .custom-popup.seo-img-popup:before {
        left: auto;
        right: 20px;
    }

    .reveal .add-related-product-block .add-related-button-wrapper .custom-popup {
        position: static;
        margin: 10px 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        width: 100%;
    }

    /*.mg-admin-html td.product-picture.image_url {*/
    /*display: none;*/
    /*}*/
    .mg-admin-html body {
        padding-bottom: 95px;
        position: relative;
    }

    #vpbutton {
        display: inline-block;
    }

    .sort-by-image,
    .mg-admin-html .section-catalog .product-table .mover {
        display: none !important;
    }

    .mg-admin-html table.main-table tr th.number {
        padding: 5px 0;
    }
}

.mg-admin-html .table-arrow {
    position: absolute;
    z-index: 20;
    top: 50px;
    width: 45px;
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    opacity: .2;
    border-radius: 100px 0 0 100px;
    background: #333;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.mg-admin-html .table-arrow-left {
    opacity: .2;
    border-radius: 0 100px 100px 0;
}

.mg-admin-html .table-arrow-left {
    left: 0;
}

.mg-admin-html .table-arrow-left i {
    margin-right: 10px;
}

.mg-admin-html .table-arrow-right i {
    margin-left: 10px;
}

.mg-admin-html .table-arrow-left i,
.mg-admin-html .table-arrow-right i {
    font-size: 30px;
    color: #fff;
}

.mg-admin-html .table-arrow-right {
    right: 0;
    cursor: pointer;
}

.flex-jcb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.mg-admin-html .section-catalog .product-table td.mover {
    padding: 0 10px;
}

.vpbutton--visible {
    display: inline-block;
}

/* 1с таблица логов */
.log-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.log-wrapper .log-columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-around;
}

.log-wrapper .table-wrapper {
    border: 1px solid #649af0;
}

.log-wrapper .log-columns > * {
    min-width: 140px;
}

.mg-admin-html .action-list button, .mg-admin-html .action-list a {
    font-size: 16px;
}

.mg-admin-html .paramToChart .hasDatepicker,
.mg-admin-html label.text.input-group-label {
    padding: 0 5px;
    margin: 0;
}

.mg-admin-html .widget .widget-panel .paramToChart .button {
    margin-bottom: 0;
}

.log-wrapper .log-day {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 540px;
    overflow-y: auto;
    border: 1px solid #eaeaea;
    border-top: 0;
}


.log-wrapper .log-time {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-height: 540px;
    overflow-y: auto;
}

.logerTable.main-table thead td {
    border-top: 0;
}

.log-wrapper .log-one {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40%;
    cursor: pointer;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-top: 1px solid gainsboro;
    max-height: 36px;
    min-height: 36px;
    position: relative;
    overflow: hidden;
}


.log-wrapper .log-one.active,
.log-wrapper .log-one:hover {
    background-color: #649af0;
    color: #fff;
}

.log-one:after {
    content: '';
    position: absolute;
    right: -18px;
    top: 0;
    bottom: 0;
}

.log-one.active:after,
.log-wrapper .log-one:hover:after {
    border: 18px solid transparent;
    border-left: 17px solid #649af0;
    background: #fff;
}

.mg-admin-html .accordion-1c-settings {
    margin-top: 10px;
    display: block;
}

.down-log {
    vertical-align: middle;
    margin-right: 5px;
}

.mg-admin-html .section-settings .accordion-content label:not(.button) {
    line-height: 1.3;
    padding: 5px 15px 5px 0;
}

.table-arrow--fixed {
    position: fixed !important;
}

.table-arrow-left.table-arrow--fixed {
    left: 13px;
    right: auto;
}

.table-arrow-right.table-arrow--fixed {
    right: 13px;
    left: auto;
}

.add-property-group {
    margin-top: 0 !important;
}

.cke_dialog_contents .cke_dialog_ui_vbox_child .cke_dialog_ui_labeled_label {
    height: initial;
}

#add-product-wrapper .sub-images .custom-popup.seo-img-popup.right {
    right: 55px;
}

@media screen and (max-width: 480px) {
    .table-arrow-left.table-arrow--fixed {
        left: 9px;
    }

    .table-arrow-right.table-arrow--fixed {
        right: 9px;
    }
}

.remove-prod-img {
    z-index: 1;
}

.main-image .img-holder__icon--left {
    left: 0;
    right: auto;
    border-left: 0;
    border-right: 1px solid #e3e3e3;
    font-size: 12px;
    height: 20px;
    display: block;
    padding: 0 5px;
    z-index: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.main-img-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.main-img-btn:first-of-type {
    border-right: 1px solid #dadada;
}

.mg-admin-html .main-img-btn {
    margin-bottom: 0;
    font-size: 12px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.remove-prod-img__cross {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
    font-family: 'Roboto-Light', sans-serif;
}

.remove-prod-img span {
    font-size: 19px;
}

.mg-admin-html .main-img-btn:hover,
.main-image .img-holder__icon--left:hover {
    background: #eaeaea;
}

.mg-admin-html .seo-img-popup {
    left: 35px;
    margin-top: -20px;
}

.mg-admin-html .sub-images .seo-img-popup {
    top: 65px !important;
    left: 100%;
}

.remove-prod-img__cross--subimg {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
}

.file-upload-icon {
    width: 20px;
    height: 20px;
    fill: #fff;
}

.mg-admin-html .file-upload-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.img-drag {
    position: absolute;
    width: 25px;
    height: 25px;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: rgb(110, 110, 110);
    border: 2px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: move;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.img-drag:hover {
    background-color: #000;
}

.img-drag__icon {
    width: 15px;
    height: 15px;
    fill: #fff;
}

.mg-admin-html .productMainData__field {
    max-width: 100% !important;
    margin: 0 0 15px !important;
}

.mg-admin-html .product_field__input {
    padding-right: 0 !important;
}

.mg-admin-html .reveal .variant-table-wrapper .variant-table tr th {
    padding-left: 1px;
    padding-right: 5px;
}

#seoImgCat {
    display: block;
}

.mg-admin-html .settings-input.option {
    margin: 0;
}

.mg-admin-html .sett-line {
    margin-bottom: 5px;
}

.mg-admin-html .sett-line .uploaded-img {
    margin-bottom: 0;
    margin-top: 5px;
}

.mg-admin-html .sett-line input[name="shopPhone"] {
    margin-bottom: 5px;
}

.mg-admin-html span.warning-create-images {
    color: #ff5722;
    font-size: 10px;
    line-height: 1.3;
    display: block;
}

.mg-admin-html .sett-line:hover input + label:not(.input-group-label),
.mg-admin-html .sett-line:hover .settings-input,
.mg-admin-html .sett-line:hover [type="text"],
.mg-admin-html .sett-line:hover textarea,
.mg-admin-html .sett-line:hover select,
.mg-admin-html .sett-line .timeWorkContainer [type="text"]:hover {
    -webkit-box-shadow: 0 0 2px 1px #0081ffa1 !important;
    box-shadow: 0 0 2px 1px #0081ffa1 !important;
}

.mg-admin-html div.SumoSelect p.CaptionCont.SelectBox.search {
    width: inherit;
}

.mg-admin-html .category-filter .button {
    margin-top: 0;
}

.mg-admin-html #add-product-wrapper .product_field__label {
    margin-right: 10px;
}

.mg-admin-html .modal-edit-cat .SumoSelect.sumo_parent {
    margin-bottom: 10px;
}

.mg-admin-html .modal-edit-cat label,
.mg-admin-html #add-page-modal label,
.mg-admin-html #add-product-wrapper .productMainData__right label {
    padding: 5px 15px 5px 0 !important;
}

.mg-admin-html .switch-paddle__wrap {
    display: block;
}

.mg-admin-html .question__wrap {
    display: inline-block;
}

#add-order-wrapper .deleteOrderFile {
    font-size: 19px;
    margin-left: 15px;
    cursor: pointer;
}

.mg-admin-html #add-product-wrapper .variant-table__inner-wrap .table-wrapper--overflow_visible,
.mg-admin-html #add-product-wrapper .variant-table__inner-wrap .table-wrapper--overflow_visible .action-list > li,
.mg-admin-html #add-product-wrapper .variant-table__inner-wrap .action-list > li {
    position: static;
}

.mg-admin-html #add-product-wrapper .show-upload-variants--visible {
    opacity: 1;
    visibility: visible;
}

.mg-admin-html .op-user-modal {
    margin-top: 20px;
}

.mg-admin-html .csvPreview {
    max-width: 100%;
    overflow: auto;
}

.mg-admin-html .mg-filter {
    color: #333;
}

.mg-admin-html .section-marketplace .widget-header h4 {
    margin-bottom: 0;
}

.mg-admin-html table.main-table .category-tree td.name {
    min-width: 150px;
    white-space: nowrap;
}

.mg-admin-html table.main-table tr .product-name {
    min-width: initial;
    width: calc(100% - 15px);
}

#add-page-modal .SumoSelect > .optWrapper > .options {
    max-height: 180px;
}

@media screen and (max-width: 320px) {
    .mg-admin-html .seo-gen-tmpl {
        font-size: 13px;
        width: 100%;
    }
}

@media screen and (max-width: 740px) {
    .mg-admin-html .table-pagination .label-select {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 640px) {
    .mg-admin-html .table-pagination .label-select {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 40em) {
    .mg-admin-html .small-padding-collapse {
        padding: 0 !important;
    }

    .mg-admin-html .small-float-reset {
        float: none !important;
    }

    .mg-admin-html .small-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
    }

    .mg-admin-html .mg-filter-item {
        height: auto;
        max-height: 180px;
    }

    .mg-admin-html .small-dash-collapse {
        border-bottom: none !important;
    }

    .mg-admin-html .mp-filter {
        margin-bottom: 10px;
    }

    .mg-admin-html .mp-filter__label {
        width: 70px;
    }

    .mg-admin-html .label-select .select-label,
    .mg-admin-html .table-count-print {
        display: none;
    }

    .mg-admin-html .table-pagination .label-select {
        width: 100%;
        margin-bottom: 10px;
    }

    .mg-admin-html .widget-footer--fixed .mg-pager {
        display: none;
    }

    .mg-admin-html .widget-footer--fixed .table-pagination .label-select {
        margin-bottom: 0;
    }
}


.mg-admin-html .visible .active {
    color: #ffae00;
}

.mg-admin-html #tab-wholesale-settings h5 {
    font-weight: 700;
    color: #333;
}

.mg-admin-html .plugins-dropdown-menu {
    padding: 0;
}

.mg-admin-html .install-plugin span {
    line-height: 29px !important;
}

.mg-admin-html .filter-form label {
    font-weight: 400 !important;
}

.mg-admin-html .addStorage__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-admin-html .mp-top-panel__unit.resetMpCache {
    font-size: 14px;
}

@media screen and (max-width: 1010px) {
    .admin-center .section-marketplace .widget-panel [name='mpFilter'],
    .admin-center .section-marketplace .widget-panel [name='mpFilterType'] {
        width: 140px;
    }

    .mg-admin-html .mp-top-panel__unit.search-block {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

}

@media screen and (max-width: 765px) {
    .mg-admin-html .step-block {
        margin: 210px 9px 10px;
    }

    .mg-admin-html .section-statistic label.dashed {
        border: none;
    }

    .mg-admin-html .section-statistic .body .row .row {
        padding: 5px 10px;
        border: 1px solid #eaeaea;
        margin-top: -1px;
    }

    .mg-admin-html .section-statistic .body .row .row > .columns {
        padding-left: 0;
        width: auto;
    }

    .mg-admin-html .section-statistic .body {
        max-width: 600px;
        margin: 0 auto;
    }


    .mg-admin-html .section-catalog .search-block {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 500px;
        margin-right: 10px;
    }

    .mg-admin-html .widget .widget-panel {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 660px) {
    .mg-admin-html .widget .widget-panel .buttons-holder.paramToChart > * {
        margin-bottom: 10px !important;
    }

    .mg-admin-html .widget .widget-panel .buttons-holder.paramToChart {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 640px) {
    .admin-center .section-marketplace .widget-panel [name='mpFilter'],
    .admin-center .section-marketplace .widget-panel [name='mpFilterType'] {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
    }

    .mg-admin-html .mp-top-panel__unit {
        margin-right: 0;
    }

    .mg-admin-html .section-marketplace .widget-header h4 {
        text-align: center;
    }
}

@media screen and (max-width: 480px) {
    .mg-admin-html .section-marketplace .widget-header h4 button {
        margin-top: 10px;
    }

    .mg-admin-html .section-catalog .search-block {
        margin-right: 0;
    }
}

@media screen and (max-width: 338px) {
    .mg-admin-html .admin-center .section-marketplace .widget-panel [name='mpFilter'] {
        margin-left: 0;
    }
}

@media screen and (max-width: 48em) {
    .mg-admin-html .table-arrow-left.table-arrow--fixed {
        left: 9px;
    }

    .mg-admin-html .table-arrow-right.table-arrow--fixed {
        right: 9px;
    }
}

.mg-admin-html [class*="docs-list"] > li {
    border-bottom: 1px solid #dadada;
}

.mg-admin-html [class*="docs-list"] {
    padding: 0;
}

.mg-admin-html .stm-link__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-admin-html .order-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html .property-operation {
    max-width: 240px;
}

.mg-admin-html .reveal-footer,
.mg-admin-html .panelMargin__footer,
.mg-admin-html .widget .widget-footer_order-modal {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 12;
    overflow: unset;
    background: rgba(255, 255, 255, 0.86);
}

.mg-admin-html .widget .widget-footer_order-modal {
    background: rgb(245, 245, 245);
}

.mg-admin-html .widget .widget-footer_order-modal {
    padding: 0 15px;
}

.section-plugins .widget-panel .button {
    margin: 0;
}

.mg-admin-html .settings-footer {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.86);
    border-top: 1px solid #e6e6e6;
    margin: -1px .625rem 0;
    z-index: 10;
}

.mg-admin-html .main-settings-list tbody td {
    padding-bottom: 0;
}

.mg-admin-html .col-config-modal .jquery-ui-sorter-placeholder {
    height: 45px;
}

.mg-admin-html .col-config-modal .sortable-block .sortable-list > li {
    padding-left: 12px;
}

@media screen and (max-width: 629px) {
    .mg-admin-html .moveToInactive,
    .mg-admin-html .moveToActive {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

.mg-admin-html .reveal .price-settings .price-footer .buttons-holder .popup-holder .custom-popup.panelMargin {
    width: 320px;
    max-height: 380px;
    overflow: auto;
    padding-bottom: 0;
}

.mg-admin-html .section-catalog .custom-popup.panelMargin .button {
    margin: 10px 0 !important;
}

.mg-admin-html .toggle-properties .fa-expand {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    font-size: 13px;
}

@media (pointer: coarse) {
    html {
        -ms-touch-action: manipulation;
        touch-action: manipulation;
    }

    .table-wrapper {
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch
    }
}

.mg-admin-html .disable-hover {
    pointer-events: none;
}

.mg-admin-html .product-info__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html .product-info__img {
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    padding: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 300px;
    flex: 1 1 300px;
}

.mg-admin-html .color-block__title,
.mg-admin-html .size-block__title {
    display: block;
    font-weight: 700;
}

.mg-admin-html .form-sp .sizeMap-row {
    margin: 10px 0;
    max-width: 380px;
}

.mg-admin-html .product-block_part {
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    padding: 15px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 500px;
    flex: 1 1 500px;
}

.mg-admin-html .product-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mg-admin-html .product-block_part_left {
    margin-right: 15px;
    -webkit-box-flex: 3;
    -ms-flex: 3 1 550px;
    flex: 3 1 550px;
}

.mg-admin-html .product-block_part_right {
    -webkit-box-flex: 2;
    -ms-flex: 2 1 320px;
    flex: 2 1 320px;
    max-width: 100%;
}

.mg-admin-html .product-info {
    -webkit-box-flex: 2;
    -ms-flex: 2 1 280px;
    flex: 2 1 280px;
}

.mg-admin-html .sumo_searchCats {
    margin: 0 0 10px;
    max-width: 320px;
    width: 100%;
}

@media screen and (max-width: 1089px) {
    .mg-admin-html .product-block_part_left {
        -ms-flex-preferred-size: 420px;
        flex-basis: 420px;
    }
}

@media screen and (max-width: 943px) {
    .mg-admin-html .product-block_part_left {
        margin: 0 0 10px 0;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .mg-admin-html .order-edit-search .clear-product {
        display: none;
    }

    .mg-admin-html .order-edit-display > .search-block {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .mg-admin-html .order-edit-display > .search-block .searchCats {
        margin-right: 5px !important;
    }

    .mg-admin-html .order-edit-display > .search-block .searchCats,
    .mg-admin-html .order-edit-search {
        width: 100% !important;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 250px;
        flex: 1 1 250px;
        max-width: 100%;
    }

    .mg-admin-html .add-order .search-block {
        width: 100%;
    }

    .mg-admin-html .add-order .search-block input[type="search"] {
        width: 100%;
    }

    .mg-admin-html .order-edit-display__close {
        display: none;
    }
}

.mg-admin-html .amount_input_margin_none {
    margin: 0 !important;
}

.mg-admin-html .form-sp .accordion .accordion-item,
#add-order-wrapper .product-info .amount_input {
    border-radius: 2px;
}

.mg-admin-html .order-edit-display__close {
    position: absolute;
    right: 5px;
    top: -1px;
    font-size: 25px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mg-admin-html .title-sp__title {
    font-weight: 700;
    font-size: 20px;
    font-family: 'Roboto-Bold', sans-serif;
}

.mg-admin-html .form-sp .color,
.mg-admin-html .form-sp .size {
    display: inline-block;
    min-width: 31px;
    height: 31px;
    margin: 5px 5px 5px 0;
    padding: 5px;
    cursor: pointer;
    text-align: center;
    border: 2px solid #e6e6e6;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.mg-admin-html .form-sp .color {
    background: -webkit-gradient(linear, left top, right bottom, from(rgba(255, 255, 255, .25)), to(rgba(0, 0, 0, .125)));
    background: -o-linear-gradient(top left, rgba(255, 255, 255, .25), rgba(0, 0, 0, .125));
    background: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(0, 0, 0, .125));
}

.mg-admin-html .title-sp {
    line-height: 1.2;
    margin-bottom: 5px;
}

.mg-admin-html .form-sp .size-block {
    margin-bottom: 5px;
}

.mg-admin-html .form-sp .color:hover,
.mg-admin-html .form-sp .size:hover {
    border: 2px solid #656565 !important;
}

.mg-admin-html .form-sp .size {
    background-color: #fff;
    outline: none;
    font-size: 14px;
    line-height: 1.4;
}

.mg-admin-html .form-sp .sizeMap-row .size.active,
.mg-admin-html .form-sp .sizeMap-row .color.active {
    border-color: #333 !important;
}

.mg-admin-html .form-sp .size.inactive {
    background: #eaeaea;
    color: #817f7f;
    position: relative;
}

.mg-admin-html .order-payment-sum > div {
    line-height: 28px;
}

.mg-admin-html .section-marketplace .mp-table .actions .buttons .button {
    margin-top: 0;
    margin-bottom: 0;
}

.mg-admin-html .section-marketplace .mp-table .actions .buttons .mpBuyFail {
    text-align: center;
    display: table-cell;
    font-size: 12px;
}

.mg-admin-html .show_sub_menu {
    color: #1585cf;
}

.mg-admin-html .main-table--pages .name {
    display: flex;
    align-items: center;
}

.mg-admin-html .button:active {
    transform: scale(.98);
}

.mg-admin-html .order-payment-sum .sett-line label,
.mg-admin-html .order-other-info .sett-line label {
    border-bottom: 1px dashed #ccc;
}

.mg-admin-html .order-other-info__wrap,
.mg-admin-html .order-payment-sum {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-right: -15px;
    padding: 0 15px 15px;
    background-color: #f5f5f5;
}

.mg-admin-html .order-other-info__wrap {
    padding-top: 0;
}

.mg-admin-html .order-fieldset__inner {
    padding: 10px 20px;
}

.mg-admin-html .order-payment-sum__item {
    flex: 1 1 375px;
    display: flex;
    flex-direction: column;
}

.mg-admin-html .shadow-block {
    background: #fff;
    margin: 0 15px 15px 0;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
}

.mg-admin-html .order-fieldset__h2,
.mg-admin-html .status-table__title,
.mg-admin-html .adding-to-order__title {
    padding: 10px 16px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    margin: 0;
    line-height: 1;
    font-weight: 700;
}

.mg-admin-html .adding-to-order__header {
    width: 100%;
    position: relative;
}

.mg-admin-html .adding-to-order__text-content {
    display: block;
    padding: 5px 15px;
}

.mg-admin-html .order-other-info {
    line-height: 28px;
}

.mg-admin-html .order-other-info__field_wide strong {
    line-height: 1.4;
    margin: 5px 0;
    display: block;
}

.mg-admin-html .order-other-info__field_wide {
    padding-top: 5px;
    padding-bottom: 5px;
}

.mg-admin-html .sett-line strong {
    font-family: 'Roboto-Regular', sans-serif !important;
    display: block;
}

.mg-admin-html .order-history .sett-line select,
.mg-admin-html .order-history .sett-line input {
    margin: 0;
}

.mg-admin-html .order-payment-sum__total {
    margin-top: auto;
}

.mg-admin-html .order-total {
    padding: 10px;
    font-size: 20px;
}

.mg-admin-html .order-total__price,
.mg-admin-html .order-total__currency {
    font-weight: 700;
}

.mg-admin-html .orderStatus__title {
    white-space: nowrap;
    margin-right: 5px;
    font-weight: 700;
}

.mg-admin-html .orderStatus__wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.mg-admin-html .order-fieldset .sett-line .row {
    display: flex;
    flex-wrap: wrap;
}

.mg-admin-html .order-fieldset .customField {
    margin: 0;
}

.mg-admin-html .custom-order-fields .checkbox {
    display: flex;
    align-items: center;
    height: 100%;
}

.mg-admin-html .orderStatus__list {
    width: auto;
}

.order-comment-block__inner,
.user-info-order {
    line-height: 1.4;
}

.mg-admin-html .order-fieldset .order-comment-block {
    margin: 0;
    padding: 15px;
    display: flex;
}

.mg-admin-html .order-comment-block__text-input {
    height: 100%;
    min-height: 90px;
}

.mg-admin-html .order-payment-sum__edit .checkbox label:after {
    border-left: 2px solid #a9a9a9;
    border-bottom: 2px solid #a9a9a9;
}

.mg-admin-html .checkbox input[type=checkbox][disabled] + label {
    border-color: #afafaf !important;
    background: #efefef;
    cursor: not-allowed;
}

.mg-admin-html .checkbox input[type=checkbox][disabled] + label:after {
    border-color: #afafaf;
    cursor: not-allowed;
}

.mg-admin-html .order-payment-sum__item_wide {
    flex: 1 1 100%;
}

.mg-admin-html .widget-footer_order-modal {
    display: flex;
    justify-content: space-between;
}

.mg-admin-html .mailUser {
    position: absolute;
    left: 100%;
    display: flex;
    align-items: center;
    white-space: nowrap;
    margin-left: 10px;
    color: #929292;
}

.mg-admin-html .mailUser__checkbox > label {
    font-size: 13px;
    color: #777;
    margin-left: 5px;
    cursor: pointer;
    transition: .3s;
}

.mg-admin-html .mailUser__checkbox:hover > label {
    color: #333 !important;
}

.mg-admin-html .order-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700;
    margin: 0 0 15px;
}

.mg-admin-html .sett-line--order-address label {
    border: 0 !important;
}

.mg-admin-html .order-payment-sum__edit .sett-line--order-address label {
    border-bottom: 1px dashed #ccc !important;
}

.mg-admin-html .mailUser__popup {
    opacity: 1;
    visibility: visible;
    transition: .3s;
    bottom: calc(100% + 30px);
    left: 0;
    position: absolute;
}

.mg-admin-html .mailUser__popup--hidden {
    opacity: 0;
    visibility: hidden;
}

.mg-admin-html .status-message {
    background: #fff;
    width: 350px;
    border: 1px solid #e6e6e6;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
}

.mg-admin-html .status-message:after {
    content: "";
    border: 7px solid transparent;
    z-index: 1001;
    top: 100%;
    left: 7px;
    border-bottom-width: 0;
    border-top-color: #d2d2d2;
    position: absolute;
    transition: .3s;
}

.mg-admin-html .status-message__input,
.mg-admin-html .status-message__inner {
    margin: 0;
}

.mg-admin-html .status-message__inner {
    padding: 15px;
}

.mg-admin-html .status-message__text-content {
    display: block;
    max-width: 100%;
    white-space: normal;
    margin-bottom: 5px;
}

.mg-admin-html .status-message:hover {
    border: 1px solid #afafaf;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .05), 0 2px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.09), 0 2px 6px rgba(0, 0, 0, .05);
}

.mg-admin-html .status-message:hover:after {
    border-top-color: #afafaf;
}

.mg-admin-html .status-message__input {
    padding: 10px;
}

.mg-admin-html .status-message__input::-webkit-input-placeholder {
    color: #7c7c7c;
}

.mg-admin-html .status-message__input:-ms-input-placeholder {
    color: #7c7c7c;
}

.mg-admin-html .status-message__input::-ms-input-placeholder {
    color: #7c7c7c;
}

.mg-admin-html .status-message__input::-moz-placeholder {
    color: #7c7c7c;
}

.mg-admin-html .status-message__input::placeholder {
    color: #7c7c7c;
}

.mg-admin-html .mailUser__checkbox {
    display: flex;
    align-items: center;
}

.mg-admin-html .status-message .status-message__close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    background: rgba(255, 255, 255, 0.76);
    color: #2e4954;
    font-size: 20px;
    line-height: 0.5;
}

.mg-admin-html .status-message .status-message__close span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: block;
}

.mg-admin-html .status-table__wrap {
    margin: 0 15px 15px;
}

.mg-admin-html .work-area__inner {
    background-color: #f5f5f5;
}

.mg-admin-html .category-filter {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: -10px;
    font-weight: 100;
}

.mg-admin-html .category-filter .editor-order {
    margin-right: auto;
    margin-left: 0;
}

.mg-admin-html .wrapper .order-data .top-block {
    border-bottom: 0;
}

.mg-admin-html .wrapper .work-area .adding-to-order {
    padding: 0 15px;
    border-bottom: 0;
}

#orderContent .count,
#orderContent .weight,
#orderContent .summ {
    white-space: nowrap;
}

.mg-admin-html .widget-footer__price {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.mg-admin-html .product-block__inner {
    margin-bottom: 15px;
}

.mg-admin-html .order-header .currSpan {
    margin-left: auto;
}

#orderContent .prod-remove {
    padding-right: 15px;
}

#orderContent td:not(.title),
.mg-admin-html .status-table th:not(.prod-name),
.mg-admin-html .orders-table-wrapper .main-table input {
    text-align: center;
}

.mg-admin-html .add-delivery-info {
    justify-content: flex-end;
}

@media screen and (max-width: 750px) {
    .mg-admin-html .widget-footer__price {
        font-size: 16px;
        margin-right: auto;
        white-space: nowrap;
        padding: 5px;
    }

    .mg-admin-html .widget-footer .orderStatus__list {
        width: auto !important;
        max-width: 135px !important;
    }

    .mg-admin-html .orderStatus__wrap {
        flex-direction: column-reverse;
        align-items: flex-start;
        max-width: 150px;
    }

    .mg-admin-html .mailUser {
        margin-left: 0;
        position: static;
        padding: 5px 0;
    }

    .mg-admin-html .widget .widget-footer_order-modal {
        padding: 5px 15px;
    }

    .mg-admin-html .order-payment-sum .sett-line label,
    .mg-admin-html .order-other-info .sett-line label {
        border-bottom: 0;
    }

    .mg-admin-html .widget-footer_order-modal .save-button {
        overflow: hidden;
    }
}

.mg-admin-html .delivery-addition-info {
    margin-top: 5px;
}

.mg-admin-html .sett-line:hover .add-delivery-info input,
.mg-admin-html .sett-line:hover .add-delivery-info select,
.mg-admin-html .sett-line:hover .add-delivery-info textarea {
    box-shadow: none !Important;
}

.mg-admin-html .sett-line .add-delivery-info input:hover,
.mg-admin-html .sett-line .add-delivery-info select:hover,
.mg-admin-html .sett-line .add-delivery-info textarea :hover {
    box-shadow: 0 0 2px 1px rgba(0, 129, 255, 0.63) !important;
}

.mg-admin-html #user-group-modal .reveal-footer {
    overflow: hidden;
}

.mg-admin-html .g-recaptcha {
    margin-bottom: 10px;
}

.mg-admin-html .g-recaptcha > div {
    max-width: 100%;
    overflow: hidden;
}

@media screen and (max-width: 640px) {
    .mg-admin-html .mg-enter {
        top: 0;
    }

    .mg-admin-html body {
        padding-top: 20px;
    }
}

.mg-admin-html .reveal_guide {
    max-width: 980px;
    width: 100%;
    overflow: hidden;
}

.mg-admin-html .elfinder .elfinder-cwd table td div {
    box-sizing: content-box;
    display: flex;
    align-items: center;
}

.mg-admin-html .settingsOperationParam,
.mg-admin-html .pageOperationParam,
.mg-admin-html .categoryOperationParam {
    display: inline-block;
    margin-left: 10px;
}

.mg-admin-html .imageFormToProp {
    cursor: pointer;
}

.mg-admin-html .customUtm .button {
    margin: 0;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}


@media screen and (max-width: 640px) {
    .mg-admin-html .mg-enter {
        top: 0;
    }
    .mg-admin-html body {
        padding-top: 55px;
        padding-bottom: 0;
    }
}

.mg-admin-html .order-operation__wrap {
    margin-right: 10px;
}

.mg-admin-html .assortmentCheckBox label {
    margin-bottom: 5px;
}

.mg-admin-html .interfColor,
.pickr .pcr-button,
.mg-admin-html .color-list li,
#backgroundColorSite {
    border-radius: .15em;
    box-shadow: 0 0 0 2px #ccc;
    cursor: pointer;
}

.mg-admin-html .textures__item_active,
.mg-admin-html .textures li:focus,
.mg-admin-html .textures li.active,
.mg-admin-html .interfColor:focus {
    box-shadow: 0 0 0 2px #2773eb !important;
    outline: none;
}

.mg-admin-html .order-comments__item {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0;
    border-radius: 2px;
}

.mg-admin-html .order-comments__item:first-of-type,
.mg-admin-html .order-comments__item:first-of-type .order-comment__header {
    padding-top: 0;
}

.mg-admin-html .order-comment {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.mg-admin-html .order-comments__new {
    margin-top: 1em;
}

.mg-admin-html .order-comment__header {
    display: flex;
    align-items: center;
    line-height: 1;
    padding: 5px 0;
    width: 100%;
}

.mg-admin-html .order-comment__time {
    color: #6a6a6a;
}

.mg-admin-html .order-comment__btn_delete {
    color: #6a6a6a;
    text-decoration: underline;
    margin-bottom: 5px;
    margin-left: auto;
}

.mg-admin-html .order-comment__text {
    margin: 0;
    padding: 5px 0;
    width: 100%;
}

.mg-admin-html .order-comment__email {
    color: #6a6a6a;
}

.mg-admin-html .order-comment__delimeter {
    display: block;
    padding: 0 5px;
    font-size: 20px;
    line-height: 14px;
    color: #e6e6e6;
}

.mg-admin-html .order-comments__inner {
    max-height: 330px;
    overflow: auto;
}

.mg-admin-html .order-comments__empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    color: #c7c7c7;
}

.mg-admin-html .new-comment__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mg-admin-html .new-comment__title {
    display: flex;
    align-items: center;
}

.mg-admin-html .sett-line .checkbox {
    display: inline-block;
}

.mg-admin-html .sett-line .viewAgreement {
    vertical-align: super;
    margin: 6px 0 0 5px;
}

.mg-admin-html #quickstart-modal .row {
    margin-bottom: 15px
}

.mg-admin-html #quickstart-modal .row .dashed {
    line-height: initial;
}

.mg-admin-html .admin-options__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mg-admin-html .admin-options__title {
    margin-left: 5px;
    line-height: 1.4;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer;
}

.mg-admin-html .admin-options:hover .admin-options__label {
    -webkit-box-shadow: 0 0 2px 1px #0081ffa1 !important;
    box-shadow: 0 0 2px 1px #0081ffa1 !important;
}

.mg-admin-html #user-property-edit .select-lang__wrap {
    right: 85px;
}

.mg-admin-html #tab-shop-settings .columns span input[type=number] {
    display: inline-block;
}

.mg-admin-html #tab-shop-settings .js-settline-toggle .columns .margin > span:first-child {
    width: 210px;
    display: inline-block;
}

.mg-admin-html #overlay {
    height: 100vh;
}

.mg-admin-html .modal--opened {
    position: fixed !important;
    left: 0;
    right: 0;
}

.mg-admin-html .openQuickstartModal {
    margin-top: 15px;
    margin-left: 10px;
}

.mg-admin-html .error-server {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    max-height: 40vh;
    overflow: auto;
    border-top: 5px solid #e47071;
    z-index: 9999;
}

.mg-admin-html .one-line {
    display: flex !important;
    align-items: center;
}

.mg-admin-html .shadow-block__h2 {
    padding: 10px 16px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 16px;
    margin: 0;
    line-height: 1;
    font-weight: 700;
}

.mg-admin-html .shadow-block__inner {
    padding: 20px;
}

.mg-admin-html .file-template__component {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background: #4caf50;
    display: flex !important;
    align-items: center;
    color: #fff;
    padding: 0 5px;
    overflow: visible !important;
}

.mg-admin-html .file-template__component::after {
    left: 100% !important;
}

.mg-admin-html .file-template__component_name{
    display: inline-block;
    cursor: pointer;
    background: #868686;
    padding: 3px 5px 3px 5px;
    color: white;
    margin: 5px 0px 3px 0px;
    width: auto;
    border-radius: 2px;
}

.mg-admin-html .color-scheme {
    background-size: contain;
}

.mg-admin-html .templ-user-colors {
    display: none;
    border: 1px solid #fff;
    border-radius: 2px;
}

.mg-admin-html .templ-user-colors__item {
    display: flex;
    align-items: center;
}

.mg-admin-html .templ-user-colors__item:not(:last-of-type) {
    margin-bottom: 10px;
}

.mg-admin-html .templ-user-color__picker {
    margin-right: 5px;
}

.mg-admin-html .badge_paid {
    width: 31px;
    text-align: center;
}

.mg-admin-html .badge_paid_false {
    background: #a9a5a5;
}

.mg-admin-html .badge_paid_true {
    background: #66b916;
}

.mg-admin-html .timeWorkContainer input {
    margin: -1px 0 0 -1px;
}

.mg-admin-html .timeWorkContainer:nth-child(1) {
    margin-top: 1px;
}

.mg-admin-html .timeWorkContainer {
    margin-left: 1px;
}

.mg-admin-html .sett-line:hover .timeWorkContainer [type="text"] {
    box-shadow: none !important;
}

.mg-admin-html .timeWorkContainer input:focus,
.mg-admin-html .timeWorkContainer input:hover,
.mg-admin-html .sett-line:hover .timeWorkContainer input:focus,
.mg-admin-html .sett-line:hover .timeWorkContainer input:hover {
    z-index: 1;
    position: relative;
    -webkit-box-shadow: 0 0 2px 1px rgba(0, 129, 255, 0.63) !important;
    box-shadow: 0 0 2px 1px rgba(0, 129, 255, 0.63) !important;
}

.mg-admin-html .addTimeWork {
    margin: 10px 0;
}

.mg-admin-html .count_on-storage {
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cke_codefile {
    margin-top: 10px;
    overflow: hidden;
    border: 1px solid #e6e6e6 !important;
}

.mg-admin-html .main-settings-list .accordion {
    margin: 0;
}

.mg-admin-html .main-settings-list #data > td {
    padding: 0;
}

#descriptionLetters:empty {
    display: none;
}

.mg-admin-html .whole-users-table td {
    border: 1px solid #e6e6e6;
    border-width: 1px 1px 0;
    padding: 0 !important;
}

.mg-admin-html .whole-users-table tr:last-of-type td {
    border-bottom-width: 1px;
}

.mg-admin-html .whole-users-table tr td:first-of-type {
    border-right-width: 0;
}

.mg-admin-html .whole-users-table .whole-users-table__select {
    border: none;
    width: 100%;
    height: auto;
    margin: 0;
    line-height: 1;
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}

.mg-admin-html .whole-cell__inner {
    display: block;
    padding: 7px;
    font-size: 13px !important;
}

.mg-admin-html .whole-prices-table {
    border: 1px solid #e6e6e6;
    border-width: 0 1px;
}

.mg-admin-html .userField_columns {
    display: flex;
    flex-wrap: wrap;
}

.mg-admin-html .userField_columns .userfd {
    flex: 0 1 570px;
    display: inline-flex;
}

.mg-admin-html .userField_columns .new-added-prop {
    width: 100%;
    display: flex;
}

.mg-admin-html .userField_columns .admin-options {
    line-height: 1;
    height: auto !important;
}

.mg-admin-html .userField_columns .new-added-prop__innerwrap {
    width: 100%;
}

.mg-admin-html .userField_columns .assortmentCheckBox {
    height: 100%;
}

.mg-admin-html .status-table__img {
    width: 50px;
    min-width: 50px;
}

.mg-admin-html .change-letter-template:empty {
    display: none;
}

#cke_codeBaseForLetter .cke_inner {
    border: 1px solid #eaeaea;
}

.mg-admin-html .img-iploader-to-prop {
    height: 30px;
    width: 30px;
    border: 1px solid #ccc!important;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0!important;
    cursor: pointer;
}

.mg-admin-html .file-template__inner {
    display: block;
}

.mg-admin-html .file-template__inner:after {
    word-break: break-word;
}

.mg-admin-html .section-settings .new-added-properties label {
    border: none;
}

.mg-admin-html .payment-cell {
    display: flex;
    align-items: center;
    min-width: 200px;
}

/* Фиксы Safari */
.mg-admin-html .safari-browser .reveal-footer,
.mg-admin-html .safari-browser .panelMargin__footer,
.mg-admin-html .safari-browser .widget .widget-footer_order-modal {
    position: relative;
}

.mg-admin-html .row > * {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.mg-admin-html .row--textarea > .columns {
    flex-basis: auto;
}

.mg-admin-html .mg-debug-plugins-btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.mg-admin-html .mg-debug-plugins-btns__item {
    margin-bottom: 10px!important;
}

.mg-admin-html .row-filter-stickers > * {
    flex-grow: 0!important;
    white-space: nowrap;
}

@media screen and (max-width: 1100px) {
    .mg-admin-html .section-catalog .search-block,
    .mg-admin-html .widget .widget-panel .buttons-holder > .button {
        margin-bottom: 10px;
    }
}

.mg-admin-html .introjs-showElement .header-btn__title {
    color: #2773eb;
}
.mg-admin-html .introjs-showElement .header-btn__svg {
    fill: #2773eb;
}

.mg-admin-html .header-btn__svg_hints {
    border-radius: 50%;
}

.mg-admin-html .pulse {
    cursor: pointer;
    -webkit-animation: pulse 1.5s infinite;
    animation: pulse 1.5s infinite;
    -webkit-box-shadow: 0 0 0 rgba(76, 175, 80, .4);
    box-shadow: 0 0 0 rgba(76, 175, 80, .4);
}
.mg-admin-html .pulse:hover {
    -webkit-animation: none;
    animation: none;
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, .4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, .4);
        box-shadow: 0 0 0 0 rgba(76, 175, 80, .4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
        box-shadow: 0 0 0 10px rgba(76, 175, 80, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
        box-shadow: 0 0 0 0 rgba(76, 175, 80, 0);
    }
}
.mg-admin-html .section-hits {
    position: absolute;
    padding: 0 15px!important;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 1px solid #e6e6e6!important;
}
.mg-admin-html .section-hits__icon {
    width: 20px;
    height: 20px;
    fill: #828282;
    border-radius: 50%;
}
.mg-admin-html .section-hits:hover .section-hits__icon {
    fill: #2773eb;
}

.mg-admin-html .widget_main .widget-header {
    position: relative;
    padding-right: 60px!important;
}

.mg-admin-html .template-schemes {
    max-width: 300px;
}
.mg-admin-html .count .error_count{
    color:#f44336;
}

.mg-admin-html .SumoSelect label {
    border: none!important;
}

.mg-admin-html .adjust-opt-prices {
    display: flex;
    max-width: 1000px!important;
}

.mg-admin-html .adjust-opt-prices__item {
    flex: 1 1 25%;
    margin: 0 10px 10px 0!important;
}

@media screen and (max-width: 564px) {
    .mg-admin-html .adjust-opt-prices {
        flex-direction: column;
    }
    .mg-admin-html .adjust-opt-prices__item {
        flex: 100%;
        margin-right: 0!important;
    }
}

.mg-admin-html .addShortLink-table {
    width: 100%;
}

.mg-admin-html .addShortLink-btns .search-block {
    width: calc(100% - 20px);
    max-width: 320px;
}

.mg-admin-html .addShortLink-btns .search-block__input {
    width: 100%!important;
}

.mg-admin-html .widget .widget-panel-content .actions-panel .actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 -10px -10px auto;
    max-width: 600px;
    width: 100%;
    white-space: nowrap;
}

.mg-admin-html .widget .widget-panel-content .actions-panel .actions .button {
    flex: 1 1 130px;
    margin: 0 10px 10px 0;
}

.mg-admin-html .widget .widget-panel-content .actions-panel .actions .button.csvExport {
    flex-grow: 2;
    flex-basis: 230px;
}

@media screen and (max-width: 768px) {
    .cke_dialog {
        position: fixed!important;
    }
}
/*Стили для выбора товаров Яндекс Маркет*/
.yandex-market-product .searchResult {
 
}

.yandex-market-product .searchResult > .item {
  display: inline-flex !important;
  min-height: 52px;
  width: 100%;
  padding-left: 5px;
  padding-bottom: 2px;
  flex-wrap: nowrap;
}

.yandex-market-product .searchResult > .item > .title {
  display: inline-flex !important;
  width: 100%;
}

.yandex-market-product .searchResult .item:hover {
  background: #eee;
  height: 100%;
}

.yandex-market-product .searchResult .item div {
  display: inline-flex;
  align-items: center;
  font-size: 14px !important;
}

.yandex-market-product .searchResult .img {
  height: 50px;
  width: 50px;
}

.yandex-market-product .searchResult img {
  width: auto;
  height: 100%;
}

.yandex-market-product .searchResult .title {
  width: 100%;
  margin: 0 !important;
  padding: 0 10px;
  font-family: 'Roboto-Regular', sans-serif !important;
  cursor: pointer;
}

.yandex-market-product .searchResult .variant {
  cursor: pointer;    
}

.yandex-market-product .searchResult .price {
  width: 200px;
}

.yandex-market-product .searchResult ul {
  display: none;
  list-style: none;
}

.yandex-market-product .searchResult li {
  display: inline-flex;
  width: 100%;
}
.yandex-market-product .product-content  {
    overflow-y: scroll;    
    border: 20px solid #f3f3f3;
    display: flex;
    flex-direction: column;
}

.yandex-market-product .product  {
  height: 75px;  
  display: inline-flex;
  align-items: center;
  font-size: 14px !important;
  padding-left: 7px;
  border-bottom: 1px solid #ccc;
}

.yandex-market-product .product .img {
  padding: 5px;
  height: 75px;
  width: 100px;
}

.yandex-market-product .product img {
  width: auto;
  height: 100%;
}

.yandex-market-product .product .title {
  width: 100%;
  margin: 0 !important;
  padding: 0 10px;
  font-family: 'Roboto-Regular', sans-serif !important;
}

.yandex-market-product .product .price {
  width: 200px;
}

.yandex-market-product .product .code{
  width: 250px !important;
  margin: 0 !important;
  padding-left: 10px;
  padding-right: 10px;
}

.yandex-market-product .product .product-reset {
  padding-right: 7px;
}

.yandex-market-product .product .product-reset i {
  cursor:pointer;
  font-size: 20px;
}

.yandex-market-product .td-image {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin-right: 15px;
}

.yandex-market-product .td-image img {
  height: 100%;
  width: auto;
}

.yandex-market-product .variant {
  padding: 10px;
}

.yandex-market-product .with-vars {
  flex-wrap: wrap;
  position: relative;
}

.yandex-market-product .searchResult .with-vars.active ul {
  display: inline-flex;
  flex-direction: column;
  background: #fff;
  position: relative;
}

.yandex-market-product ul li {
  cursor: pointer;
  align-items: center;
}

.yandex-market-product .use-as-prod-var{
    display: flex;
    justify-content: end;
    width: 100%;
}
.yandex-market-product .use-as-prod-var div span{
   width: 100px;
}

.SumoSelect.sumo_debugDisablePlugin{
    width: 100%;
}
.section-order #show_mail_popup .reveal-header .mail-send span{
    font-weight: bold;
}
.deliverys .delete-custom-delivery{
    color: #333 !important;
}

.mg-admin-html .section-settings td.engine-setting-td{
    max-width: 350px;
    overflow: auto;
}

.checkEngineDiv-header{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.section-settings .show-engine-settings-table{
    margin-top: 10px;
    border: 1px solid #f2f2f2;
    max-width: 100%;
    border-spacing: 0;
    width: 100%;
}
.section-settings .show-engine-settings-table td{
    border-bottom: 1px solid #f2f2f2;
    border-left: 1px solid #f2f2f2;
    padding: 5px;
    color: #333333;
}
.admin-center .sumo_cat_id{
    width: 100%;
}