#skill{
    float: left;
}

#item{
    float: left;
}

.new_line_skill{
    display: inline;
}

.new_line_item{
    display: inline;
}

#inventory{
    position: relative;
    float: left;
    background: url("../images/inventory.png") no-repeat;
    width: 328px;
    height: 465px;
}

#inventory .btn1 button{
    position: absolute;
    top: 37px;
    left: 52px;
    background: url("../images/i_def.jpg") no-repeat;
    border: none;
    width: 72px;
    height: 22px;
}

#inventory .btn1 button:hover{
    background: url("../images/i_hov.jpg") no-repeat;
    border: none;

}

#inventory .btn1 .active_inv{
    background: url("../images/i_act.png") no-repeat;
    border: none;

}

#inventory .btn2 button{
    position: absolute;
    top: 37px;
    left: 131px;
    background: url("../images/s_def.jpg") no-repeat;
    border: none;
    width: 72px;
    height: 22px;
}

#inventory .btn2 button:hover{
    background: url("../images/s_hov.png") no-repeat;
    border: none;

}

#inventory .btn2 .active_style{
    background: url("../images/s_act.jpg") no-repeat;
    border: none;

}

#inventory ul li{
    list-style-type: none;
}

.inv_money{
    position: absolute;
    top: 431px;
    left: 219px;
    color: white;
    font-size: 12px;
}

.tooltip{
    min-width: 100px;
    max-width: 500px;
}
.inv_items{
    overflow-y: scroll;
    /*position: absolute;*/
  /*/  top: 270px;*/
    /*left: 3px;*/
    height: 151px;
}

.item_inv img:hover{
    /*border: 1px solid crimson;*/
    /*width: 32px;*/
    /*height: 32px;*/
    /*box-shadow: inset 0 0px 1px 2px rgb(255, 7, 0);*/
    /*background-color: rgba(29, 193, 27, 0.7);*/
}

.inv_items ul{
    list-style-type: none;
}

.inv_items ul li{
    background: url("../images/inv_line.jpg") no-repeat;
    width: 307px;
    height: 38px;
}





.inv_items::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #443626;
}

.inv_items::-webkit-scrollbar
{
    width: 8px;
    background-color: #443626;
}

.inv_items::-webkit-scrollbar-thumb
{
    height: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #725a3f;
}

.item_inv{
    float: left;
    width: 32px;
    position: relative;
}
.inv_items .item_inv:first-child{
    left: -1px;
    /*margin-right: 2.6px;*/
}

.inv_items .item_inv:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
}

.inv_items ul li .item_inv:nth-child(1n+1){
    margin-left: 5.8px;
    margin-top: 3.1px;
}

.item_count{
    position: absolute;
    color: white;
    font-size: 11px;
    /* font-weight: bold; */
    font-family: Tahoma, Arial, sans-serif;
    top:16px;
    left: 3px;
    text-shadow: 0 0 2px black ;

}

#char_status{
    position: relative;
    float: left;
    background: url("../images/char_status.png") no-repeat;
    width: 380px;
    height: 480px;
    color: white;
    font-size: 12px;

}

#char_status .char_icon{
    position: absolute;
    top: 39px;
    left: 34px;
}
#char_status .name{
    color: gold;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    top: 48px;
    left: 179px;
}
#char_status .cls{
    position: absolute;
    top: 158px;
    left: 75px;
}

#char_status .gender{
    position: absolute;
    top: 163px;
    left: 165px;
}
#char_status .level{
    position: absolute;
    top: 158px;
    left: 42px;
}

#char_status .level2{
    position: absolute;
    top: 135px;
    left: 178px;
}

#char_status .reputation{
    position: absolute;
    top: 76px;
    left: 200px;
}
#char_status .exp{
    position: absolute;
    top: 152.2px;
    left: 225px;
}
#char_status .sp{
    position: absolute;
    top: 180px;
    left: 293px;
}
#char_status .pp{
    position: absolute;
    top: 211px;
    left: 118px;
}
#char_status .hp{
    position: absolute;
    top: 180px;
    left: 66px;
}
#char_status .mp{
    position: absolute;
    top: 179px;
    left: 184px;
}
#char_status .strength{
    position: absolute;
    top: 251px;
    left: 54px;
}
#char_status .agility{
    position: absolute;
    top: 252px;
    left: 123px;
}
#char_status .energy{
    position: absolute;
    top: 232px;
    left: 123px;
}
#char_status .vitality{
    position: absolute;
    top: 230px;
    left: 52px;
}
#char_status .title{
    position: absolute;
    top: 120px;
    left: 174px;
}
#char_status .spouse{
    position: absolute;
    top: 61px;
    left: 193px;
}

#char_status .char_skills{
    overflow-y: scroll;
    position: absolute;
    top: 295px;
    left: 34px;
    height: 150px;
}
#char_status .char_skills ul{

    list-style-type: none;
}

#char_status .char_skills ul li{
    background: url("../images/inv_line.jpg") no-repeat;
    width: 307px;
    height: 38px;
}

#char_status .char_skills ul li img:nth-child(1n+1){
    padding-left:6px;
    padding-top: 3px;
}
#char_status .char_skills ul li img:first-child{
    padding-left:4.5px;
}

.char_skills::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #443626;
}

.char_skills::-webkit-scrollbar
{
    width: 8px;
    background-color: #443626;
}

.char_skills::-webkit-scrollbar-thumb
{
    height: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #725a3f;
}

/*========*/

.player__equipment-container {
    margin: 35px auto 10px;
    padding: 15px 10px;
    width: 333px;
    height: 303px
}

.player__equipment {
    /*margin: 0 auto;*/
    position: relative;
    background: url(../images/equipment-bg.png) no-repeat;
    width: 313px;
    height: 273px
}

.player__equipment:before {
    position: absolute;
    left: 120px;
    top: 20px;
    width: 79px;
    height: 150px;
    z-index: 0;
    pointer-events: none;
    opacity: .7
}

.player__equipment.male:before {
    background: url(../images/equipment-male.png) no-repeat
}

.player__equipment.female:before {
    background: url(../images/equipment-female.png) no-repeat
}

.player__equipment > .player__equipment-item {
    position: absolute;
    width: 32px;
    height: 32px;
    cursor: pointer;
    z-index: 2
}

.player__equipment > .player__equipment-item:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%)
}

.player__equipment > .player__equipment-item > img {
    display: block;
    width: 32px;
    height: 32px;
    pointer-events: none
}

.player__equipment > .player__equipment-item.cell-0 {
    top: 93px;
    left: 273px
}

.player__equipment > .player__equipment-item.cell-1 {
    top: 3px;
    left: 235px
}

.player__equipment > .player__equipment-item.cell-2 {
    top: 48px;
    left: 8px
}

.player__equipment > .player__equipment-item.cell-3 {
    top: 48px;
    left: 46px
}

.player__equipment > .player__equipment-item.cell-4 {
    top: 48px;
    left: 235px
}

.player__equipment > .player__equipment-item.cell-5 {
    top: 93px;
    left: 46px
}

.player__equipment > .player__equipment-item.cell-6 {
    top: 93px;
    left: 235px
}

.player__equipment > .player__equipment-item.cell-7 {
    top: 138px;
    left: 235px
}

.player__equipment > .player__equipment-item.cell-8 {
    top: 93px;
    left: 8px
}

.player__equipment > .player__equipment-item.cell-9 {
    top: 138px;
    left: 8px
}

.player__equipment > .player__equipment-item.cell-10 {
    top: 138px;
    left: 46px
}

.player__equipment > .player__equipment-item.cell-11 {
    top: 138px;
    left: 273px
}

.player__equipment > .player__equipment-item.cell-12 {
    top: 3px;
    left: 84px
}

.player__equipment > .player__equipment-item.cell-13 {
    top: 188px;
    left: 167px
}

.player__equipment > .player__equipment-item.cell-14 {
    top: 188px;
    left: 220px
}

.player__equipment > .player__equipment-item.cell-15 {
    top: 188px;
    left: 273px
}

.player__equipment > .player__equipment-item.cell-16 {
    top: 188px;
    left: 114px
}

.player__equipment > .player__equipment-item.cell-17 {
    top: 48px;
    left: 273px
}

.player__equipment > .player__equipment-item.cell-18 {
    top: 48px;
    left: 84px
}

.player__equipment > .player__equipment-item.cell-19 {
    top: 3px;
    left: 273px
}

.player__equipment > .player__equipment-item.cell-20 {
    top: 3px;
    left: 8px
}

.player__equipment > .player__equipment-item.cell-21 {
    top: 3px;
    left: 46px
}

.player__equipment > .player__equipment-item.cell-22 {
    top: 93px;
    left: 84px
}

.player__equipment > .player__equipment-item.cell-23 {
    top: 138px;
    left: 84px
}

.player__equipment > .player__equipment-item.cell-24 {
    top: 3px;
    left: 197px
}

.player__equipment > .player__equipment-item.cell-25 {
    top: 188px;
    left: 61px
}

.player__equipment > .player__equipment-item.cell-26 {
    top: 48px;
    left: 197px
}

.player__equipment > .player__equipment-item.cell-27 {
    top: 93px;
    left: 197px
}

.player__equipment > .player__equipment-item.cell-28 {
    top: 136px;
    left: 176px
}

.player__equipment > .player__equipment-item.cell-29 {
    top: 188px;
    left: 8px
}

.player__equipment > .player__equipment-item.cell-32 {
    top: 238px;
    left: 8px
}

.player__equipment > .player__equipment-item.cell-33 {
    top: 238px;
    left: 61px
}

.player__equipment > .player__equipment-item.cell-34 {
    top: 238px;
    left: 114px
}

.player__equipment > .player__equipment-item.cell-35 {
    top: 238px;
    left: 167px
}

.player__equipment > .player__equipment-item.cell-36 {
    top: 238px;
    left: 220px
}

.player__equipment > .player__equipment-item.cell-37 {
    top: 238px;
    left: 273px
}

.player__equipment > .player__equipment-item.cell-38 {
    top: 138px;
    left: 197px
}

.itemdata {
    position: relative;
    font-size: 14px;
    background-color: transparent !important;
    color: #fff;
    font-family: helvetica neue, Helvetica, Arial, sans-serif
}

.itemdata .itemdata__title {
    font-weight: 600
}

.tt__content {
    display: none !important
}