:root {
    --mangold: #FA7B1E;
}


body.mangold {
    background: #FFEFDF;
}

#app > .wrap.mangold {
    background: linear-gradient(0deg, #BFB3A6, #616161);
    box-shadow: inset 0px 6.25268px 11.2548px rgba(216, 216, 216, 0.25);
}



.mangold input[type="range"] {
    width: 100%;
    padding: 0;
    margin: 0;
    position: absolute;
    bottom: -5px;
    -webkit-appearance: none; /* Убираем стандартный стиль для WebKit/Blink */
    appearance: none; /* Убираем стандартный стиль для всех браузеров */
    background: transparent; /* Фон делаем прозрачным */
}

.mangold input[type="range"]::-webkit-slider-runnable-track {
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, #EA8900 0%, #EA8900 var(--filled-percentage, 0%), transparent var(--filled-percentage, 0%));
    border-radius: 5px;
}

.mangold input[type="range"]::-moz-range-track {
    width: 100%;
    height: 10px;
    background: linear-gradient(to right, #EA8900 0%, #EA8900 var(--filled-percentage, 0%), transparent var(--filled-percentage, 0%));
    border-radius: 5px;
}

.mangold input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    margin-top: -5px;
    width: 17.5px;
    height: 17.5px;
    background: #EA8900;
    cursor: pointer;
    border-radius: 50%;
    border: none;
}

.mangold input[type="range"]::-moz-range-thumb {
    width: 17.5px;
    height: 17.5px;
    background: #EA8900;
    cursor: pointer;
    border-radius: 50%;
    border: none;
}



/* head */
.head.mangold {
    background: #FFEFDF;
}

.head.mangold > .wrap > .logo > img {
    max-width: 45px;
}

@media (min-width: 768px){
    .head.mangold > .wrap > .logo > img {
        max-width: 85px;
    }
}

.head.mangold > .wrap > .wrap > .wrap > svg {
    color: #D96C00;
}

@media (min-width: 1440px){
    .head.mangold > .wrap > .wrap > .wrap > .name {
        color: #D96C00;
    }
}

@media (min-width: 768px){
    .head.mangold > .wrap > .user > .wrap > .name {
        color: #D96C00;
    }
}

@media (min-width: 768px){
    .head.mangold > .wrap > .user > .wrap > .desc {
        color: #7E6143;
    }
}

@media (min-width: 768px){
    .head.mangold > .wrap > .wrap > .country > .name {
        color: #7E6143;
        border-bottom: 1px solid #7E6143;
    }
}

@media (min-width: 768px){
    .head.mangold > .wrap > .wrap > .country > .wrap > svg {
        color: #7E6143;
    }
}

.head.mangold > .wrap > .wrap > .country > .langs {
    background: #FAFAFA;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.18);
}

.head.mangold > .wrap > .wrap > .country > .langs > .lang {
    color: #545454;
}

/* body country */
.body.mangold > .panel > .country > .name {
    color: white;
    border-bottom: 1px solid white;
}

.body.mangold > .panel > .country > .wrap > svg {
    color: white;
}

/* body */
.body.mangold  .header > .wrap_button > .name > .button {
    background: #FFEFDF;
    color: #5E5E5E;
    border: none;
}

.body.mangold .header > .name > span > svg {
    color: #FFEFDF;
}

.body.mangold .header > .name h1 {
    color: #FFEFDF;
}

.body.mangold .account .stages > .name > .name {
    color: #FFEFDF;
}

.body.mangold .account .stages > .name > .desc {
    color: #A7A7A7;
}

.body.mangold > .account > .stages > .wrap > .stage > .wrap svg {
    color: #FFEFDF;
}

.body.mangold > .account > .stages > .wrap > .stage > .wrap > .name {
    color: #FFEFDF;
}

.body.mangold > .account > .stages > .wrap > .stage > .line.active {
    background: #FA7B1E;
}

.body.mangold .account .stages .wrap .stage .left .b_top {
    border-bottom: 30px solid #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.finished .left .b_top {
    border-bottom: 30px solid #8C8C8C;
}

.body.mangold .account .stages .wrap .stage .left .b_bottom {
    border-bottom: 30px solid #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.finished .left .b_bottom {
    border-bottom: 30px solid #8C8C8C;
}

.body.mangold .account .stages .wrap .stage.active .left .b_top {
    background: #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.active .left .b_bottom {
    background: #FFEFDF;
}

.body.mangold .account .stages .wrap .stage .center {
    background: #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.finished .center {
    background: #8C8C8C;
}

.body.mangold .account .stages .wrap .stage.active .center  {
    border-bottom: 1.5px solid #FFEFDF;
    border-top: 1.5px solid #FFEFDF;
}

.body.mangold .account .stages .wrap .stage .center > .name {
    color: #5E5E5E;
}

.body.mangold .account .stages .wrap .stage.finished .center > .name {
    color: #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.active .center > .name {
    color: #FFEFDF;
}

.body.mangold .account .stages .wrap .stage .right .b_bottom {
    border-bottom: 30px solid #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.finished .right .b_bottom {
    border-bottom: 30px solid #8C8C8C;
}

.body.mangold .account .stages .wrap .stage .right .b_top {
    border-bottom: 30px solid #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.finished .right .b_top {
    border-bottom: 30px solid #8C8C8C;
}

.body.mangold .body .account .stages .wrap .stage.active .right .b_top {
    background: #FFEFDF;
}

.body.mangold .account .stages .wrap .stage.active .right .b_bottom {
    background: #FFEFDF;
}

.body.mangold .account .status > .left > .top {
    background: #FFEFDF;
}

.body.mangold .account .status > .left > .top > .left > .wrap > .name {
    color: #FA7B1E;
}

.body.mangold .account .status > .left > .top > .left > .wrap > .desc {
    color: #222222;
}

.body.mangold .account .status > .left > .top > .right {
    color: #222222;
}

.body.mangold .account .status > .left > .bottom > .panel {
    background: #FFEFDF;
}

.body.mangold .account .status > .left > .bottom > .panel > .name {
    color: #FA7B1E;
}

.body.mangold .account .status > .left > .bottom > .panel > .wrap > .name {
    color: #222;
}

.body.mangold .account .status > .left > .bottom > .panel > .wrap > .count {
    color: #222222;
    background: #FFCD9B;
}

.body.mangold .account .status > .left > .bottom > .panel > .wrap > .count.red {
    background: #c91c00;
    color: white;
}

.body.mangold .account .status > .left > .bottom > .panel > .wrap > .count.yellow {
    background: orange;
    color: white;
}


.body.mangold .account .status > .right {
    background: #FFEFDF;
}

.body.mangold .account .status > .right > .top > .left > .top svg {
    color: #FA7B1E;
}

.body.mangold .account .status > .right > .top > .left > .top > .name {
    color: #FA7B1E;
}

.body.mangold .account .status > .right > .top > .left > .desc span {
    color: #616161;
}

.body.mangold .account .status > .right > .top > .wrap > svg {
    color: #FA7B1E;
}

.body.mangold .account .status > .right > .top > .wrap > .name {
    color: #FA7B1E;
}

.body.mangold .account .status > .right form > .center > .count > .name {
    color: #222222;
}

.body.mangold .account .status > .right form > .center > .count .input > .wrap > .wrap {
    background: #FFCD9B;
}

.body.mangold .account .status > .right form > .center > .count .input .del, 
.body .account .status > .right form > .center > .count .input .add {
    background: #B7B7B7;
}

.body.mangold .account .status > .right form > .center > .count .input .del:hover, 
.body.mangold .account .status > .right form > .center > .count .input .add:hover {
    background: #616161;
}

.body.mangold .account .status > .right form > .button {
    background: #EA8900;
    color: #FFFFFF;
    border: none;
}

.body.mangold .account .status > .right > .bottom > .name {
    color: #FA7B1E;
}

.body.mangold .account .status > .right > .bottom .result > .name {
    background: #EA8900;
}

.body.mangold .account .detail {
    background: #FFEFDF;
}

.body .account .detail > .wrap > svg {
    color: #303030;
}

.body.mangold .account .detail > .wrap > .name {
    color: #303030;
}

.body.mangold .account .detail .markets .market > .list {
    background: #FFCD9B;
    border-radius: 6.77221px;
}

.body.mangold .account .detail .markets .market > .list.top {
    background: none;
    box-shadow: 0;
    border-radius: 0;
}

.body.mangold .account .detail .markets .market > .list > .wrap {
    color: #454242;
}

.body.mangold .account .detail .markets .market > .list > .wrap > svg {
    color: #FA7B1E;
}

.body.mangold .account .detail .markets .market > .list.top > .name {
    color: #303030;
}

.body.mangold .account .detail .markets .market > .list.top > .name.current_step {
    color: #303030;
}

.body.mangold .results > .top .tab > .name {
    color: #5E5E5E;
    background: #FFCD9B;
}

.body.mangold .results > .top .tab > .name.active {
    background: #FFEFDF;
    color: #5E5E5E;
}

.body.mangold .results > .bottom {
    background: #FFEFDF;
}


.body.mangold .results > .active-tab {
    background: #FFEFDF;
}

.body.mangold .login-in .form {
    background: #616161;
    box-shadow: 0px 12px 34px rgba(111, 111, 111, 0.11);
}

.body.mangold .login-in .form > .input {
    background: #FFEFDF;
    box-shadow: 0px 3px 15px rgba(97, 97, 97, 0.12);
}

.body.mangold .login-in .form > .button {
    background: #EA8900;
    box-shadow: 0 0 0;
}

.body.mangold .special_block .block {
    background: #FFEFDF;
}

.body.mangold .special_block .block .name {
    color: #5E5E5E;
}

.body.mangold .special_block .block .count {
    color: #5E5E5E;
}

.body.mangold .header > .wrap > .inputs {
    background: #FFEFDF;
}

.body.mangold .header > .wrap > .inputs > h2 {
    font-weight: 500;
    font-size: 25.7565px;
    letter-spacing: 0.01em;
    color: #303030;
}

.body.mangold .header > .wrap > .inputs p {
    color: #303030;
}

.body.mangold .header > .wrap > .inputs > .wrap > .count > .name {
    color: #222222;
}

.body.mangold .header > .wrap > .inputs > .wrap > .count > .input > .wrap {
    background: #FFCD9B;
}

.body.mangold .header > .wrap > .inputs > .wrap > .count > .input .del:hover, 
.body.mangold .header > .wrap > .inputs > .wrap > .count > .input .add:hover {
    background: #616161;
}

.body.mangold .header > .wrap > .inputs > .button {
    background: #EA8900;
    color: #FFFFFF;
    border: none;
}

/* operator */
.body.mangold .admin .link {
    color: white;
}

.body.mangold .chart {
    background: #FFEFDF;
}


.body.mangold .account .status > .right > .bottom > .name {
    color: var(--mangold);
}

.body.mangold .account .detail > .market > .top > .name {
    color: var(--mangold);
}

.body.mangold .account .detail > .market > .wrap > .wrap > .name {
    color: var(--mangold);
}

.body.mangold .account .detail > .market > .wrap > .wrap > .wrap > .right > .bottom > svg {
    color: var(--mangold);
}

.body.mangold .account .detail > .market > .wrap > .wrap > .wrap > .right > .bottom > .name {
    color: var(--mangold);
}


.body.mangold .results > .top > .tab > .wrap {
    color: white;
}

.body.mangold .results > .top > .tab > .wrap.active {
    color: black;
}

.body.mangold .results > .top > .tab > .wrap.active {
    background: #FFEFDF;
}

.body.mangold .account .detail > .market > .wrap > .wrap > .steps > .step > .bottom > svg {
    color: #FA7B1E;
}

.body.mangold .account .detail > .market > .wrap > .wrap > .steps > .step > .bottom > .name {
    color: #FA7B1E;
}

.body.mangold .results > .wrap {
    background: #FFEFDF;
}

.body.mangold .history_detail > .steps {
    background: #FFEFDF;
}

.body.mangold .history_detail > .steps > .top > .step.finished {
    color: black;
}

.body.mangold .history_detail > .steps > .top > .step.active[data-v-ba0a5d6c] {
    color: black;
}

.body.mangold .history_detail > .steps > .top > .step.selected {
    color: #fff;
    background-color: #FA7B1E;
}

.body.mangold .history_detail > .top[data-v-ba0a5d6c] {
    background: #FFEFDF;
}

.body.mangold .results > .bottom > .left > .wrap .desc {
    background: antiquewhite;
}

.body.mangold .results > .bottom > .left > .wrap > .name {
    background: navajowhite;
}

.body.mangold .results > .bottom > .historys > .wrap > .wrap {
    background: navajowhite;
}

.body.mangold .results > .bottom > .left > .wrap .desc.active {
    background: navajowhite;
}

.body.mangold .results > .bottom > .historys > .wrap .desc {
    background: antiquewhite;
}

.body.mangold .history_detail .results > .bottom {
    background: #FFEFDF;
}

.body.mangold .results > .bottom > .historys > .wrap .desc.green {
    color: white;
    background: green;
}

.body.mangold .results > .bottom > .historys > .wrap .desc.yellow {
    background: yellow;
    color: black;
}

.body.mangold .results > .bottom > .left > .wrap .desc.red {
    background: red;
    color: white;
}

.body.mangold .results > .bottom > .historys > .wrap .desc.red {
    background: red;
    color: white;
}


.mangold .virtual-assistant > .top {
    background: linear-gradient(229.73deg, #ea8900 -19.09%, #f4bd6e 131.11%);
}

.mangold .virtual-assistant-v1 > svg {
    border: 2px solid #EA8900;
}

.mangold .virtual-assistant > .center .bot > svg {
    border: 2px solid #EA8900;
}