@charset "utf-8";
body {
	color: #FFFFFF;
	background-color: #000;
	margin: 0 auto;
	max-width: 430px;
	font: 9px Verdana;
	line-height: 1.2;
	background-attachment: fixed;
}

#news {
    background-image: url('/img/inter/bg_body.jpg'); /* ссылка на картинку*/
    background-repeat: no-repeat;
    background-size: cover; 
    width: 263px;
    height: 175px;
    color: yellow;
    padding: 15px;  /* пробел от края  картинки */
    box-sizing: border-box; 
    display: none; 
    position: relative;
    word-wrap: break-word; 
}


input:hover, button:hover {
    cursor: url(/img/inter/curr.gif), url(/img/inter/take.gif), auto;
}
/*Классы тегов*/
h1, h2, form, html, p, div, span, table, tbody, td, tr, img { margin: 0; padding: 0;}
body {color: #bac0b8; background-color: #000000; margin: 0 auto; max-width: 480px; background: url('/img/inter/bg_body.jpg') repeat #000;}
body, table, td, th, input, textarea, select { font-size: 15px;
font-family: arial,verdana,tahoma,sans-serif;
font-style: normal;}
h1 { color: #ffffff; padding: 2px 5px; font-size: medium;}
h2 { color: #ffffff; padding: 2px 5px; font-size: medium;}
a {color: #7f9fae; outline: none; text-decoration: underline;}
.b { font-weight: bold; }
a:hover { color: #feffff; text-decoration: none;}
table {border: 0; border-spacing: 0px; border-collapse: collapse; table-layout: fixed; display: table;}
td.top { vertical-align: top;}
img { border: 0px;}
div.body img {margin-right: 3px;}
img.menu {vertical-align: middle;}
ul { padding: 0px 0px 0px 18px; margin: 0px;}
ul li { padding-left: 0px;}
input {border:1px solid white; background-color: #FFFFFF;}
input.inp {
    border: none; /* Удаляем стандартную рамку */
    height: 28px; /* Увеличиваем высоту для лучшей видимости */
    width: 180px;
    border-radius: 4px; /* Закругленные углы */
    padding: 0 10px; /* Отступы для текста внутри */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.1); /* Внешняя и внутренняя тени */
    background: linear-gradient(45deg, #f7f7f7, #e7e7e7); /* Градиентный фон */
    font-size: 14px; /* Размер шрифта */
    transition: all 0.3s ease; /* Плавный переход для всех свойств */
    outline: none; /* Убираем стандартный контур при фокусе */
    box-shadow: none; 
}

input.inp:focus {
    box-shadow: 0 0 10px rgba(0, 128, 0, 0.5), inset 0 0 5px rgba(0, 128, 0, 0.5); 
}

input.inp:valid {
    box-shadow: 0 0 10px rgb(38 193 228), inset 0 0 5px rgb(107 228 246 / 50%);
}
input.inp:focus {
    box-shadow: 0 0 10px rgb(204 32 24), inset 0 0 5px rgb(238 31 31 / 50%); /* Зеленая тень при фокусе */
}input.butt {
    background: linear-gradient(145deg, #252a2d, #747c8270); /* градиент для матового металлического фона */
    color: #FFFFFF;
    height: 26px;
    width: 170px;
    font-size: medium;
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgb(0 0 0);
    transition: all 0.3s ease;
    outline: none;

    /* Металлический градиент для рамки */
    border: 2px solid; 
    border-image: linear-gradient(45deg, #c3c3c3, #1e202387);
    border-image-slice: 1;
}

input.butt:active {
    box-shadow: 0 0 10px #FFFFFF; /* белая тень при нажатии */
    transform: translateY(2px);
}
input.buttr { background-color: #c4280e; color: #FFFFFF; height: 26px; width: 170px; font-size: medium;}
input.but2 { background-color: #1c7201; color: #FFFFFF; height: 26px; width: 90px; font-size: medium; }
input.but3 { background-color: #c4280e; color: #FFFFFF; height: 26px; width: 90px; font-size: medium; }
input.line { background-color: #1c7201; color: #FFFFFF; height: 26px; width: 90px; font-size: medium; }

.bts{border-top: 1px #999999 solid;}
.brs{border-right: 1px #999999 solid;}
.bls{border-left: 1px #999999 solid;}
.bbs{border-bottom: 1px #999999 solid;}

.btd{border-top: 1px #999999 dotted;}
.brd{border-right: 1px #999999 dotted;}
.bld{border-left: 1px #999999 dotted;}
.bbd{border-bottom: 1px #999999 dotted;}

.btda{border-top: 1px #999999 dashed;}
.brda{border-right: 1px #999999 dashed;}
.blda{border-left: 1px #999999 dashed;}
.bbda{border-bottom: 1px #999999 dashed;}


.p { padding: 3px;}
.m {margin-top: 3px; margin-bottom: 3px;}
input.num { border: 1px solid #1c7201; height: 22px; width: 40px;}
input.but { background-color: #1c7201; margin-left: 3px; color: #FFFFFF; height: 22px; width: 36px; font-size: small; }
select { width: 183px;}
textarea { border: 1px solid #1c7201; width: 99%;}
a.but2 { background-color: #1c7201; color: #FFFFFF; text-decoration: none; padding: 2px; padding-left: 10px; padding-right: 10px;  border: 1px solid white; font-size: medium; }  
.bdr.bg_b{background-color:#315771;background-image:url('http://static.mrush.mobi/view/image/art/bg-brd.png');background-repeat:repeat-x;}
.bdr.bg_main{background-repeat:repeat-x;}
.bdr.bg_red{background-color:#3a0800;background-image:url('http://static.mrush.mobi/view/image/art/bg-brd-shd_red.png');background-position:0 100%;background-repeat:repeat-x;}
.bdr.bg_blue{background-color:#122027;background-image:url('http://static.mrush.mobi/view/image/art/bg-brd-shd_blue.png');background-position:0 100%;background-repeat:repeat-x;}
.bdr.bg_green{background-color:#003742;background-image:url('http://static.mrush.mobi/view/image/art/bg-brd-shd_green.png');background-position:0 100%;background-repeat:repeat-x;}
.bdr .light{background-position:0 100%;background-repeat:repeat-x;}
.bdr .wr1{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-1.png');background-repeat:repeat-x;background-position:0 0;}
.bdr .wr2{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-2.png');background-repeat:repeat-y;background-position:100% 0;}
.bdr .wr3{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-3.png');background-repeat:repeat-x;background-position:100% 100%;}
.bdr .wr4{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-4.png');background-repeat:repeat-y;background-position:0 0;}
.bdr .wr5{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-5.png');background-repeat:no-repeat;background-position:0 0;}
.bdr .wr6{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-6.png');background-repeat:no-repeat;background-position:100% 0;}
.bdr .wr7{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-7.png');background-repeat:no-repeat;background-position:100% 100%;}
.bdr .wr8{background-image:url('https://mrush.mobi/view/image/art/bg-brdg-8.png');background-repeat:no-repeat;background-position:0 100%;padding:4px;}
.mlr10 {
  margin-left: 10px;
  margin-right: 10px;
}
.mb5 {
  margin-bottom: 5px;
}
.mt5 {
  margin-top: 5px;
}
.yell {
  color: #eacc54 !important;
}

/*Интерфейс*/
.papirus_border {
  border: 30px solid #F5DF97;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
  border-image: url('https://wap.teeda.ru/img/umen/paper.png') 30 round round;
}
.papirus {
  background: url('https://wap.teeda.ru/img/umen/paper_in.png') repeat;
}
div.thead { background: #490000 url(https://wap.teeda.ru//img/inter/230x92.jpg) no-repeat center; padding: 0px; margin: 0px; height: 92px;}
div.thead2 { background: #490000 url(https://wap.teeda.ru//img/inter/172x69.jpg) no-repeat center; padding: 0px; margin: 0px; height: 69px;}
div.h1b { font-size: small; background-color: #202020; padding: 3px 4px; color: #009cff;}
div.h1b img, div.h2b img { margin-right: 3px;}
div.h2b {
    background: linear-gradient(45deg, #171111, #4b4949); /* градиентный фон */
    padding: 5px 4px;
    border-radius: 5px; /* закругленные углы */
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); /* тень */
    transition: transform 0.3s ease, box-shadow 0.3s ease; /* плавный переход для наведения курсора */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* тень текста для лучшей читаемости */
    font-weight: 500; /* увеличиваем жирность текста */
}

div.h2b:hover {
    transform: translateY(-3px); /* небольшой "подскок" при наведении */
    box-shadow: 3px 3px 15px rgba(0, 0, 0, 0.3); /* увеличиваем тень при наведении */
}div.box_inter { }
div.body { 
    background-color: #202020; 
    padding: 0px; 
    overflow-x: visible;
}
div.logo_mail { height: 22px; background-color: #2b71b9;}
.small { font-size: small; }
.nobr { white-space: nowrap; }

/*Боксы*/
table.box1 { min-height: 35px;}
table.box1 td { padding: 2px 1px;}
td.text_box {  padding-left: 5px; color: #efed1e;}
td.top { vertical-align: top;}

div.b1 { background: #811110;}
div.b2 { border-top: 1px solid #9a7d55; padding: 2px 3px 4px 3px;}
div.b2b {
    padding: 2px 4px;
    background: linear-gradient(145deg, #2a2a2f, #121315); /* градиент от серого к черному */
    border-radius: 4px; /* закругленные углы для современного вида */

    /* Металлическая рамка */
    border: 1px solid;
    border-image: linear-gradient(45deg, #3a3a40, #1a1a20);
    border-image-slice: 1;

    box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.1); /* слабая белая тень для дополнительного контраста */
    transition: all 0.3s ease; /* плавный переход для всех свойств */
}div.b3 { border-top: 1px solid #9a7d55; padding: 2px 0px; background-color: #000000;}
div.b4 { font-size: small; padding: 4px 5px 4px 5px; background-color: #171717; margin: 2px 0px; color: #ff9c00; }
div.bn { border-top: 1px solid #9a7d55; padding: 2px 0px; }
div.brt { border-top: 1px solid #9a7d55;}

div.brb { border-bottom: 1px solid #9a7d55;}

div.boxar { padding-bottom: 3px;}
p.space { padding-top: 3px;}
p.space2 { padding-top: 6px;}
div.box1s {
    color: #ffffff; /* Белый цвет текста */
    margin-top: 10px; /* Увеличиваем верхний отступ */
    padding: 10px; /* Увеличиваем отступы */
    background: linear-gradient(145deg, #4a4a4f, #2a2a2f); /* Добавляем градиентный фон */
    border-radius: 5px; /* Добавляем закругленные углы */
    
    /* Добавляем тень для создания эффекта "выпуклости" */
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); 
    
    /* Добавляем рамку для большей определенности */
    border: 1px solid #1a1a1f;
    
    transition: all 0.3s ease; /* Плавный переход для всех изменяемых свойств */
}

/* Можно также добавить эффект при наведении, если этот блок интерактивен */
div.box1s:hover {
    transform: translateY(-3px) translateX(0px); /* Наклоняем и двигаем элемент при наведении */
}
div.pt { padding: 3px 0px;}
div.info { padding: 1px 0px; color: #16d635; padding-top: 3px;}
div.online { color: #f6ca11; font-weight: bold; text-align: center;}
div.text_in {
    text-align: center;
    padding: 10px 22px; /* немного увеличиваем отступы */
    color: #d70909; /* яркий красный цвет текста */
    background: linear-gradient(146deg, #2f2c2ccc,#776b6b69, #120202a6); /* светло-красный градиентный фон */
    border-radius: 5px; /* закругляем углы */
    box-shadow: 2px 2px 5px rgb(208 207 211 / 83%); /* немного тени для выделения блока */
    
    /* Добавим гармоничную рамку */
    border: 1px solid #3a1f1f; /* цвет рамки, сочетающийся с фоном */

    /* Тень для текста для дополнительного акцента */
    text-shadow: 1px 1px 2px rgb(22 21 21 / 40%);
    transition: all 0.3s ease; /* плавный переход для всех свойств */
    
}

div.pers { padding-top: 4px;}
div.line { border-bottom: 1px solid #FFFFFF; padding: 4px 0;}
div.tfooter { padding-top: 8px; text-align: center; font-size: small; background-color: #202020;}
div.tx1 { font-weight: bold; color: #ff9c00; padding-top: 5px;}
div.award_in { padding: 4px 5px 4px 5px; border: 1px solid #6e5d03; background-color: #171717; margin: 2px 2px; color: #fff;}

ul.nav { padding: 0px 0px; margin: 0px; list-style: none;}
ul.nav li {border-bottom: 1px dotted #515151; list-style: none outside none; padding: 1px 0px 1px 0px; margin-bottom: 0px;}
ul.nav li:last-child { border: 0 none;}
ul.nav img { padding: 0px 6px 1px 4px;}
ul.nav li:hover { background-color: #534741;}
ul.nav li a { color: #7f9fae; font-weight: normal; display: block; text-decoration: none;}
ul.nav li:hover a { color: #ffffff; text-decoration: none; }

div.pb { padding: 2px 3px 3px 0px; color: #fff; line-height: 22px;}
div.page a {background: none repeat scroll 0 0 #000; border: 1px solid #7c9ea7; color: #7c9ea7; padding: 0px 4px; text-decoration: none;}
div.page a.this {background: none repeat scroll 0 0 #7c9ea7; font-weight: bold; color:#000}

/*РљРЅРѕРїРєРё*/
div.but { padding: 5px 0px; text-align: center;}
a.pers { color: #ffdd6f;}

/*Вещи*/
table.items_box { margin-top: 2px; min-height: 35px;}
div.items { padding: 1px 2px;}
div.item_name { padding-left: 3px; color: #fff;}
div.item_todo { padding-left: 3px; padding-top: 0px;}
div.item_info { color: #FFFFFF; padding: 3px 0px;}
div.item_param { padding-bottom: 0px;}
div.item_status { padding: 4px 0px; color: #bac0b8;}

/*Бои*/
div.battle { font-size: small; }
div.l1 { color: #f5c837; padding: 2px 4px; background-color: #000000; border: 1px solid #bababa;}
div.ava { padding: 2px 4px 0px 4px;}
td.bt1 { vertical-align:top; width: 11px; padding-bottom: 1px;}
td.bt2 { vertical-align: bottom; padding-left: 2px;}

ul.navb { padding: 0px 0px; margin: 0px;}
ul.navb li { padding: 2px 0px 2px 0px; margin: 0px;}
ul.navb img { padding: 0px 3px 0px 4px;}
ul.navb li:hover { background-color: #534741;}
ul.navb li a.active_s { color: #fffc00; font-weight: normal; display:block; text-decoration: none;}
ul.navb li a.disable_s { color: #858302; font-weight: normal; display:block; text-decoration: none;}
ul.navb li:hover a { color: #ffffff; text-decoration: none; }
/* создаем id="kosti" для кнопку кости */
#kosti {
    padding: 2px 20px;
    margin: 2px;
    background: linear-gradient(135deg, #0a0, #0c0); /* градиент от темно-зеленого к светло-зеленому */
    border: 1px solid #ff0;
    color: #fff;
    font-size: 16px;
    border-radius: 5px; /* закругленные углы */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* легкая тень вокруг кнопки */
    transition: all 0.3s ease; /* плавный переход для всех свойств */
    cursor: pointer; /* курсор руки при наведении */
    font-weight: 500; /* увеличиваем жирность текста для выделения */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* небольшая тень для текста для лучшей читаемости */
}

#kosti:hover {
    background: linear-gradient(135deg, #0c0, #0e0); /* светлее градиент при наведении */
    box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.3); /* увеличиваем тень при наведении */
    transform: translateY(-2px); /* небольшое поднятие кнопки при наведении */
}

#kosti:active {
    transform: translateY(0); /* возвращаем кнопку в исходное положение при нажатии */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); /* уменьшаем тень при нажатии */
}

.next {
    background: linear-gradient(145deg, #5a5a67, #16171b);
    padding: 3px 7px;
    margin-top: 3px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px rgb(172 177 182 / 60%);/* подсветка белая меняем на нужную либо удаляем */
    transition: all 0.3s ease;
    font-weight: 500;

    /* Добавляем градиентную рамку */
    border: 2px solid; 
    border-image: linear-gradient(45deg, #040404, #a3a09a, #0b0d18);
    border-image-slice: 1;
}

/* для кнопки чата мы тут*/


.here {
    background: linear-gradient(145deg, #0a0a0a,#fdfdfd5c, #0a0909); /* Градиент от темно-серого к еще более темному */
    padding: 3px 7px;
    margin-top: 3px;
    border-radius: 6px; 
    box-shadow: 2px 2px 8px rgb(53 91 194); /* Тень, соответствующая темно-серому оттенку */
    transition: all 0.3s ease;
    font-weight: 550;

    /* Градиентная рамка с серыми и синими оттенками */
    border: 2px solid; 
    border-image: linear-gradient(45deg, #000000, #e3e3e3, #989899, #020202);
    border-image-slice: 1;
}
.hereForum {
    background: linear-gradient(145deg, #0a0a0a,#fdfdfd5c, #0a0909); /* Градиент от темно-серого к еще более темному */
    padding: 3px 7px;
    margin-top: 3px;
    border-radius: 6px; 
    box-shadow: 2px 2px 8px rgb(185 188 195); /* Тень, соответствующая темно-серому оттенку */
    transition: all 0.3s ease;
    font-weight: 550;

    /* Градиентная рамка с серыми и синими оттенками */
    border: 2px solid; 
    border-image: linear-gradient(45deg, #000000, #e3e3e3, #989899, #020202);
    border-image-slice: 1;
}
@keyframes loadingEffect {
    0% {
        background-position: 100% 0;
    }
    100% {
        background-position: -100% 0;
    }
}

.exp1 {
    width: 37.333333333333%;
    height: 14px;
    background: linear-gradient(150deg, #7ed57473, #26ff4b, #0eed3e, #192018);
    background-size: 200% 100%; /* Увеличиваем размер градиента для создания эффекта движения */
    animation: loadingEffect 6s infinite; /* Применяем анимацию */
}

/* для кнопки старт на крафте создаем */
@keyframes glowingEffect {
    0% {
        box-shadow: 0 0 10px white;
    }
    50% {
        box-shadow: 0 0 20px #b0b0b0;
    }
    100% {
        box-shadow: 0 0 10px white;
    }
}
.cntr{text-align:center;}
.lft{text-align:left !important;}
.rgt{text-align:right !important;}
.va_t{vertical-align:top;}
.va_m{vertical-align:middle;}
.ai{align-items: stretch;}
#start {
    padding: 10px 1px;
    border-radius: 5px;

    /* Матовый металлический градиент */
    background: linear-gradient(145deg, #b2b2b2, #121315);

    /* Градиентная рамка */
    border: 2px solid;
    border-image: linear-gradient(45deg, #3a3a40, #1a1a20);
    border-image-slice: 1;

    /* Плавная подсветка */
    animation: glowingEffect 3s infinite alternate; 
    transition: all 0.3s ease;
}
.torg {
    background: linear-gradient(145deg, #337733, #224422); /* Градиентный фон */
    padding: 10px; /* Увеличиваем отступы */
    margin: 5px; /* Увеличиваем внешний отступ */
    font-size: 14px; /* Увеличиваем размер шрифта */
    border-radius: 8px; /* Увеличиваем радиус скругления углов */

    /* Добавляем металлическую рамку */
    border: 2px solid;
    border-image: linear-gradient(45deg, #4a8a40, #1a2a20);
    border-image-slice: 1;

    /* Добавляем тень для глубины */
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    
    transition: all 0.3s ease; /* Плавный переход для всех изменяемых свойств */
}

/* Эффект при наведении, если элемент интерактивен */
.torg:hover {
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3); /* Увеличиваем тень при наведении */
    transform: scale(1.05); /* Увеличиваем элемент при наведении */
}
.novic{
background: #303030;
background: linear-gradient(#303030,#303030);
background-size: cover;
border-radius: 7px;
text-align: center;
}

@keyframes slashEffect {
    0%, 100% {
        transform: translateX(-150%) translateY(-150%);
    }
    50% {
        transform: translateX(150%) translateY(150%);
    }
}

.sellTorg {
    padding: 6px;
    margin: 4px;
    border-radius: 6px;
    position: relative;
    overflow: hidden;
    
    /* Матовый металлический фон */
    background: linear-gradient(83deg, #3a3a3f, #141415);
    
    /* Металлическая рамка */
    border: 2px solid;
    border-image: linear-gradient(49deg, #909092, #17171c);
    border-image-slice: 1;
    
    /* Добавляем тень для глубины */
    box-shadow: 2px 2px 10px rgb(50 45 45 / 89%);
}

.sellTorg::before {
    content: "";
    position: absolute;
    left: 1px;
    right: 1px;
    bottom: 1px;
    height: 5px;
    background: linear-gradient(to top, rgb(250 247 247 / 50%), transparent);
    border-radius: 0 0 4px 2px; /* Закругление только нижних углов */
}

.sellTorg:hover {
    background: linear-gradient(to top, rgb(250, 247, 247, 0.5), transparent);
}

/* Если вы также хотите изменить фоновый градиент ::before элемента при наведении, вам нужно будет добавить следующий стиль: */

.sellTorg:hover::before {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.7), transparent);
}

.sellTorg::after {
    content: "";
    position: absolute;
    background: linear-gradient(90deg, transparent, rgb(128 83 83 / 70%), transparent); /* Белый цвет для блика света с прозрачностью по краям */
    width: 10%; /* Ширина блика */
    height: 200%; /* Высота блика */
    top: -50%; /* Позиционирование сверху */
    left: -50%; /* Позиционирование слева */
    transform: rotate(45deg); /* Поворот на 45 градусов для создания диагонального блика */
    animation: slashEffect 5s linear infinite; /* Анимация блика */
}




.halloween {

}

.halloween .box {
	width: 100%;
	min-width: 100%;
	display: inline-block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

.halloween .box .icons {
	position: relative;
	width: 23%;
	min-width: 80px;
	margin-left: 1%;
	margin-right: 1%;
	text-align: center;
	display: inherit;
}

.halloween .box .icons .level {
	font-size:small;
	margin-top: 4px;
	margin-bottom: 7px;
	display: block;
}
.halloween .box .icons .energy {
	margin-top: 5px;
	margin-bottom: 6px;
	display: block;
}
.halloween .box .icons .item {
	margin-top: 5px;
	margin-bottom: 5px;
}

.halloween .box .icons .item .image {
	width: 48px;
	height: 48px;
}

.halloween .box .icons .item .border {
	position: absolute;
	margin-left: -34px;
	margin-top: -58px;
	width: 68px;
	height: 68px;
}

.halloween .box .icons .link {
	width: 94%;
	left: 3%;
	height: 25px;
	font-size: 15px;
	margin-top:2px;
	margin-bottom: 8px;
}

.halloween .box .boss {
	width: 44%;
	min-width: 42%;
	vertical-align: top;
	display: inherit;
}
.halloween .box .boss .image {
	/*max-width: 100%;*/
	/*height: 200px;*/
	/**/
	min-width: 164px;
	height: 280px;
	width: 100%;
}


/*Цвета*/

.white{color:white }
.lwhite{color:#f9ffec }
.lblue{color:#bce4f4 }
.lyell{color:#eff0a1 }
.yell{color:#eacc54 ;}
.lorange{color:#f0c9a1 }
.grey1{color:#a8b4ba }
.grey2{color:#56646b }
.bg_dblue{background-color: #0c1a21;}
.rdmg{color:#ff3736 }
.lose{color: #FF2400 }
.win{color: #7afe4e }
.violet{color: #daa8e2 }
.blue1{color: #1cb4de;}

.red { color: #ff0000;}
.blue { color: #009cff;}
.green { color: #009933;}
.green2 { color: #4fcf16;}
.white { color: #fefefe;}
.grey { color: #a9a9a8;}
.lime { color: #4efe00;}
.orange { color: #ff9c00;}
.violet { color: #9644c1;}
.brown { color: #bf8e25;}
.yellow { color: #efed1e;}
.weapon6 { color: #ffb700;}
.weapon2 { color: #B11AA8;}
.weapon1 { color: #ac7f30}
.moder { color: #489f50}
.moder2 { color: #fadb7c}
.sun { color: #ffbc0c;}
.wind { color: #949494;}
.rain { color: #3daefe;}
.thunder { color: #b71ddd;}