/* Minification failed. Returning unminified contents.
(97,36): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(99,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(114,29): run-time error CSS1039: Token not allowed after unary operator: '-black'
(135,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(136,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(137,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(138,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(139,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(140,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(141,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(143,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(145,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(146,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(147,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(148,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(149,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(151,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(152,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(187,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(195,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(215,17): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(219,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(237,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(241,17): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(257,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(321,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(354,18): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(365,28): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(366,29): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(391,24): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(392,25): run-time error CSS1039: Token not allowed after unary operator: '-padding'
 */
/* Minification failed. Returning unminified contents.
(63,36): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(65,25): run-time error CSS1039: Token not allowed after unary operator: '-dark-grey'
(80,29): run-time error CSS1039: Token not allowed after unary operator: '-black'
(101,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(102,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(103,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(104,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(105,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(106,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(107,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(109,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(110,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(111,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(112,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(113,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(114,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(115,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(117,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(118,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(153,28): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(161,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(181,17): run-time error CSS1039: Token not allowed after unary operator: '-light-yellow'
(185,17): run-time error CSS1039: Token not allowed after unary operator: '-red'
(203,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(207,17): run-time error CSS1039: Token not allowed after unary operator: '-light-green'
(223,17): run-time error CSS1039: Token not allowed after unary operator: '-black'
(287,36): run-time error CSS1039: Token not allowed after unary operator: '-dark-green'
(320,18): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(331,28): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(332,29): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(357,24): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(358,25): run-time error CSS1039: Token not allowed after unary operator: '-padding'
 */
html, body {
    font: 12px Montserrat !important;
}

    body.profit {
        font: 12px 'OpenSansWebFont' !important;
        letter-spacing: -.03em;
    }

#main-container .onewinseller-container .title,
.data-input span {
    font-size: 16px;
    font-weight: 600;
}

.menu-header {
}

#main-onewinseller-container .marketplaces-menu-header,
.generic-modal-menu-header {
    padding-top: max(1.5vw, 20px);
    border-bottom: 2px solid rgba(22, 61, 59, 0.5); /*Тёмно-зеленый с прозрачностью 50%  #163D3B*/
    border-radius: unset;
}

#main-onewinseller-container .marketplaces-menu-header {
    padding-top: max(1.5vw, 20px);
}

#main-container #articuls-mp-menu-header {
    background-color: white;
    padding-left: 0px;
    border-radius: 0px;
}

    #main-container #articuls-mp-menu-header button.marketplace-group-tab {
        background-color: white;
        text-transform: uppercase;
    }

.generic-modal-menu-header {
    padding-top: 0px;
    width: -moz-available;
    width: -webkit-fill-available;
}

    #main-onewinseller-container .marketplaces-menu-header .marketplaces-menu,
    .generic-modal-menu-header .marketplaces-menu {
        display: inline-flex;
    }

    #main-onewinseller-container .marketplaces-menu-header .button-element.marketplace-name,
    .generic-modal-menu-header .button-element.marketplace-name {
        margin: max(0.26vw, 3.3px) max(1.54vw, 17.3px) 0px max(1.54vw, 17.3px);
    }

    .generic-modal-menu-header .button-element.marketplace-name {
        margin-left: max(0.68vw, 8.7px);
    }

        #main-onewinseller-container .marketplaces-menu-header .button-element.marketplace-name .marketplace-group-tab,
        .generic-modal-menu-header .button-element.marketplace-name .marketplace-group-tab {
            background-color: var(--light-green);
            font-weight: 400;
            color: var(--dark-grey); /*#8f8f8f;*/
            /*font-size: max(1.06vw, 14px);*/
            padding: unset;
        }

        .generic-modal-menu-header .button-element.marketplace-name .marketplace-group-tab {
            width: unset;
            min-width: unset;
            background-color: #ffffff;
            height: 1.9vw;
        }

            #main-onewinseller-container .marketplaces-menu-header .button-element.marketplace-name .marketplace-group-tab.active,
            .generic-modal-menu-header .button-element.marketplace-name .marketplace-group-tab.active {
                font-weight: 600;
                color: var(--black);
            }

            #main-onewinseller-container .marketplaces-menu-header .button-element.marketplace-name .marketplace-group-tab .underline,
            .generic-modal-menu-header .button-element.marketplace-name .marketplace-group-tab .underline {
                height: max(0.25vw,2px);
                bottom: min(-0.3vw,-3px);
                position: relative;
            }

            #main-onewinseller-container .marketplaces-menu-header .button-element.marketplace-name .marketplace-group-tab.active .underline,
            .generic-modal-menu-header .button-element.marketplace-name .marketplace-group-tab.active .underline {
                background: #F7B81C;
            }

/*--------------------------------------*/


/*1px - 0.05vw*/
:root {
    /*цвета*/
    --black: #2D2D2D;
    --dark-grey: #8F8F8F;
    --link-color: #0000EE;
    --red: #FF6C6C;
    --dark-green: #163D3B;
    --light-green: #F3F4F0;
    --light-yellow: #FFF3D7;
    /**/
    --margin-right: max(2.5vw, 32px);
    --summary-margin: max(1.16vw, 14.8px);
    --padding-chart-dashboard: calc(max(1vw, 13px) - 5px);
    --marketplace-tab-filters-margin: max(0.5vw, 5px);
    --mp-filters-margin-top: max(-0.5vw, -6.4px);
    --table-margin: max(1.16vw, 14.8px);
    --margin-right-one-third: max(1.25vw, 19.5px);
    /*внутренний отступ на плашках*/
    --summary-padding: max(0.5vw, 6.4px);
    --button-margin: max(0.75vw, 9.6px);
}

#main-onewinseller-container div:not(.handle):not(.scrollbar):not(.mousearea) {
    cursor: default;
}

#main-onewinseller-container .onewinseller-menu-element {
    cursor: pointer;
}

#main-onewinseller-container {
    display: flex;
    height: inherit;
}

.onewinseller-container > .title {
    height: 20%;
    background-color: white;
    display: block;
}

.background-color-white {
    background-color: #FFFFFF;
}

.background-color-gable-green /*bold-green*/ {
    background-color: #163D3B;
}

.background-color-hint-of-green /*light-green*/ {
    background-color: #EEFFF5;
}

.background-color-cararra /*light-grey*/ {
    background-color: var(--light-green);
}

.color-white {
    color: #FFFFFF;
}

.color-mine-shaft /*black*/ {
    color: var(--black);
}

.color-gable-green /*bold-green*/ {
    color: #163D3B;
}

.color-acapulco /*medium-green*/ {
    color: #7AB896;
}

.color-hint-of-green /*light-green*/ {
    color: #EEFFF5;
}

.color-buttercup /*bold-yellow*/ {
    color: #F7B81C;
}

.color-pink-lady /*light-yellow*/ {
    color: var(--light-yellow);
}

.color-bittersweet /*bold-oranre/pink*/ {
    color: var(--red);
}

.color-chablis /*light-oranre/pink*/ {
    color: #FFF3F3;
}

.color-edward /*bold-grey*/ {
    color: #AEB7B6;
}

.color-iron /*medium-grey*/ {
    color: #D9DDDD;
}

/*color: #8f8f8f; (--dark-grey) Более тёмный серый, используется в описании к флагам внизу страницы "Алертов"*/

.title {
    color: var(--black);
}

.color-cararra /*light-grey*/ {
    color: var(--light-green);
}

#main-container {
    width: -moz-available;
    width: -webkit-fill-available;
    min-width: 1024px;
    max-width: -moz-available;
    max-width: -webkit-fill-available;
    overflow: visible;
    height: 100%;
    padding-top: 0px;
    min-height: 100vh;
}

#main-onewinseller-container button {
    color: var(--black);
    font-weight: inherit;
    border: none;
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: max(0.26vw, 3.3px) max(1.06vw, 13.5px);
    height: 1.9vw;
    min-height: 25px;
    cursor: pointer;
}

#main-onewinseller-container .main-container .button-element button.active {
    background-color: #163D3B;
    color: #FFFFFF;
    padding: max(0.26vw, 3.3px) max(1.74vw, 22.3px);
    /*font-size: max(0.9vw, 10px);*/
}

#main-container .onewinseller-container > div {
    padding: max(0.75vw, 8px) 0px 0px max(1.5vw, 20px);
}

#main-container .alerts-settings-container .alerts-settings-buttons,
.submit-button {
    display: inline-flex;
    position: absolute;
    right: 0px;
    margin-top: max(-0.75vw, -9.6px);
    width: calc(35% - max(1.85vw, 25px));
    min-width: 175px;
}

    #main-container .alerts-settings-container .alerts-settings-buttons div,
    .show-all, .save-commentary .save,
    .collapse-all,
    .download-template,
    .submit-button {
        padding-top: 5px;
        padding-bottom: 5px;
        margin-right: 0px;
        padding: 0.26vw 0.8vw; /*5px 20px;*/
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #E3ECEC;
    }

        #main-container .alerts-settings-container .alerts-settings-buttons div img.active,
        .download-template img.active {
            display: none;
        }

        #main-container .alerts-settings-container .alerts-settings-buttons div.active img.default,
        .download-template.active img.default {
            display: none;
        }

        #main-container .alerts-settings-container .alerts-settings-buttons div.active img.active,
        .download-template.active img.active {
            display: block;
        }

        #main-container .alerts-settings-container .alerts-settings-buttons div.active,
        .download-template.active {
            background-color: var(--dark-green);
            color: #ffffff;
        }

            #main-container .alerts-settings-container .alerts-settings-buttons div.active:hover,
            .download-template.active:hover {
                cursor: default;
            }

    #main-container .alerts-settings-container .alerts-settings-buttons div,
    .show-all,
    #main-container .modal-content button:not(.close),
    .save-commentary .save,
    .collapse-all,
    .download-template {
        width: 13.8vw;
        min-width: 129px;
        height: 1.9vw;
        min-height: 24px;
        color: #163D3B;
        font-size: max(0.7vw, 8px); /*13px;*/
        font-weight: 700;
        cursor: pointer;
    }



/*TABLE STYLE*/
.inside.tab-pane table {
    font: 12px Montserrat !important;
    position: relative;
    display: block;
    width: 100%;
    margin: var(--padding);
    text-align: center;
}

    .inside.tab-pane table thead {
        display: block;
        width: 100%;
        height: 50px;
        background-color: #163D3B;
        background: radial-gradient(circle at bottom right, rgba(247,184,28, 0.2), rgba(247,184,28, 0.9) 1%, rgba(22,61,59, 1) 28%, rgba(22,61,59, 1) 100%);
        color: white;
        padding-left: var(--padding);
        padding-right: var(--padding);
    }

    .inside.tab-pane table tbody {
        display: block;
        width: 100%;
        color: black;
    }

    .inside.tab-pane table tr {
        display: inline-flex;
        width: 100%;
        text-align: center;
        height: 100%;
        align-items: center;
    }

.inside.tab-pane .data-container .table-item {
    width: calc(100%/5);
    text-align: center;
    font: 14.2px Montserrat;
    font-weight: 500;
}

.inside.tab-pane table tbody tr {
    padding-left: var(--padding);
    padding-right: var(--padding);
    height: 70px;
    width: 100%;
    border-bottom: 1px solid #F3F4F0;
    font-weight: 200 !important;
}

    .inside.tab-pane table tbody tr th {
        font-weight: 200 !important;
        overflow: hidden;
    }

.table-item.status {
    text-transform: uppercase;
}

.switch {
    display: inline-block;
}

.user-row .password input {
    box-shadow: none;
    border: none;
    text-align: center;
    cursor: pointer;
}