:root {
    --vvsu: #0944AA;
}

body.vvsu {
    background: white;
}

#app > .wrap.vvsu {
    background: linear-gradient(229.73deg, #003DA7 -19.09%, #50C7FF 131.11%);
    box-shadow: inset 0px 6.25268px 11.2548px rgba(216, 216, 216, 0.25);
    border-radius: 12.5054px;
}

/* head */
.head.vvsu {
    background: #FFFFFF;
}

.head.vvsu > .wrap > .logo > img {
    max-width: 60px;
    width: 100%;
}

@media (min-width: 768px){
    .head.vvsu > .wrap > .logo > img {
        max-width: 130px;
        width: 100%;
    }
}

.head.vvsu > .wrap > .wrap > .wrap > svg {
    color: #0057AD;
}

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

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

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

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

@media (min-width: 768px){
    .head.vvsu > .wrap > .wrap > .country > .wrap > svg {
        color: #5A6671;
    }
}

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

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

.body.vvsu .login-in .form > .wrap {
    max-width: 225px;
    margin-bottom: 2.5em;
}

.body.vvsu .login-in .form > .wrap > img {
    width: 99px;
}

/* body country */

.body.vvsu > .panel > .country > .name {
    color: #CAE7FF;
    border-bottom: 1px solid #CAE7FF;
}

.body.vvsu > .panel > .country > .wrap > svg {
    color: #CAE7FF;
}

/* body */
.body.vvsu .header > .name > span > svg {
    color: #FFFFFF;
}

.body.vvsu .header > .name h1 {
    color: #FFFFFF;
}

.body.vvsu .account .stages > .name > .name {
    color: white;
}

.body.vvsu .header > .wrap_button > .name > .button {
    background: #f37121;
    box-shadow: 0px 7.54138px 16.1601px rgba(216, 216, 216, 0.25);
    border-radius: 9.01476px;
    color: #FFFFFF;
}

.body.vvsu .account .stages > .name > .desc {
    color: white;
}

.body.vvsu > .account > .stages > .wrap > .stage > .wrap svg {
    color: white;
}

.body.vvsu > .account > .stages > .wrap > .stage > .wrap > .name {
    color: white;
}

.body.vvsu > .account > .stages > .wrap > .stage > .line.active {
    background: white;
}

.body.vvsu .account .stages .wrap .stage .left .b_top {
    border-bottom: 30px solid white;
}

.body.vvsu .account .stages .wrap .stage.finished .left .b_top {
    border-bottom: 30px solid #0347BD;
}

.body.vvsu .account .stages .wrap .stage .left .b_bottom {
    border-bottom: 30px solid white;
}

.body.vvsu .account .stages .wrap .stage.finished .left .b_bottom {
    border-bottom: 30px solid #0347BD;
}

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

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

.body.vvsu .account .stages .wrap .stage .center {
    background: white;
}

.body.vvsu .account .stages .wrap .stage.finished .center {
    background: #0347BD;
}

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

.body.vvsu .account .stages .wrap .stage .center > .name {
    color: #0347BD;
}

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

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

.body.vvsu .account .stages .wrap .stage.finished .right .b_top {
    border-bottom: 30px solid #0347BD;
}

.body.vvsu .account .stages .wrap .stage .right .b_bottom {
    border-bottom: 30px solid white;
}

.body.vvsu .account .stages .wrap .stage.finished .right .b_bottom {
    border-bottom: 30px solid #0347BD;
}

.body.vvsu .account .stages .wrap .stage .right .b_top {
    border-bottom: 30px solid white;
}

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

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

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

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

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

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

.body.vvsu .account .status > .left > .bottom > .panel > .wrap > .count {
    color: #FFFFFF;
    background: #f37121;
}

.body.vvsu .account .status > .left > .bottom > .panel > .wrap > .count.yellow {
    background: #FFEE86;
    color: #616161;
}

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


.body.vvsu .account .status > .right > .top > .left > .top svg {
    color: #0944AA;
}

.body.vvsu .account .status > .right > .top > .left > .top > .name {
    color: #0944AA;
}

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

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

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

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

.body.vvsu .account .status > .right form > .center > .count .input > .wrap > .wrap > input {
    color: #FFFFFF;
}

.body.vvsu .account .status > .right form > .button {
    background: #0944AA;
    color: #FFFFFF;
    border: none;
}

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

.body.vvsu .account .detail > .wrap > svg {
    color: #0944AA;
}

.body.vvsu .account .detail > .wrap > .name {
    color: #0944AA;
}

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

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

.body.vvsu .account .detail .markets .market > .list > .wrap > svg {
    color: #0944AA;
}

.body.vvsu .account .detail .markets .market > .list.top {
    background: white;
}

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

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



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

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

.body.vvsu .special_block .block {
    background: #f37121;
}

.body.vvsu .special_block .block .name {
    color: #FFFFFF;
}

.body.vvsu .special_block .block .count {
    color: #FFFFFF;
}

.body.vvsu .account .status > .right > .top > .wrap > svg {
    color: #f37121;
}

.body.vvsu .login-in .form > .input {
    border: 1px solid #0944AA;
    box-shadow: 0px 7.54138px 25.7565px rgba(203, 203, 203, 0.3);
    border-radius: 10.7734px;
}


.body.vvsu .login-in .form > .button {
    background: #0944AA;
    box-shadow: 0px 7.54138px 16.1601px rgba(216, 216, 216, 0.25);
    border-radius: 9.01476px;
}

.body.vvsu .account .status > .right form > .center > .count .input .del, 
.body.vvsu .account .status > .right form > .center > .count .input .add {
    background: #0944AA;
}

.body.vvsu .account .status > .right form > .center > .count .input .del:hover, 
.body.vvsu .account .status > .right form > .center > .count .input .add:hover {
    background: grey;
}

.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .add, 
.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .del {
    background: #0944AA;
}

.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .add:hover, 
.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .del:hover {
    background: grey;
}

.body.vvsu .header > .wrap > .inputs > .button {
    background: #0944AA;
    color: white;
}

.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input > .wrap {
    border: 1px solid #378424;
    box-sizing: border-box;
    box-shadow: 0px 7.54138px 25.7565px rgba(203, 203, 203, 0.3);
    border-radius: 10.7734px;
}


body.vvsu .head .links > .wrap > .name {
    color: #A7A7A7;
}

/* стрелочки */
.body.vvsu .account .status > .right form > .center > .count .input .del,
.body.vvsu .account .status > .right form > .center > .count .input .add {
    background: #B7B7B7;
}

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

.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .add, 
.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .del {
    background: #B7B7B7;
}

.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .add:hover, 
.body.vvsu .header > .wrap > .inputs > .wrap > .count > .input .del:hover {
    background: #0944AA;
}


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

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

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

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

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

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

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

.body.bluesky  .account .detail > .market > .wrap > .wrap > .wrap > .left {
    background: #388dd61c;
}