@charset "utf-8";
/* ==========================================================================
 *  DMN CMS functional styles (template "wealth")
 *  Only structural / functional rules live here (inventory slot positions,
 *  item colour classes, flag sprite, legacy ids used by the CMS JavaScript).
 *  All visual theming is in style.css – keep this file free of colours
 *  for buttons, panels and tables.
 * ========================================================================== */
@import "validation.css";
@import "notice.css";
@import "ui.css?v1";

/* ---------- character equipment (legacy inventory image, MU < S4) ---------- */
#helm       { position: absolute; left: 73px;  top: 58px;  width: 56px;  height: 66px; }
#wings      { position: absolute; left: 272px; top: 59px;  width: 127px; height: 110px; }
#pendant    { position: absolute; left: 233px; top: 80px;  width: 29px;  height: 29px; }
#sword      { position: absolute; left: 6px;   top: 242px; width: 69px;  height: 129px; }
#armor      { position: absolute; left: 40px;  top: 138px; width: 82px;  height: 98px; }
#shield     { position: absolute; left: 330px; top: 242px; width: 69px;  height: 129px; }
#gloves     { position: absolute; left: 271px; top: 178px; width: 85px;  height: 55px; }
#pants      { position: absolute; left: 89px;  top: 297px; width: 58px;  height: 74px; }
#ring_left  { position: absolute; left: 102px; top: 252px; width: 29px;  height: 29px; }
#ring_right { position: absolute; left: 272px; top: 252px; width: 29px;  height: 29px; }
#boots      { position: absolute; left: 258px; top: 297px; width: 58px;  height: 74px; }

/* ---------- character equipment (modern inventory, MU ≥ S4) ---------- */
#inventoryc { background-image: url('../../default_assets/images/inventoryc_dgeen.png?v1'); width: 398px; height: 320px; max-width: 100%; text-align: center; display: inline-block; position: relative; }
#inventoryc > img { position: absolute; top: 90px; left: 145px; border-radius: 50%; border: 3px solid #24314e; width: 110px; height: 110px; }
#inventoryc > div { position: absolute; background-repeat: no-repeat; background-position: center center; cursor: pointer; }
#in_weapon    { width: 90px;  height: 136px; bottom: 0;     left: -6px;   background-size: contain !important; }
#in_shield    { width: 60px;  height: 136px; bottom: 0;     right: 8px;   background-size: contain !important; }
#in_helm      { width: 68px;  height: 68px;  top: 2px;      left: 66px; }
#in_armor     { width: 72px;  height: 110px; top: 72px;     left: 40px;   background-size: contain !important; }
#in_pants     { width: 68px;  height: 68px;  bottom: 8px;   left: 82px;   background-size: contain !important; }
#in_gloves    { width: 68px;  height: 68px;  top: 116px;    right: 54px;  background-size: contain !important; }
#in_boots     { width: 68px;  height: 68px;  bottom: 8px;   right: 82px;  background-size: contain !important; }
#in_wings     { width: 138px; height: 102px; top: 8px;      right: -2px;  background-size: contain !important; }
#in_zoo       { width: 42px;  height: 42px;  top: 15px;     left: 10px;   background-size: contain !important; }
#in_pendant   { width: 38px;  height: 38px;  top: 20px;     right: 136px; background-size: contain !important; }
#in_ring1     { width: 38px;  height: 38px;  bottom: 92px;  left: 96px;   background-size: contain !important; }
#in_ring2     { width: 38px;  height: 38px;  bottom: 92px;  right: 96px;  background-size: contain !important; }
#in_pentagram { width: 64px;  height: 64px;  bottom: 8px;   right: 169px; background-size: contain !important; }
#in_ear1      { width: 32px;  height: 32px;  top: 72px;     left: 0;      background-size: contain !important; }
#in_ear2      { width: 32px;  height: 32px;  top: 72px;     left: 115px;  background-size: contain !important; }

/* ---------- workshop / warehouse grids ---------- */
.cworkshop { display: table; margin: 30px auto; }
.cworkshop .inventoryy { background-image: url("../../default_assets/images/inv.png"); height: 610px; width: 311px; display: block; }
.cworkshop .item { position: absolute; margin-top: 10px; margin-left: 3px; }
.cworkshop .item > div { cursor: pointer; border: solid 2px transparent; }
div[id*="item-slot-occupied-"] img { background-color: rgba(31, 31, 31, .73); }
div[id*="item-slot-occupied-"] img:hover { background-color: rgba(240, 178, 77, .25); }
.cworkshop .item > div.selected, .cworkshop .item .hover_inv:hover { background-color: rgba(240, 178, 77, .25); border: solid 2px rgba(240, 178, 77, .45); }
.cworkshop .title { margin-top: 13px; text-align: center; margin-bottom: 30px; }
.dmn-vault-grid-modern { position: relative; background-color: #0c0c0a; background-image: url(../../default_assets/images/vault-grid-bg.jpg); width: 321px; max-width: 100%; min-height: 600px; max-height: 600px; border: 1px solid #302f2a; }
.dmn-grid-item-modern { position: absolute; border-right: 1px solid #171717; border-bottom: 1px solid #171717; background-repeat: no-repeat; background-position: center; }
.wh_items { width: 261px; margin: 2px auto; padding-top: 6px; padding-left: 3px; height: 485px; }
.square { cursor: pointer; position: absolute; opacity: .85; }
.square:hover { opacity: 1; }
.square img { width: 100%; height: 100%; }
#inventory div { cursor: pointer; }
#sell_item { display: none; margin-top: 10px; padding: 10px; border-radius: 6px; background: rgba(0, 0, 0, .25); }
.acp-coins { text-align: center; margin-bottom: 10px; display: block; }
.acp-coins .coins-title { color: #e6eef3; }
.acp-coins .coins { color: #f0b24d; }

/* ---------- auction / item buy window ---------- */
.inv { table-layout: fixed; background-color: #0f0907; border: 1px solid #100f0d; margin: 0; padding: 0; }
.waretitle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; background: #4b2b1b; font-weight: bold; color: #fff; }
#item_buy { margin-left: 5px; margin-right: 5px; width: 100%; }
#item_buy_left { float: left; padding-right: 5px; }
#item_buy_right { float: left; background-color: #0f0907; width: 492px; max-width: 100%; padding: 1px; border-radius: 2px; }
#item_buy_right .full { margin: 1px; padding: 1px; width: 488px; max-width: 100%; background-color: #4b2b1b; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; text-shadow: #000 0 1px 0; height: 18px; line-height: 18px; }
#item_buy_right .opt_title, #item_buy_right .opt { margin: 1px; padding-left: 1px; float: left; background-color: #1a130f; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; text-shadow: #000 0 1px 0; height: 20px; line-height: 20px; }
#item_buy_right .opt_title { width: 250px; }
#item_buy_right .opt { width: 236px; }
#item_buy_right .opt select { border: 0; border-radius: 0; width: 60%; height: 20px; line-height: 1; font-size: 12px; background: #0f0907; color: #fff; margin-top: 1px; padding: 0; box-shadow: none; -webkit-appearance: none; outline: 0 !important; }
#item_buy_right .opt input[type="number"] { width: 35px; height: 18px; line-height: 1; border: 0; border-radius: 0; font-size: 12px; background: #0f0907; color: #fff; margin-top: 1px; padding: 0; box-shadow: none; -webkit-appearance: none; }
#item_image_bg { position: relative; background: #0f0907 url(../images/item_bg.png) no-repeat; width: 129px; height: 184px; border-radius: 4px; }
#item_image_bg img { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.item_info { margin-top: 2px; background: url(../images/item_desc.png) no-repeat; width: 129px; height: 36px; line-height: 36px; z-index: 500; }
.item_info .info { padding-left: 5px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #fff; text-shadow: #000 0 1px 0; }
.item_info .info .btimes { color: #ed7876; }
.item_info .info .goldcr { color: #ffaf04; }
.item_info .info .normalcr { color: #d9a08a; }
#buy_buttons { margin-right: 10px; width: 99%; }
#buy_buttons button { margin: 2px; }
.btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }
.span_red { background: #7b1f1f; color: #fff; padding: 1px 4px; border-radius: 3px; }
.PriorityZero  { background-color: rgb(230, 138, 138); }
.PriorityOne   { background-color: rgb(204, 64, 64); }
.PriorityTwo   { background-color: rgb(255, 0, 0); }
.PriorityThree { background-color: rgb(153, 0, 0); }
#item_filter_overlay { position: absolute; height: 400px; width: 300px; display: none; z-index: 9999; }
#item_filter { width: 300px; height: 710px; padding-bottom: 2px; background: #1a130f; color: #e6eef3; border-radius: 5px; box-shadow: 0 0 4px rgba(0, 0, 0, .7); }
.item_filter_content { height: 600px; width: 285px; margin: 15px; overflow: auto; }
.ribbon-discount-green { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; }
.ribbon-green { font: bold 13px sans-serif; color: #fff; text-align: center; transform: rotate(45deg); position: relative; padding: 7px 0; left: -5px; top: 15px; width: 120px; background: linear-gradient(180deg, #f0b24d, #c87c1a); box-shadow: 0 0 3px rgba(0, 0, 0, .3); text-shadow: 0 1px 1px rgba(0, 0, 0, .4); }
.ribbon-green::before, .ribbon-green::after { content: ""; border-top: 3px solid #8a5f22; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; }
.ribbon-green::before { left: 0; }
.ribbon-green::after { right: 0; }

/* ---------- referral reward dropdown ---------- */
.ref-reward-dropdown { position: relative; display: inline-block; }
.ref-reward-dropdown-content { display: none; position: relative; background-color: #080504; min-width: 150px; overflow: hidden; overflow-y: auto; max-height: 500px; box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .5); z-index: 2500; border-radius: 6px; border: 1px solid rgba(255, 255, 255, .06); }
.ref-reward-dropdown-content a { color: #efe4d6; padding: 6px 10px; text-decoration: none; display: block; font-size: 12px; }
.ref-reward-dropdown-content a:hover { background-color: #24170f; color: #fff; }
.ref-reward-dropdown:hover .ref-reward-dropdown-content { display: block; }

/* ---------- timers (grand opening) ---------- */
#timers { margin-left: 20px; margin-top: 10px; }
#timer_div_title { height: 16px; width: 210px; font-size: 16px; text-align: center; color: #fff; }
#timer_div_time { height: 70px; width: 220px; }

/* ---------- flag sprite (16px) ---------- */
.f16 .flag{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(../images/flags.png) no-repeat;}
.f16 ._African_Union{background-position:0 -16px;}
.f16 ._Arab_League{background-position:0 -32px;}
.f16 ._ASEAN{background-position:0 -48px;}
.f16 ._CARICOM{background-position:0 -64px;}
.f16 ._CIS{background-position:0 -80px;}
.f16 ._Commonwealth{background-position:0 -96px;}
.f16 ._England{background-position:0 -112px;}
.f16 ._European_Union, .f16 .eu{background-position:0 -128px;}
.f16 ._Islamic_Conference{background-position:0 -144px;}
.f16 ._Kosovo{background-position:0 -160px;}
.f16 ._NATO{background-position:0 -176px;}
.f16 ._Northern_Cyprus{background-position:0 -192px;}
.f16 ._Northern_Ireland{background-position:0 -208px;}
.f16 ._Olimpic_Movement{background-position:0 -224px;}
.f16 ._OPEC{background-position:0 -240px;}
.f16 ._Red_Cross{background-position:0 -256px;}
.f16 ._Scotland{background-position:0 -272px;}
.f16 ._Somaliland{background-position:0 -288px;}
.f16 ._Tibet{background-position:0 -304px;}
.f16 ._United_Nations{background-position:0 -320px;}
.f16 ._Wales{background-position:0 -336px;}
.f16 .ad{background-position:0 -352px;}
.f16 .ae{background-position:0 -368px;}
.f16 .af{background-position:0 -384px;}
.f16 .ag{background-position:0 -400px;}
.f16 .ai{background-position:0 -416px;}
.f16 .al{background-position:0 -432px;}
.f16 .am{background-position:0 -448px;}
.f16 .ao{background-position:0 -464px;}
.f16 .aq{background-position:0 -480px;}
.f16 .ar{background-position:0 -496px;}
.f16 .as{background-position:0 -512px;}
.f16 .at{background-position:0 -528px;}
.f16 .au{background-position:0 -544px;}
.f16 .aw{background-position:0 -560px;}
.f16 .ax{background-position:0 -576px;}
.f16 .az{background-position:0 -592px;}
.f16 .ba{background-position:0 -608px;}
.f16 .bb{background-position:0 -624px;}
.f16 .bd{background-position:0 -640px;}
.f16 .be{background-position:0 -656px;}
.f16 .bf{background-position:0 -672px;}
.f16 .bg{background-position:0 -688px;}
.f16 .bh{background-position:0 -704px;}
.f16 .bi{background-position:0 -720px;}
.f16 .bj{background-position:0 -736px;}
.f16 .bm{background-position:0 -752px;}
.f16 .bn{background-position:0 -768px;}
.f16 .bo{background-position:0 -784px;}
.f16 .br{background-position:0 -800px;}
.f16 .bs{background-position:0 -816px;}
.f16 .bt{background-position:0 -832px;}
.f16 .bw{background-position:0 -848px;}
.f16 .by{background-position:0 -864px;}
.f16 .bz{background-position:0 -880px;}
.f16 .ca{background-position:0 -896px;}
.f16 .cg{background-position:0 -912px;}
.f16 .cf{background-position:0 -928px;}
.f16 .cd{background-position:0 -944px;}
.f16 .ch{background-position:0 -960px;}
.f16 .ci{background-position:0 -976px;}
.f16 .ck{background-position:0 -992px;}
.f16 .cl{background-position:0 -1008px;}
.f16 .cm{background-position:0 -1024px;}
.f16 .cn{background-position:0 -1040px;}
.f16 .zh{background-position:0 -1040px;}
.f16 .co{background-position:0 -1056px;}
.f16 .cr{background-position:0 -1072px;}
.f16 .cu{background-position:0 -1088px;}
.f16 .cv{background-position:0 -1104px;}
.f16 .cy{background-position:0 -1120px;}
.f16 .cz{background-position:0 -1136px;}
.f16 .de{background-position:0 -1152px;}
.f16 .dj{background-position:0 -1168px;}
.f16 .dk{background-position:0 -1184px;}
.f16 .dm{background-position:0 -1200px;}
.f16 .do{background-position:0 -1216px;}
.f16 .dz{background-position:0 -1232px;}
.f16 .ec{background-position:0 -1248px;}
.f16 .ee{background-position:0 -1264px;}
.f16 .eg{background-position:0 -1280px;}
.f16 .eh{background-position:0 -1296px;}
.f16 .er{background-position:0 -1312px;}
.f16 .es{background-position:0 -1328px;}
.f16 .et{background-position:0 -1344px;}
.f16 .fi{background-position:0 -1360px;}
.f16 .fj{background-position:0 -1376px;}
.f16 .fm{background-position:0 -1392px;}
.f16 .fo{background-position:0 -1408px;}
.f16 .fr{background-position:0 -1424px;}
.f16 .bl, .f16 .cp, .f16 .mf, .f16 .yt{background-position:0 -1424px;}
.f16 .ga{background-position:0 -1440px;}
.f16 .gb{background-position:0 -1456px;}
.f16 .sh{background-position:0 -1456px;}
.f16 .gd{background-position:0 -1472px;}
.f16 .ge{background-position:0 -1488px;}
.f16 .gg{background-position:0 -1504px;}
.f16 .gh{background-position:0 -1520px;}
.f16 .gi{background-position:0 -1536px;}
.f16 .gl{background-position:0 -1552px;}
.f16 .gm{background-position:0 -1568px;}
.f16 .gn{background-position:0 -1584px;}
.f16 .gp{background-position:0 -1600px;}
.f16 .gq{background-position:0 -1616px;}
.f16 .gr{background-position:0 -1632px;}
.f16 .gt{background-position:0 -1648px;}
.f16 .gu{background-position:0 -1664px;}
.f16 .gw{background-position:0 -1680px;}
.f16 .gy{background-position:0 -1696px;}
.f16 .hk{background-position:0 -1712px;}
.f16 .hn{background-position:0 -1728px;}
.f16 .hr{background-position:0 -1744px;}
.f16 .ht{background-position:0 -1760px;}
.f16 .hu{background-position:0 -1776px;}
.f16 .id{background-position:0 -1792px;}
.f16 .mc{background-position:0 -1792px;}
.f16 .ie{background-position:0 -1808px;}
.f16 .il{background-position:0 -1824px;}
.f16 .im{background-position:0 -1840px;}
.f16 .in{background-position:0 -1856px;}
.f16 .iq{background-position:0 -1872px;}
.f16 .ir{background-position:0 -1888px;}
.f16 .is{background-position:0 -1904px;}
.f16 .it{background-position:0 -1920px;}
.f16 .je{background-position:0 -1936px;}
.f16 .jm{background-position:0 -1952px;}
.f16 .jo{background-position:0 -1968px;}
.f16 .jp{background-position:0 -1984px;}
.f16 .ke{background-position:0 -2000px;}
.f16 .kg{background-position:0 -2016px;}
.f16 .kh{background-position:0 -2032px;}
.f16 .ki{background-position:0 -2048px;}
.f16 .km{background-position:0 -2064px;}
.f16 .kn{background-position:0 -2080px;}
.f16 .kp{background-position:0 -2096px;}
.f16 .kr{background-position:0 -2112px;}
.f16 .ko{background-position:0 -2112px;}
.f16 .kw{background-position:0 -2128px;}
.f16 .ky{background-position:0 -2144px;}
.f16 .kz{background-position:0 -2160px;}
.f16 .la{background-position:0 -2176px;}
.f16 .lb{background-position:0 -2192px;}
.f16 .lc{background-position:0 -2208px;}
.f16 .li{background-position:0 -2224px;}
.f16 .lk{background-position:0 -2240px;}
.f16 .lr{background-position:0 -2256px;}
.f16 .ls{background-position:0 -2272px;}
.f16 .lt{background-position:0 -2288px;}
.f16 .lu{background-position:0 -2304px;}
.f16 .lv{background-position:0 -2320px;}
.f16 .ly{background-position:0 -2336px;}
.f16 .ma{background-position:0 -2352px;}
.f16 .md{background-position:0 -2368px;}
.f16 .me{background-position:0 -2384px;}
.f16 .mg{background-position:0 -2400px;}
.f16 .mh{background-position:0 -2416px;}
.f16 .mk{background-position:0 -2432px;}
.f16 .ml{background-position:0 -2448px;}
.f16 .mm{background-position:0 -2464px;}
.f16 .mn{background-position:0 -2480px;}
.f16 .mo{background-position:0 -2496px;}
.f16 .mq{background-position:0 -2512px;}
.f16 .mr{background-position:0 -2528px;}
.f16 .ms{background-position:0 -2544px;}
.f16 .mt{background-position:0 -2560px;}
.f16 .mu{background-position:0 -2576px;}
.f16 .mv{background-position:0 -2592px;}
.f16 .mw{background-position:0 -2608px;}
.f16 .mx{background-position:0 -2624px;}
.f16 .my{background-position:0 -2640px;}
.f16 .mz{background-position:0 -2656px;}
.f16 .na{background-position:0 -2672px;}
.f16 .nc{background-position:0 -2688px;}
.f16 .ne{background-position:0 -2704px;}
.f16 .ng{background-position:0 -2720px;}
.f16 .ni{background-position:0 -2736px;}
.f16 .nl{background-position:0 -2752px;}
.f16 .bq{background-position:0 -2752px;}
.f16 .no{background-position:0 -2768px;}
.f16 .bv, .f16 .nq, .f16 .sj{background-position:0 -2768px;}
.f16 .np{background-position:0 -2784px;}
.f16 .nr{background-position:0 -2800px;}
.f16 .nz{background-position:0 -2816px;}
.f16 .om{background-position:0 -2832px;}
.f16 .pa{background-position:0 -2848px;}
.f16 .pe{background-position:0 -2864px;}
.f16 .pf{background-position:0 -2880px;}
.f16 .pg{background-position:0 -2896px;}
.f16 .ph{background-position:0 -2912px;}
.f16 .pk{background-position:0 -2928px;}
.f16 .pl{background-position:0 -2944px;}
.f16 .pr{background-position:0 -2960px;}
.f16 .ps{background-position:0 -2976px;}
.f16 .pt{background-position:0 -2992px;}
.f16 .pw{background-position:0 -3008px;}
.f16 .py{background-position:0 -3024px;}
.f16 .qa{background-position:0 -3040px;}
.f16 .re{background-position:0 -3056px;}
.f16 .ro{background-position:0 -3072px;}
.f16 .rs{background-position:0 -3088px;}
.f16 .ru{background-position:0 -3104px;}
.f16 .rw{background-position:0 -3120px;}
.f16 .sa{background-position:0 -3136px;}
.f16 .sb{background-position:0 -3152px;}
.f16 .sc{background-position:0 -3168px;}
.f16 .sd{background-position:0 -3184px;}
.f16 .se{background-position:0 -3200px;}
.f16 .sg{background-position:0 -3216px;}
.f16 .si{background-position:0 -3232px;}
.f16 .sk{background-position:0 -3248px;}
.f16 .sl{background-position:0 -3264px;}
.f16 .sm{background-position:0 -3280px;}
.f16 .sn{background-position:0 -3296px;}
.f16 .so{background-position:0 -3312px;}
.f16 .sr{background-position:0 -3328px;}
.f16 .st{background-position:0 -3344px;}
.f16 .sv{background-position:0 -3360px;}
.f16 .sy{background-position:0 -3376px;}
.f16 .sz{background-position:0 -3392px;}
.f16 .tc{background-position:0 -3408px;}
.f16 .td{background-position:0 -3424px;}
.f16 .tg{background-position:0 -3440px;}
.f16 .th{background-position:0 -3456px;}
.f16 .tj{background-position:0 -3472px;}
.f16 .tl{background-position:0 -3488px;}
.f16 .tm{background-position:0 -3504px;}
.f16 .tn{background-position:0 -3520px;}
.f16 .to{background-position:0 -3536px;}
.f16 .tr{background-position:0 -3552px;}
.f16 .tt{background-position:0 -3568px;}
.f16 .tv{background-position:0 -3584px;}
.f16 .tw{background-position:0 -3600px;}
.f16 .tz{background-position:0 -3616px;}
.f16 .ua{background-position:0 -3632px;}
.f16 .ug{background-position:0 -3648px;}
.f16 .us, .f16 .en{background-position:0 -3664px;}
.f16 .uy{background-position:0 -3680px;}
.f16 .uz{background-position:0 -3696px;}
.f16 .va{background-position:0 -3712px;}
.f16 .vc{background-position:0 -3728px;}
.f16 .ve{background-position:0 -3744px;}
.f16 .vg{background-position:0 -3760px;}
.f16 .vn{background-position:0 -3776px;}
.f16 .vi{background-position:0 -3792px;}
.f16 .vu{background-position:0 -3808px;}
.f16 .ws{background-position:0 -3824px;}
.f16 .ye{background-position:0 -3840px;}
.f16 .za{background-position:0 -3856px;}
.f16 .zm{background-position:0 -3872px;}
.f16 .zw{background-position:0 -3888px;}
.f16 .sx{background-position:0 -3904px;}
.f16 .cw{background-position:0 -3920px;}
.f16 .ss{background-position:0 -3936px;}
.f16 .nu{background-position:0 -3952px;}

/* ---------- item name colours (tooltips, warehouse) ---------- */
.item_size_12 { font-size: 12px; }
.item_font_family { font-family: tahoma; }
.item_white { color: #FFFFFF; }
.item_white_light { color: #EFEFEF; }
.item_light_green { color: #16dc6e; }
.item_light_blue { color: #80B2FF; }
.item_light_blue_2 { color: #3366FF; }
.item_blue { color: #0066FF; }
.item_pink { color: #cc7fcd; }
.item_yellow { color: #FFCC19; }
.item_yellow_2 { color: #FFCC00; }
.item_red { color: #FF0000; }
.item_dark_red { color: #a00000; }
.item_dark_red_background { background-color: #a00000; }
.item_purple { color: #b266ff; }
.item_socket { color: #B266FF; }
.item_grey { color: #808080; }
.item_yellow_title { color: #FFCC19; }
.item_luck { color: #80B2FF; }
.item_exe_title { color: #16dc6e; }
.item_socket_title { color: #B266FF; }
.item_socket_exe_title { color: #a15ce3; }
.item_ancient_title { color: #2BE92B; }
.item_ancient_background { background-color: #0000FF; padding: 1px; }
.item-feature-name.exellent { color: #c2ff31; }
.item-feature-name.level { color: #f0b24d; }
.item-feature-name.jol { color: #ff1200; }
.item-feature-name.luck { color: #42ff00; }
.item-feature-name.skill { color: #ff9000; }
.item-feature-name.harmony { color: #ffde00; }
.item-feature-name.socket { color: #ff00e4; }
.item-feature-name.refine { color: #3854ff; }
.item-feature-name.element { color: #fe0060; }
.item-feature-name.mastery { color: #ffcd92; }
.item-feature-name.custom { color: #03d87b; }
.item-feature-name.ruud { color: #4b97c5; }
.like { color: #cbff3f; }
.dislike { color: #fe1515; }