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

body.bluesky {
    background: white;
}

#app > .wrap.bluesky {
    background: linear-gradient(229.73deg, #003DA7 -19.09%, #50C7FF 131.11%);
    box-shadow: inset 0px 6.25px 11.25px rgba(216, 216, 216, 0.25);
}



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

.head.bluesky > .wrap > .logo > img {
    max-width: 85px;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

.body.bluesky .header > .wrap_button > .name > .button {
    background: var(--bluesky);
    color: white;
    border: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.body.bluesky .account .status > .left > .bottom > .panel > .wrap > .count {
    color: #454242;
    background: #FFEE86;
}

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

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


.body.bluesky .account .status > .right > .top > .left > .top svg {
    color: var(--bluesky);
}

.body.bluesky .account .status > .right > .top > .left > .top > .name {
    color: var(--bluesky);
}

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

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

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

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

.body.bluesky .account .status > .right form > .button {
    background: var(--bluesky);
    color: #FFFFFF;
    border: none;
}

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

.body.bluesky .account .detail > .wrap > svg {
    color: var(--bluesky);
}

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

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

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

.body.bluesky .account .detail .markets .market > .list > .wrap > svg {
    color: var(--bluesky);
}

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

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

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

.body.bluesky .results > .top .tab > .name {
    color: black;
    background: #EFF5FF;
}

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


.body.bluesky .special_block .block {
    background: #FFEE86;
}

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

.body.bluesky .account .status > .right > .top > .wrap > svg {
    color: var(--bluesky);
}

/* стрелочки */
.body.bluesky .account .status > .right form > .center > .count .input .del,
.body.bluesky .account .status > .right form > .center > .count .input .add {
    background: var(--bluesky);
}

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

.body.bluesky .header > .wrap > .inputs > .wrap > .count > .input .add, 
.body.bluesky .header > .wrap > .inputs > .wrap > .count > .input .del {
    background: var(--bluesky);
}

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


.body.bluesky .header > .wrap > .inputs > .wrap > .count > .input .add svg, 
.body.bluesky .header > .wrap > .inputs > .wrap > .count > .input .del svg {
    color: white;
}


.body.bluesky .login-in .form > .wrap {
    max-width: 140px;
}




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

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

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

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

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

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

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

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