body.greenflow {
    background: #f3f7f3b0;
}

#app > .wrap.greenflow {
    background: #f3f7f3b0;
}


/* head */
.head.greenflow {
    background: #415952;
}

.head.greenflow > .wrap > .logo > img {
    max-width: 75px;
}

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

@media (min-width: 1024px){
    .head.greenflow > .wrap > .logo > img {
        max-width: 310px;
    }
}


.head.greenflow > .wrap > .wrap > .wrap > svg {
    color: white;
}

@media (min-width: 1440px){
    .head.greenflow > .wrap > .wrap > .wrap > .name {
        color: white;
    }
}

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

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

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

@media (min-width: 768px){
    .head.greenflow > .wrap > .wrap > .country > .wrap > svg {
        color: white;
    }
}

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

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


/* body country */
.body.greenflow > .panel > .country > .name {
    color: #4A806E;
    border-bottom: 1px solid #4A806E;
}

.body.greenflow > .panel > .country > .wrap > svg {
    color: #4A806E;
}

/* body */
.body.greenflow  .header > .wrap_button > .name > .button {
    background: #209D11;
    color: white;
    border: none;
}

.body.greenflow .header > .name > span > svg {
    color: #209D11;
}

.body.greenflow .header > .name h1 {
    color: black;
}

.body.greenflow .account .stages > .name > .name {
    color: black;
}

.body.greenflow .account .stages > .name > .desc {
    color: black;
}

.body.greenflow > .account > .stages > .wrap > .stage > .line.active {
    background: #209D11;
}

.body.greenflow > .account > .stages > .wrap > .stage > .wrap svg {
    color: #209D11;
}

.body.greenflow .account .stages .wrap .stage.finished .left .b_top {
    border-bottom: 30px solid #209D11;
}

.body.greenflow .account .stages .wrap .stage.finished .left .b_bottom {
    border-bottom: 30px solid #209D11;
}

.body.greenflow .account .stages .wrap .stage .left .b_top {
    border-bottom: 30px solid white;
    width: auto;
    height: auto;
    border: none;
    transform: skew(30deg, 20deg);
    width: 1.5px;
    height: 30px;
    background: #209D11;
    margin-left: 8px;
}

.body.greenflow .account .stages .wrap .stage.active .left .b_top {
    background: #209D11;
}

.body.greenflow .account .stages .wrap .stage.active .left .b_bottom {
    background: #209D11;
}

.body.greenflow .account .stages .wrap .stage.finished .center {
    background: #209D11;
}

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

.body.greenflow .account .stages .wrap .stage .center > .name {
    color: #209D11;
}

.body.greenflow .account .stages .wrap .stage.finished .center > .name {
    color: white;
}

.body.greenflow .account .stages .wrap .stage.finished .right .b_top {
    border-bottom: 30px solid #209D11;
}

.body.greenflow .account .stages .wrap .stage.finished .right .b_bottom {
    border-bottom: 30px solid #209D11;
}

.body.greenflow .account .stages .wrap .stage.active .right .b_top {
    background: #209D11;
}

.body.greenflow .account .stages .wrap .stage.active .right .b_bottom {
    background: #209D11;
}

.body.greenflow .account .status > .left > .top {
    background: #E0E6E4;
}

.body.greenflow .account .status > .left > .top > .left > .wrap > .name {
    color: #616161;
}

.body.greenflow .account .status > .left > .bottom > .panel {
    background: #E0E6E4;
}

.body.greenflow .account .status > .left > .bottom > .panel > .name {
    color: #222222;
}

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

.body.greenflow .account .status > .left > .bottom > .panel > .wrap > .count {
    color: black;
}

.body.greenflow .account .status > .right {
    background: #E0E6E4;
}

.body.greenflow .account .status > .right > .top > .left > .top svg {
    color: #209D11;
}

.body.greenflow .account .status > .right > .top > .left > .top > .name {
    color: #209D11;
}

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

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

.body.greenflow .account .status > .right form > .center > .count .input .del, 
.body.greenflow .account .status > .right form > .center > .count .input .add {
    background: #209D11;
}

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

.body.greenflow .account .status > .right form > .button {
    background: #209D11;
    color: #FFFFFF;
    border: none;
}

.body.greenflow .account .status > .right > .bottom > .name {
    color: #209D11;
}

.body.greenflow .account .status > .right > .bottom .result > .name {
    background: white;
    color: #616161;
}

.body.greenflow .account .detail {
    background: #E0E6E4;
}

.body.greenflow .account .detail > .wrap > svg {
    color: #209D11;
}

.body.greenflow .account .detail > .wrap > .name {
    color: #209D11;
}

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

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

.body.greenflow .account .detail .markets .market > .list > .name {
    border-bottom: none;
    color: white;
}

.body.greenflow .account .detail .markets .market > .list > .wrap > svg {
    color: white;
}

.body.greenflow .account .detail .markets .market > .list > .wrap > .name {
    color: white;
}

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

.body.greenflow .results > .top .tab > .name {
    color: white;
    background: #415952;
}

.body.greenflow .results > .top .tab > .name.active {
    background: #E0E6E4;
    color: black;
}

.body.greenflow .login-in .form > .wrap {
    max-width: 125px;
}

.body.greenflow .login-in .form > .button {
    background: #209D11;
    box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}

.body.greenflow .special_block .block .name {
    color: black;
}

.body.greenflow .header > .wrap > .inputs > .wrap > .count > .input .add,
.body.greenflow .header > .wrap > .inputs > .wrap > .count > .input .del {
    background: #209D11;
}

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

.body.greenflow .header > .wrap > .inputs > .button {
    background: #209D11;
    border: none;
    color: white;
}

.body.greenflow .account .status > .right > .top > .wrap > svg {
    color: #209D11;
}

.body .account .detail > .market > .top > .name {
    color: #1E0E00;
}

.body.greenflow .account .detail > .market > .wrap > .wrap > .name {
    color: #1E0E00;
}

.body.greenflow .account .detail > .market > .wrap > .wrap > .steps > .step > .bottom > svg {
    color: #1E0E00;
}

.body.greenflow .account .detail > .market > .wrap > .wrap > .steps > .step > .bottom > .name {
    color: #1E0E00;
}



.body.greenflow .results > .top > .tab > .wrap {
    color: #5E5E5E;
    background: rgba(189, 189, 189, 0.15);
}

.body.greenflow .results > .top > .tab > .wrap.active {

    background: white;
    color: #5E5E5E;
}

.body.greenflow .results > .bottom {
    background: white;
}

.body.greenflow .results > .wrap {
    background: white;
}

.greenflow .virtual-assistant > .top {
    background: linear-gradient(229.73deg, #2f4f4f -19.09%, #03c03c 131.11%);
}


.greenflow .rules > .wrap > .wrap > .block > .center > ul > li {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap > .block > .center > .wrap > .name {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap > .block > .center > .wrap > .wrap > .name {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap > .block > .center > .wrap > .wrap > .name > .name {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap > .block > .center > .wrap > .wrap > .name > .desc {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap > .block > .center > .wrap > .wrap_v2 > .name {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap > .block > .center > .wrap > .wrap_v2 > .wrap > .name {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap_1 .wrap .center .list .line .number {
    color: #484D59;
}

.greenflow .rules > .wrap > .wrap_1 .wrap .center .list .line.flex .icon {
    color: #484D59;
}

.greenflow .rules > .wrap > .name {
    color: #209D11;
}

.greenflow .rules > .wrap > .desc > .wrap {
    color: #209D11;
}

.greenflow .rules > .wrap > .wrap > .block > .top {
    color: #209D11;
}