.group_admin {
color: #ff0000;
}

.group_student {
color: #a6840f;
}

.group_guest {
color: #353535;
}

.group_knower {
color: #fe5656;
}

.group_helper {
color: #408737;
}

.group_genin {
color: #5c4106;
}

.group_chunin {
color: #13818e;
}

.group_jonin {
color: #00386d;
}

.group_anbu {
color: #6a00ad;
}

.group_sempai {
color: #ffa200;
}

.group_sannin {
color: #2400ff;
}

.group_kage {
color: #000000;
}


/*#ct_fire { color: #ea5223; }*/
/*#ct_water { color: #0285ce; }*/
/*#ct_lightning { color: #f2c81e; }*/
/*#ct_earth { color: #353129; }*/
/*#ct_wind { color: #92c9e9; }*/
/*#ct_summon { color: #3b4653 }*/
/*#ct_simple { color: #0ca2e5 }*/
/*#ct_ice { color: #83b2da; }*/
/*#ct_wood { color: #986a3d; }*/
/*#ct_crystal { color: #a964db; }*/
/*#ct_dust { color: #d8d8d8; }*/
/*#ct_lava { color: #eb670c; }*/
/*#ct_storm { color: #7888bb; }*/
/*#ct_taijutsu { color: #3b4653 }*/
/*#ct_steel { color: #5b595c; }*/
/*#ct_dark { color: #5889c4; }*/
/*#ct_barrier { color: #9ba3a8; }*/
/*#ct_blaze { color: #000000; }*/
/*#ct_boil { color: #c0c0c0; }*/
/*#ct_explosion { color: #ffa700; }*/
/*#ct_magnet { color: #7da9cf; }*/
/*#ct_scorch { color: #ffb800; }*/
/*#ct_swift { color: #5aa6bf; }*/
/*#ct_bukijutsu { color: #bbb89e; }*/
/*#ct_absorption { color: #8b8b8b; }*/
/*#ct_flow { color: #e077b7; }*/
/*#ct_cloning { color: #6e5353; }*/
/*#ct_collaboration { color: #b06e62; }*/
/*#ct_dojutsu { color: #6e69a4; }*/
/*#ct_fuinjutsu { color: #5e5b58; }*/
/*#ct_general { color: #006800; }*/
/*#ct_genjutsu { color: #530000; }*/
/*#ct_hiden { color: #937979; }*/
/*#ct_juinjutsu { color: #39544c; }*/
/*#ct_kekkeigenkai { color: #00a6bb; }*/
/*#ct_kekkeitota { color: #005cbb; }*/
/*#ct_kenjutsu { color: #87634c; }*/
/*#ct_kinjutsu { color: #d96a6a; }*/
/*#ct_medical { color: #1c77ac; }*/
/*#ct_ninjutsu { color: #ceb163; }*/
/*#ct_reincarnation { color: #4cced6; }*/
/*#ct_senjutsu { color: #4cc235; }*/
/*#ct_shurikenjutsu { color: #616564; }*/
/*#ct_spacetime { color: #4a619d; }*/
/*#ct_tbskill { color: #b2712b; }*/
/*#ct_puppet { color: #b46d73; }*/
/*#ct_ninpo { color: #f2c325; }*/
/*#ct_star { color: #634f74; }*/
/*#ct_kekkeimora { color: #5c477d; }*/
/*#ct_typhoon{ color: #3d4a71; }*/

/*.sprite_b {*/
/*background: url('menu_hd_sprite.png') no-repeat;*/
/*}*/

/*.sprite_b_absorption{ background-position: 0 0; width: 34px; height: 35px; }*/
/*.sprite_b_barrier{ background-position: -39px 0; width: 35px; height: 29px; }*/
/*.sprite_b_blaze{ background-position: -79px 0; width: 30px; height: 35px; }*/
/*.sprite_b_boil{ background-position: -114px 0; width: 35px; height: 33px; }*/
/*.sprite_b_bukijutsu{ background-position: -154px 0; width: 35px; height: 34px; }*/
/*.sprite_b_cloning{ background-position: -194px 0; width: 21px; height: 35px; }*/
/*.sprite_b_collaboration{ background-position: -220px 0; width: 35px; height: 25px; }*/
/*.sprite_b_crystal{ background-position: -260px 0; width: 35px; height: 33px; }*/
/*.sprite_b_dark{ background-position: -300px 0; width: 35px; height: 28px; }*/
/*.sprite_b_dojutsu{ background-position: -340px 0; width: 35px; height: 25px; }*/
/*.sprite_b_dust{ background-position: -380px 0; width: 35px; height: 30px; }*/
/*.sprite_b_earth{ background-position: -420px 0; width: 34px; height: 35px; }*/
/*.sprite_b_explosion{ background-position: -459px 0; width: 35px; height: 28px; }*/
/*.sprite_b_fire{ background-position: -499px 0; width: 35px; height: 35px; }*/
/*.sprite_b_flow{ background-position: -539px 0; width: 35px; height: 35px; }*/
/*.sprite_b_fuinjutsu{ background-position: -579px 0; width: 28px; height: 35px; }*/
/*.sprite_b_general{ background-position: -612px 0; width: 23px; height: 35px; }*/
/*.sprite_b_genjutsu{ background-position: -640px 0; width: 34px; height: 35px; }*/
/*.sprite_b_hiden{ background-position: -679px 0; width: 26px; height: 35px; }*/
/*.sprite_b_ice{ background-position: -710px 0; width: 35px; height: 33px; }*/
/*.sprite_b_juinjutsu{ background-position: -750px 0; width: 35px; height: 30px; }*/
/*.sprite_b_kekkeigenkai{ background-position: -790px 0; width: 26px; height: 35px; }*/
/*.sprite_b_kekkeitota{ background-position: -821px 0; width: 35px; height: 34px; }*/
/*.sprite_b_kenjutsu{ background-position: -861px 0; width: 35px; height: 32px; }*/
/*.sprite_b_kinjutsu{ background-position: -901px 0; width: 34px; height: 35px; }*/
/*.sprite_b_lava{ background-position: -940px 0; width: 35px; height: 28px; }*/
/*.sprite_b_lightning{ background-position: -980px 0; width: 35px; height: 35px; }*/
/*.sprite_b_magnet{ background-position: -1020px 0; width: 31px; height: 35px; }*/
/*.sprite_b_medical{ background-position: -1056px 0; width: 35px; height: 29px; }*/
/*.sprite_b_ninjutsu{ background-position: -1096px 0; width: 33px; height: 35px; }*/
/*.sprite_b_ninpo{ background-position: -1134px 0; width: 35px; height: 33px; }*/
/*.sprite_b_puppet{ background-position: -1174px 0; width: 23px; height: 35px; }*/
/*.sprite_b_reincarnation{ background-position: -1202px 0; width: 35px; height: 34px; }*/
/*.sprite_b_scorch{ background-position: -1242px 0; width: 35px; height: 33px; }*/
/*.sprite_b_senjutsu{ background-position: -1282px 0; width: 32px; height: 35px; }*/
/*.sprite_b_shurikenjutsu{ background-position: -1319px 0; width: 35px; height: 34px; }*/
/*.sprite_b_simple{ background-position: -1359px 0; width: 35px; height: 35px; }*/
/*.sprite_b_spacetime{ background-position: -1399px 0; width: 31px; height: 35px; }*/
/*.sprite_b_star{ background-position: -1435px 0; width: 35px; height: 34px; }*/
/*.sprite_b_steel{ background-position: -1475px 0; width: 33px; height: 35px; }*/
/*.sprite_b_storm{ background-position: -1513px 0; width: 35px; height: 35px; }*/
/*.sprite_b_summon{ background-position: -1553px 0; width: 35px; height: 35px; }*/
/*.sprite_b_swift{ background-position: -1593px 0; width: 34px; height: 35px; }*/
/*.sprite_b_taijutsu{ background-position: -1632px 0; width: 35px; height: 24px; }*/
/*.sprite_b_tbskill{ background-position: -1672px 0; width: 32px; height: 35px; }*/
/*.sprite_b_types{ background-position: -1709px 0; width: 27px; height: 35px; }*/
/*.sprite_b_water{ background-position: -1741px 0; width: 25px; height: 35px; }*/
/*.sprite_b_wind{ background-position: -1771px 0; width: 35px; height: 35px; }*/
/*.sprite_b_wood{ background-position: -1811px 0; width: 34px; height: 35px; }*/
/*.sprite_b_kekkeimora{ background-position: -1850px 0; width: 35px; height: 35px; }*/
/*.sprite_b_typhoon{ background-position: -1889px 0; width: 35px; height: 35px; }*/

/**********************
* Спрайты и цвет ссылки для стихий
**********************/
.ico_wind:before{ background-position: 0 0; }
.ico_lightning:before{ background-position: -21px 0; }
.ico_earth:before{ background-position: -42px 0; }
.ico_water:before{ background-position: -63px 0; }
.ico_fire:before{ background-position: -84px 0; }
.ico_simple:before{ background-position: -105px 0; }
.ico_taijutsu:before{ background-position: -126px 0; }
.ico_summon:before{ background-position: -147px 0; }
.ico_ice:before{ background-position: -168px 0; }
.ico_wood:before{ background-position: -189px 0; }
.ico_crystal:before{ background-position: -210px 0; }
.ico_lava:before{ background-position: -231px 0; }
.ico_dust:before{ background-position: -252px 0; }
.ico_steel:before{ background-position: -273px 0; }
.ico_dark:before{ background-position: -294px 0; }
.ico_barrier:before{ background-position: -315px 0; }
.ico_blaze:before{ background-position: -336px 0; }
.ico_boil:before{ background-position: -357px 0; }
.ico_explosion:before{ background-position: -378px 0; }
.ico_magnet:before{ background-position: -399px 0; }
.ico_scorch:before{ background-position: -420px 0; }
.ico_swift:before{ background-position: -441px 0; }
.ico_bukijutsu:before{ background-position: -462px 0; }
.ico_absorption:before{ background-position: -483px 0; }
.ico_flow:before{ background-position: -504px 0; }
.ico_cloning:before{ background-position: -525px 0; }
.ico_collaboration:before{ background-position: -546px 0; }
.ico_dojutsu:before{ background-position: -567px 0; }
.ico_fuinjutsu:before{ background-position: -588px 0; }
.ico_general:before{ background-position: -609px 0; }
.ico_genjutsu:before{ background-position: -630px 0; }
.ico_hiden:before{ background-position: -651px 0; }
.ico_juinjutsu:before{ background-position: -672px 0; }
.ico_kekkeigenkai:before{ background-position: -693px 0; }
.ico_kekkeitota:before{ background-position: -714px 0; }
.ico_kenjutsu:before{ background-position: -735px 0; }
.ico_kinjutsu:before{ background-position: -756px 0; }
.ico_medical:before{ background-position: -777px 0; }
.ico_ninjutsu:before{ background-position: -798px 0; }
.ico_reincarnation:before{ background-position: -819px 0; }
.ico_senjutsu:before{ background-position: -840px 0; }
.ico_shurikenjutsu:before{ background-position: -861px 0; }
.ico_spacetime:before{ background-position: -882px 0; }
.ico_tbskill:before{ background-position: -903px 0; }
.ico_puppet:before{ background-position: -924px 0; }
.ico_ninpo:before{ background-position: -945px 0; }
.ico_storm:before{ background-position: -966px 0; }
.ico_star:before{ background-position: -987px 0; }
.ico_kekkeimora:before{ background-position: -1008px 0; }
.ico_typhoon:before{ background-position: -1029px 0; }
.ico_types:before{ background-position: -1050px 0; }


.ico_absorption a{
    color: #8b8b8b;
}
.ico_barrier a{
    color: #9ba3a8;
}
.ico_blaze a{
    color: #000000;
}
.ico_boil a{
    color: #c0c0c0;
}
.ico_bukijutsu a{
    color: #bbb89e;
}
.ico_cloning a{
    color: #6e5353;
}
.ico_collaboration a{
    color: #b06e62
}
.ico_crystal a{
    color: #a964db;
}
.ico_dark a{
    color: #5889c4;
}
.ico_dojutsu a{
    color: #6e69a4;
}
.ico_dust a{
    color: #d8d8d8;
}
.ico_earth a{
    color: #353129;
}
.ico_explosion a{
    color: #ffa700;
}
.ico_fire a{
    color: #ea5223;
}
.ico_flow a{
    color: #e077b7;
}
.ico_fuinjutsu a{
    color: #5e5b58;
}
.ico_genjutsu a{
    color: #530000;
}
.ico_hiden a{
    color: #937979;
}
.ico_ice a{
    color: #83b2da;
}
.ico_juinjutsu a{
    color: #39544c;
}
.ico_kekkeigenkai a{
    color: #00a6bb;
}
.ico_kekkeitota a{
    color: #005cbb;
}
.ico_kenjutsu a{
    color: #87634c;
}
.ico_kinjutsu a{
    color: #d96a6a;
}
.ico_lava a{
    color: #eb670c;
}
.ico_lightning a{
    color: #f2c81e;
}
.ico_magnet a{
    color: #7da9cf;
}
.ico_medical a{
    color: #1c77ac;
}
.ico_ninjutsu a{
    color: #ceb163;
}
.ico_ninpo a{
    color: #f2c325;
}
.ico_puppet a{
    color: #b46d73;
}
.ico_reincarnation a{
    color: #4cced6;
}
.ico_scorch a{
    color: #ffb800;
}
.ico_senjutsu a{
    color: #4cc235;
}
.ico_shurikenjutsu a{
    color: #616564;
}
.ico_simple a{
    color: #0ca2e5;
}
.ico_spacetime a{
    color: #4a619d;
}
.ico_star a{
    color: #634f74;
}
.ico_steel a{
    color: #5b595c;
}
.ico_storm a{
    color: #7888bb;
}
.ico_summon a{
    color: #3b4653;
}
.ico_swift a{
    color: #5aa6bf;
}
.ico_taijutsu a{
    color: #3b4653;
}
.ico_tbskill a{
    color: #b2712b;
}
.ico_water a{
    color: #0285ce;
}
.ico_wind a{
    color: #92c9e9;
}
.ico_wood a{
    color: #986a3d;
}
.ico_kekkeimora a{
    color: #5c477d;
}
.ico_typhoon a{
    color: #3d4a71;
}


/******************************
* Конец спрайтов и цветов ссылок для стихий
**********************/




.vf_button_site {
    background: #e5ebf1;
    padding: 9px 34px;
    -webkit-tap-highlight-color: transparent;
    border-radius: 6px;
    font-size: 13px;
    color: #55677d;
    letter-spacing: .1px;
    border: none;
    zoom: 1;
    cursor: pointer;
    white-space: nowrap;
    outline: none;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
    text-decoration: none;
    box-sizing: border-box;
    font-style: normal;
    font-weight: 400;
    min-width: 123px;
    text-align: center;
    display: inline-block;
}
.vf_button_primary_site {
    font-weight: 400;
    /*background: #5e81a8;*/

    /*background: #0077ff;*/
    /*color: #fff;*/

    background: #ffffff;
    color: #000000;

    border: 1px solid #dbdbdb;

}
.vf_button_primary_site:hover {
    /*background: #6888ad;*/

    /*color: #fff;*/
    /*background: #387eff;*/

    background: #f9f9f9;
    color: #000000;

}

.vf_button_site.tin {
    padding: 9px 34px;
}

.vf_button_site.tin div {
    background: url('../images/vkbn_logo.png') no-repeat;
    background-size: 16px auto;
    display: block;
    height: 16px;
    vertical-align: middle;
}

.vf_button_site.tin div span {
    display: inline-block;
    margin-left: 26px;
    margin-top: -1px;
}



#tg_auth {
    background: none;
    margin: 25px auto 0;
    max-width: 100% !important;
    text-align: center;
}

.tg-login-btn {
    display: inline-flex;
    align-items: center;
    background-color: #54a9eb;
    color: #ffffff;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, Open Sans, Helvetica Neue, sans-serif;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    user-select: none;
    border: none;
}
a.tg-login-btn, a.tg-login-btn:hover, a.tg-login-btn:visited, .dark_mode a.tg-login-btn, .dark_mode a.tg-login-btn:hover, .dark_mode a.tg-login-btn:visited {
    color: #ffffff;
    text-decoration: none;
}

.tg-login-btn:hover {
    background-color: #4ea3e5;
}

.tg-icon {
    width: 19px;
    height: 17px;
    margin-right: 8px;
    background-image: url("../images/tg_icon.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    flex-shrink: 0;
}


.ball_fraction {
    margin-left: 2px;
    border-radius: 42%;
    width: 6px;
    height: 6px;
    background-color: #c0c0c0;
    display: inline-block;
    opacity: 0.86;
}

.bfr_none_color {
    color: #c0c0c0;
}

.bfr_red {
    background-color: #f36d44;
}
.bfr_red_color {
    color: #f36d44;
}
.bfr_blue {
    background-color: #68a9e6;
}
.bfr_blue_color {
    color: #68a9e6;
}
.bfr_yellow {
    background-color: #dcd63a;
}
.bfr_yellow_color {
    color: #dcd63a;
}




.dark_mode .group_admin {
    color: #e90000;
}

.dark_mode .group_student {
    color: #a6840f;
}

.dark_mode .group_guest {
    color: #727272;
}

.dark_mode .group_knower {
    color: #fe5656;
}

.dark_mode .group_helper {
    color: #3b8432;
}

.dark_mode .group_genin {
    color: #856319;
}

.dark_mode .group_chunin {
    color: #218b98;
}

.dark_mode .group_jonin {
    color: #3a84ca;
}

.dark_mode .group_anbu {
    color: #9f4fc4;
}

.dark_mode .group_sempai {
    color: #dca340;
}

.dark_mode .group_sannin {
    color: #8b7af3;
}

.dark_mode .group_kage {
    color: #cdcdcd;
}