.heavy {
    font-weight: 700;
}

.superheavy {
    font-weight: 900;
    color: #f5b105;
}

.superheavy-green {
    font-weight: 900;
    color: #33c01f;
}

.superheavy-red {
    font-weight: 900;
    color: #F44336;
}

.red {
    color: #ff0000;
    font-style: italic;
}

.green {
    color: #00bb00;
}

.ctrl_inline {
    display: inline
}
.itemshop-quality-common {
    color: #9e9e9e!important;
}
.itemshop-quality-epic {
    color: #ff8033;
}
.itemshop-quality-junk {
    color: #adadad;
}
.itemshop-quality-legend {
    color: #4ccfff;
}
.itemshop-quality-mythic {
    color: #970ff8;
}
.itemshop-quality-rare {
    color: #49cc3d;
}
.itemshop-quality-unique {
    color: #fabe04;
}

.itemshop-quality-ancient {
    color: #d9a839;
}

.itemshop-quality-relic {
    color: #d944ec;
}

.itemshop-quality-finality {
    color: #fe4b4b;
}

.item-quality-common {
    color: #212121!important;
}
.item-quality-epic {
    color: #ff8033;
}
.item-quality-junk {
    color: #adadad;
    margin: 0px 10px 0px 5px;
    width: 60%;
}
.item-quality-legend {
    color: #4ccfff;
    margin: 0px 10px 0px 5px;
    width: 60%;
}
.item-quality-mythic {
    color: #970ff8;
    margin: 0px 10px 0px 5px;
    width: 60%;
}
.item-quality-rare {
    color: #49cc3d;
    margin: 0px 10px 0px 5px;
    width: 60%;
}
.item-quality-unique {
    color: #fabe04;
    margin: 0px 10px 0px 5px;
    width: 60%;
}

.item-quality-ancient {
    color: #d9a839;
    margin: 0px 10px 0px 5px;
    width: 60%;
}

.item-quality-relic {
    color: #d944ec;
    margin: 0px 10px 0px 5px;
    width: 60%;
}

.item-quality-finality {
    color: #fe4b4b;
    margin: 0px 10px 0px 5px;
    width: 60%;
}

.gray2 {
    color: #adadad;
}
.item-quality-common2 {
    color: #212121!important;
}
.item-quality-epic2 {
    color: #ff8033;
}
.item-quality-junk2 {
    color: #adadad;
}
.item-quality-legend2 {
    color: #4ccfff;
}
.item-quality-mythic2 {
    color: #970ff8;
}
.item-quality-rare2 {
    color: #49cc3d;
}
.item-quality-unique2 {
    color: #fabe04;
}
.item-quality-ancient2 {
    color: #d9a839;
}

.item-quality-relic2 {
    color: #d944ec;
}

.item-quality-finality2 {
    color: #fe4b4b;
}


.icon-warrior {
    background: url("../images/icon/warrior.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-gladiator {
    background: url("../images/icon/gladiator.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-templar {
    background: url("../images/icon/templar.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-scout {
    background: url("../images/icon/scout.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-assassin {
    background: url("../images/icon/assassin.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-ranger {
    background: url("../images/icon/ranger.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-mage {
    background: url("../images/icon/mage.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-sorcerer {
    background: url("../images/icon/sorcerer.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-spirit_master {
    background: url("../images/icon/spirit_master.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-spiritmaster {
    background: url("../images/icon/spirit_master.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-priest {
    background: url("../images/icon/priest.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-chanter {
    background: url("../images/icon/chanter.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-cleric {
    background: url("../images/icon/cleric.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-engineer {
    background: url("../images/icon/engineer.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-gunner {
    background: url("../images/icon/gunner.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-artist {
    background: url("../images/icon/artist.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-bard {
    background: url("../images/icon/bard.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}
.icon-rider {
    background: url("../images/icon/rider.png") no-repeat left center;
    background-size: 21px;
    padding-left: 25px;
}

.icon-small-asmodians {
    background: url("../images/icon/asmo.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-elyos {
    background: url("../images/icon/elyos.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-male {
    background: url("../images/icon/male.png") no-repeat left center;
    padding-left: 25px;
}
.icon-small-female {
    background: url("../images/icon/female.png") no-repeat left center;
    padding-left: 25px;
}
.icon-small-warrior {
    background: url("../images/icon/warrior.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-gladiator {
    background: url("../images/icon/gladiator.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-templar {
    background: url("../images/icon/templar.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-scout {
    background: url("../images/icon/scout.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-assassin {
    background: url("../images/icon/assassin.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-ranger {
    background: url("../images/icon/ranger.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-mage {
    background: url("../images/icon/mage.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-sorcerer {
    background: url("../images/icon/sorcerer.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-spirit_master {
    background: url("../images/icon/spiritmaster.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-spiritmaster {
    background: url("../images/icon/spiritmaster.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-priest {
    background: url("../images/icon/priest.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-chanter {
    background: url("../images/icon/chanter.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-cleric {
    background: url("../images/icon/cleric.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-engineer {
    background: url("../images/icon/engineer.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-gunner {
    background: url("../images/icon/gunner.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-artist {
    background: url("../images/icon/artist.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-bard {
    background: url("../images/icon/bard.gif") no-repeat left center;
    padding-left: 25px;
}
.icon-small-rider {
    background: url("../images/icon/rider.gif") no-repeat left center;
    padding-left: 25px;
}

.icon-small-thunderer {
    background: url("../images/icon/thunderer.gif") no-repeat left center;
    padding-left: 25px;
}

.icon-small-monk {
    background: url("../images/icon/monk.gif") no-repeat left center;
    padding-left: 25px;
}

.icon-small {
    padding-left: 22px;
}
.clear {
    clear: both;
}
.loading {
    margin: auto;
}
.shop-categories {
    display: none;
    padding-left: 20px;
}
.shop-delete-button {
    position: absolute;
    right: 1px;
    top: 1px;
    border: 1px solid #e7e7e7;
    color: #e7e7e7;
    background-color: #ff0000;
    width: 10px;
    height: 10px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 10px;
    font-size: 9px;
    text-align: center;
    vertical-align: middle;
}
.table-wrapper-shop {
    width: 100%;
    display: table;
    table-layout: fixed;
}
.table-row-shop {
    display: table-row;
}
.table-cell-shop {
    display: table-cell;
    padding: 20px;
}
.shop-pages {
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.shop-item {
    width: 64px;
    height: 64px;
    background-color: #212121;
    float: left;
}
.shop-item-small {
    width: 32px;
    height: 32px;
    float: left;
}
.shop-button {
    background: #515151;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    height: 15px;
    width: 49%;
    padding: 0;
    margin: 0px 0 5px 0;
}
.shop-button:hover {
    background: url("../images/bg_server_blue.png") repeat-x;
    color: #fff;
}
.shop-buttons-2 {
    height: 20px;
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.shop-buttons-2:after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 0;
}
.shop-button-2 {
    display: inline-block;
    background: #FF5722;
    font-size: 10px;
    line-height: 15px;
    text-align: center;
    height: 15px;
    width: 30%;
    border-radius: 50px;
}
.shop-button-2:hover {
    background: url("../images/bg_server_blue.png") repeat-x;
    color: #fff;
}
.shop-button-orange {
    background: #ff8033;
}
.shop-button-red {
    background: #ff0000;
}
.shop-item-name {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.shop-item-name-2 {
    height: 26px;
    width: auto;
    padding-bottom: 50px;
    margin-bottom: 5px;
}

.shop-item-details {
    width: 100%;
    line-height: 130%;
    top: 50%;
    left: 50%;
    /*margin-top: -70px; */
    /* margin-left: 100px; */
    /* margin-bottom: 10px; */
}
.shop-item-cell {
    display: table-cell;
    padding: 5px;
    /* background: rgb(158 158 158 / 48%); */
    /* box-shadow: inset 0 2px 13px #000; */
    line-height: 20px;
    border: 2px solid #2196f382;
    border-radius: 5px;
}

.shop-item-cell-notif {
    padding: 5px;
    background: rgba(248, 248, 248, 0.35);
    box-shadow: inset 0 2px 13px #000;
    line-height: 20px;
}

.table-spacing {
    border-spacing: 5px;
}
.table-no-spacing {
    border-spacing: 0px;
}

#content-left {
    display: table-cell;
    vertical-align: top;
    padding: 20px;
    width: 75%;
    background-color: #e7e7e7;
}
.bright {
    color: #ffffff;
}
.bright a {
    color: #cecece;
    text-decoration: none;
}
.bright a:hover {
    color: #0071bc;
    text-decoration: none;
}
.bright a:hover>span {
    color: #0071bc;
    text-decoration: none;
}
.darker {
    color: #818181;
}

.fmInput {
    background: url("../images/input-box-left.gif") no-repeat left top;
    width: 100%;
    float: left;
}

.fmInput SPAN {
    width: 165px;
    display: block;
    padding: 13px 15px;
    background: transparent url("../images/input-box-right.gif") no-repeat right top;
}

.fmInput SPAN INPUT {
    background: none;
    border: 0px;
    color: #747474;
    font-size: 16px;
    font-family: "ConstantiaRegular";
    outline: none;
    padding: 0 3px;
    position: relative;
    width: 100%;
    z-index: 50;
}

.fmButton {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    float: left;
    white-space: nowrap;
    cursor: pointer;
    width: auto;
    overflow: visible;
}

.fmButton STRONG {
    background: url("../images/button-submit-left.gif") no-repeat left top;
    float: left;
}

.fmButton SPAN {
    background: url("../images/button-left.gif") no-repeat left top;
    float: left;
}

.fmButton STRONG SPAN {
    background: url("../images/button-submit-right.gif") no-repeat right top;
    padding: 8px 15px;
    float: left;
}

.fmButton SPAN SPAN {
    background: url("../images/button-right.gif") no-repeat right top;
    padding: 8px 15px;
    float: left;
    font-weight: bold;
}

.fmButton:HOVER SPAN {
    background-position: left -33px;
}

.fmButton:HOVER SPAN SPAN {
    background-position: right -33px;
}

.fmButton:HOVER STRONG {
    background-position: left -33px;
}

.fmButton:HOVER STRONG SPAN {
    background: url("../images/button-submit-right.gif") no-repeat right -33px;
}

B.fmCheckbox {
    float: left;
    width: 23px;
    height: 22px;
    background: #000;
    position: relative;
    cursor: pointer;
    background: url("../images/checkbox.gif") no-repeat left -22px;
    margin-top: 5px;
    font-size: 9px;
    line-height: 1%;
    text-indent: -1000em;
}

B.fmCheckbox.checked {
    background-position: left top;
}

B.fmCheckbox:HOVER {
    background-position: -23px -22px;
}

B.fmCheckbox.checked:HOVER {
    background-position: -23px top;
}

B.fmCheckbox.chbx-disabled {
    background-position: -24px -12px;
}

B.fmCheckbox.checked.chbx-disabled,
B.fmCheckbox.checked.chbx-disabled:HOVER {
    background-position: -24px top;
}

.fmTextarea {
    float: left;
    background: url("../images/textarea-tl.gif") no-repeat left top;
}

.fmTextarea SPAN {
    float: left;
    height: 100%;
    width: 100%;
    background: url("../images/textarea-br.gif") no-repeat right bottom;
}

.fmTextarea SPAN SPAN {
    float: left;
    height: 100%;
    width: 100%;
    background: url("../images/textarea-blc.gif") no-repeat left bottom;
}

.fmTextarea SPAN SPAN SPAN {
    float: left;
    width: 100%;
/ / padding-bottom: 10 px;
    _padding-bottom: 0;
    background: url("../images/textarea-trc.gif") no-repeat right top;
}

HTML BODY .fmTextarea TEXTAREA {
    margin: 2%;
    width: 96%;
    height: 96%;
    background: none;
    border: none;
    overflow: auto;
    outline: none;
    font-size: 13px;
    color: #777;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    max-width: 96%;
    max-height: 500px;
}

HTML BODY .fmTextarea.fmInFocus,
HTML BODY .fmTextarea.fmInFocus TEXTAREA {
    background-color: #FBFBFB;
}

SPAN.fmTextarea.tx-disabled,
SPAN.fmTextarea.tx-disabled TEXTAREA {
    background-color: #F0F0F0;
}

.fmSelect {
    width: 40%;
    float: left;
    position: relative;
    outline: none;
    background: #000;
    min-width: 180px;
    z-index: 150;
}

.fmSelect STRONG {
    float: left;
    width: 100%;
    background: url("../images/select-box-left.gif") no-repeat left top;
    cursor: pointer;
    position: relative;
}

.login .fmSelect STRONG {
    background: url("../images/select-box-left-2.gif") no-repeat left top;
    min-width: 195px;
}

.fmSelect STRONG SPAN {
    display: block;
    font-size: 13px;
    font-weight: normal;
    background: url("../images/select-box-right.gif") no-repeat right top;
}

.login .fmSelect STRONG SPAN {
    background: url("../images/select-box-right-2.gif") no-repeat right top;
}

.fmSelect STRONG SPAN CITE {
    color: #747474;
    display: block;
    padding: 7px 15px;
    white-space: nowrap;
    overflow: hidden;
    font-style: normal;
    font-size: 16px;
    margin-right: 20px;
    text-align: left;
}

.login .fmSelect STRONG SPAN CITE {
    padding: 13px 15px;
}

.fmSelect UL {
    text-align: left;
    position: absolute;
    left: 0;
    top: 30px;
    margin: 0 !important;
    padding: 0;
    border: 1px solid #AEAFB0;
    width: 100%;
    list-style: none;
    font-size: 13px;
    background: white;
    padding-top: 1px;
    max-height: 108px;
    _height: 108px;
    overflow-y: scroll;
    z-index: 1500;
    display: none;
}

.fmSelect UL LI {
    color: #000000;
    display: block;
    padding: 5px 7px;
    border-bottom: 1px solid white;
}

.fmSelect UL LI.active {
    background: #D3E9F6;
    cursor: pointer;
}

.fmRadio {
    float: left;
    width: 12px;
    height: 12px;
    font-size: 0;
    line-height: 1%;
    text-decoration: none;
    cursor: pointer;
    background: url("../images/radiobutton.gif") no-repeat left -12px;
}

.fmRadio.checked {
    background-position: left top;
}

.fmRadio:HOVER {
    background-position: -12px -12px;
    text-decoration: none;
}

.fmRadio.checked:HOVER {
    background-position: -12px top;
}

.fmRadio.rbtn-disabled,
.fmRadio.checked.rbtn-disabled,
.fmRadio.rbtn-disabled:HOVER {
    background-position: -24px -12px;
}

.fnFileInput {
    background: url("../images/file-input-left.gif") no-repeat left top;
    cursor: text;
    float: left;
    font-size: 15px;
    margin: 0 3px 0 0;
    position: relative;
    text-decoration: none;
    width: 362px !important;
}

.fnFileInput SPAN {
    float: left;
    width: 100%;
    height: 47px;
    position: relative;
    z-index: 150;
}

.fnFileInput SPAN CITE {
    float: left;
    margin: 13px 12px;
    display: inline;
    font-size: 13px;
    width: 67%;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    cursor: text;
}

.fnFileInput SPAN STRONG {
    background: url("../images/file-input-button.gif") repeat-x left top;
    color: #000033;
    display: inline;
    float: right;
    font-size: 14px;
    font-weight: normal;
    height: 47px;
    margin: 0;
    line-height: 195%;
    max-width: 230px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -10000px;
    text-align: center;
    position: relative;
    white-space: nowrap;
    width: 51px;
    z-index: 1;
}

.fnFileInput.disabled,
A.fnFileInput.fmInFocus.disabled {
    background-image: url("../images/file-input-left-disabled.gif");
}

A.fnFileInput.disabled:HOVER SPAN STRONG {
    background-image: url("../images/file-input-button.gif");
    border-left: 2px solid #CDDFE9;
}

.fnFileHidden {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 150;
    height: 30px;
    width: 15em !important;
    filter: alpha(opacity:0);
    opacity: 0;
    font-size: 30px;
    padding: 0 1px;
}

.fmMultipleSelect {
    float: left;
    background: url("../images/textarea-tl.gif") no-repeat left top;
}

.fmMultipleSelect SPAN {
    float: left;
    height: 100%;
    width: 100%;
    background: url("../images/textarea-br.gif") no-repeat right bottom;
}

.fmMultipleSelect SPAN SPAN {
    float: left;
    height: 100%;
    width: 100%;
    background: url("../images/textarea-blc.gif") no-repeat left bottom;
}

.fmMultipleSelect SPAN SPAN SPAN {
    float: left;
    width: 100%;
/ / padding-bottom: 10 px;
    _padding-bottom: 0;
    background: url("../images/textarea-trc.gif") no-repeat right top;
}

.fmMultipleSelect SELECT {
    margin: 2%;
    width: 96%;
    height: 96%;
    background: none;
    padding: 0;
    border: 0px;
    outline: none;
    font-size: 15px;
    color: #777;
    font-family: Arial, Tahoma, Verdana, sans-serif;
    max-width: 96%;
    max-height: 500px;
}

.fmMultipleSelect SELECT OPTION {
    padding: 3px 7px;
    margin: 0;
    cursor: pointer;
}

.fmMultipleSelect.fmInFocus,
.fmMultipleSelect.fmInFocus SELECT {
    background-color: #FBFBFB;
}

.fmZero {
    margin: 0 !important;
    position: relative !important;
}

.fmHidden {
    display: none;
}

form.signin .input-data {
    position: relative;
}

form.signin label.error, form.signin label.valid, form.signin label.notice {
    position: absolute;
    left: 45px;
    z-index: 9999999;
    height: 20px;
    font-size: 14px;
    padding-top: 15px;
}

.input-data-captcha form.signin label.error {
    margin-left: 10px;
}

form.signin label.error {
    color: #cd3535;
}

form.signin label.valid {
    color: #659f09;
}

form.signin label.notice {
    color: #ff8500;
}

div.error {
    display: none;
}

.big-form input {
    background-color: #131f2d;
    border: 1px solid #2c3545;
    color: #7d8a9f;
    font-size: 12px;
    position: relative;
    border-radius: 3px;
    transition: all 0.5s ease;
    width: calc(100% - 20px);
}
.big-form .chhkbox input {
    background-color: #131f2d;
    border: 1px solid #2c3545;
    color: #7d8a9f;
    font-size: 12px;
    position: relative;
    border-radius: 3px;
    transition: all 0.5s ease;
    width: calc(10% - 50px);

input.checkbox {
    border: none
}

input:focus {
    border: 1px dotted black;
}

input.error {
    border: 1px dotted red;
}

form.signin .gray * {
    color: gray;
}

.input-data-captcha {
    position: relative;
    margin-top: 20px;
}

.input-data-captcha img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

.input-data-captcha .fmInput {
    top: 30px;
    left: 120px;
    width: 120px !important;
}

.input-data-captcha .refresh {
    position: absolute;
    top: 3px;
    left: 313px;
    width: 32px;
    height: 27px;
    background: url('../images/captcha-re.png') no-repeat;
}

.cat_assistant {
    position: fixed;
    display: inline-block;
    bottom: 0;
    right: 0;
    width: 127px;
    z-index:10000;
}
.cat_assistant > a {
    text-decoration: none;
    display: block;
    width: 127px;
    height: 239px;
    overflow:hidden;
}
.cat_assistant .bg {
    bottom: 0;
    left: 0;
    position: absolute;
    background: url("../images/cat_assistant.png") no-repeat transparent;
}
.cat_assistant .bg.layer1 {
    display:block;
    width: 127px;
    height: 239px;
    background-position: 0 100%;
}
.cat_assistant .bg.layer2 {
    display:none;
    width: 127px;
    background-position:100% 0;
    right:0;
    height: 239px;
}
#cat_assistant_sound {
    display: none;
}

.cat-text {
    /*    color: #CDDC39;*/
    margin-left: 15px;
    font-size: 14px;
    /*font-weight: bold;*/
}
.cmf-skinned-select {
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 0;
    -moz-box-shadow: inset 0 1px 1px 0 #888;
    -webkit-box-shadow: inset 0 1px 1px 0px #888;
    color: #8a8a8a;
    font-size: 1.15em;
    padding: 5px 0 0 5px;
    margin-bottom: 15px;
    margin-top: 5px;
    background: -webkit-gradient(linear, left top, left 15, from(#FFFFFF), color-stop(4%, #FBFBFB), to(#FFFFFF));
    background: -moz-linear-gradient(top, #FFFFFF, #f4f4f4 1px, #FFFFFF 15px);
    display: block;
    border: 1px solid #E6E6E6;
}