#tooltip {
    position: relative;
    border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

#tooltip #tooltiptext {
    visibility: hidden;
    color: #fff;
    z-index: 80;
    left: 34px;
    top: 3px;
    width: 180px;
    background: rgb(28 35 84 / 70%);
    border: 1px solid #4d72a1;
    padding: 7px;
    line-height: 18px;
    font-size: 12px;
    position: absolute;
    z-index: 999;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

#tooltip #tooltiptext::after {

}

#tooltip:hover #tooltiptext {
    visibility: visible;
    position: absolute;
    opacity: 1;
}



.btn-equip-avatar:hover {
    background: url('../images/equipment/equip_slot_avata_button_focus.png') no-repeat !important;
}

.btn-equip-avatar:active {
    background: url('../images/equipment/equip_slot_avata_button_press.png') no-repeat !important;
}

.btn-equip-set {
    background: url('../images/equipment/equip_slot_equipment_button.png') no-repeat !important;
    width: 40px !important;
    height: 40px !important;
    margin-top: 96px;
    float: left;
    clear: left;
    border: none;
    outline: 0;
}

.btn-equip-set:hover {
    background: url('../images/equipment/equip_slot_equipment_button_focus.png') no-repeat !important;
}

.btn-equip-set:active {
    background: url('../images/equipment/equip_slot_equipment_button_press.png') no-repeat !important;
}

.btn-rotate-group {
    position: relative;
    left: 12px;
    top: 32px;
    display: inline-block;
}

.bg-equipment-avatar .btn-rotate-group {
    position: relative;
    left: -7px;
    margin-top: 134px;
    display: inline-block;
}

.btn-rotate-left {
    background: url('../images/equipment/equip_rotate_left_button.png') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-right: -5px;
    margin-left: 5px;
    border: none;
    outline: 0;
}

.btn-rotate-left:hover {
    background: url('../images/equipment/equip_rotate_left_button_focus.png') no-repeat !important;
}

.btn-rotate-left:active {
    background: url('../images/equipment/equip_rotate_left_button_press.png') no-repeat !important;
}

.btn-rotate-right {
    background: url('../images/equipment/equip_rotate_right_button.png') no-repeat !important;
    width: 28px !important;
    height: 16px !important;
    margin-left: -5px;
    border: none;
    outline: 0;
}

.btn-rotate-right:hover {
    background: url('../images/equipment/equip_rotate_right_button_focus.png') no-repeat !important;
}

.btn-rotate-right:active {
    background: url('../images/equipment/equip_rotate_right_button_press.png') no-repeat !important;
}

.btn-rotate-top {
    background: url('../images/equipment/equip_rotate_reset_button.png') no-repeat !important;
    width: 16px !important;
    height: 16px !important;
    border: none;
    outline: 0;
}

.btn-rotate-top:hover {
    background: url('../images/equipment/equip_rotate_reset_button_focus.png') no-repeat !important;
}

.btn-rotate-top:active {
    background: url('../images/equipment/equip_rotate_reset_button_press.png') no-repeat !important;
}

.fortress-owner {
    width: 150px;
    height: 130px;
    background: url(../images/fortress-owner.png) center top no-repeat;
    margin: 0 auto;
    text-align: center;
    padding-top: 70px;
}

.fortress-owner > h3 {
    font-family: 'AdelonMedium', serif;
    color: #f3e6d0;
    font-size: 20px;
    text-transform: uppercase;
    text-shadow: 0 2px 1px #000, 0 -1px 1px #000;
    font-weight: bold;
}

ul.guild-features {
    padding: 10px 20px 10px 5px;
    border-radius: 4px;
    background: transparent;
}

ul.guild-features > li {
    background: url(../images/bullet2.gif) no-repeat 3px 8px;
    padding: 2px 0 2px 20px;
    text-shadow: 0 1px 2px #000;
    color: #ddd;
    font-size: 15px;
    display: block;
}

ul.guild-features > li > b {
    color: #008c9d;
}


.xelimtext {
    outline: 0;
    font-family: Menlo, monospace;
    color: #fff;

    text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 9px white;
    -webkit-animation: text-glow 2s infinite alternate ease-in-out;
    animation: text-glow 2s infinite alternate ease-in-out;
}


@-webkit-keyframes text-glow {
    66% {
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 9px white;
    }
    68% {
        text-shadow: -2px 2px 0 #E123FF, 2px -2px 0 #4D7FFF, 0 0 9px white;
    }
    70% {
        opacity: 1;
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 9px white;
    }
    71% {
        opacity: 0.6;
    }
    72% {
        opacity: 1;
    }
    79% {
        opacity: 1;
    }
    80% {
        opacity: 0.6;
    }
    81% {
        opacity: 1;
    }
    83% {
        opacity: 1;
    }
    84% {
        opacity: 0.6;
    }
    85% {
        opacity: 1;
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 9px white;
    }
    100% {
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 14px white;
    }
}
@keyframes text-glow {
    66% {
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 9px white;
    }
    68% {
        text-shadow: -2px 2px 0 #E123FF, 2px -2px 0 #4D7FFF, 0 0 9px white;
    }
    70% {
        opacity: 1;
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 9px white;
    }
    71% {
        opacity: 0.6;
    }
    72% {
        opacity: 1;
    }
    79% {
        opacity: 1;
    }
    80% {
        opacity: 0.6;
    }
    81% {
        opacity: 1;
    }
    83% {
        opacity: 1;
    }
    84% {
        opacity: 0.6;
    }
    85% {
        opacity: 1;
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 9px white;
    }
    100% {
        text-shadow: -1px 1px 0 #E123FF, 1px -1px 0 #4D7FFF, 0 0 14px white;
    }
}




/* ZEO PANEL WEB STAL */


.zeomodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgb(17 17 17 / 80%)
    url('../images/loading.gif')
    50% 50%
    no-repeat;
}

body.zeoloading .zeomodal {
    overflow: hidden;
}

body.zeoloading .zeomodal {
    display: block;
}


.inventory{
    background-image: url("../images/WebStall/back.png");
    min-width: 385px;
    max-width: 385px;
    min-height: 409px;
    max-height: 409px;
    margin: 0 auto 0;
    position: relative;
}
.itemlist{
    width: 150px;
    margin-top: 77px;
    margin-left: 30px;
    display: inline-table;
}
.item {
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
    display: inherit;
    margin-right: 3.3px;
    margin-top: -1.3px;
}
.item img {
    width: 32px;
    height: 32px;
    cursor: pointer;
    vertical-align: unset;
}

.pagebtn {
    height: 25px;
    background: url(../images/WebStall/buton.png) no-repeat;
    /* background-size: 10px 10px; */
    position: absolute;
    margin-top: 41px;
    margin-left: 12.5px;
    width: 59px;
    color: #fff;
    font-size: 13px;
    padding-top: 5px;
    /* padding-left: 9px; */
    text-align: center;
    cursor: pointer;
}

.pagebtn:hover{

    background: url(../images/WebStall/btnhover.png) no-repeat;

}
.zeobtnactive{

    background: url(../images/WebStall/btnhover.png) no-repeat;

}

.leftweapon {

    top: -312px;

    left: 208px
}
.rightshield{
    top: -343px;
    left: 330px;
}
.lefthead{
    top: -299px;
    left: 201px;
}
.rightshoulder{
    top: -330px;
    left: 337px;
}
.leftchest{
    top: -318px;
    left: 201px;
}
.righthands{
    top: -348px;
    left: 337px;
}
.leftlegs{
    top: -337px;
    left: 201px;
}
.rightfoot{
    top: -368px;
    left: 337px;
}
.leftearring{
    top: -354px;
    left: 201px;
}
.rightnecklace{
    top: -385px;
    left: 337px;
}
.leftring{
    top: -374px;
    left: 201px;
}
.rightring{
    top: -405px;
    left: 337px;
}

.money{
    position: absolute;
    color: #fff;
    top: 373px;
    margin-bottom: -16px;
    margin-left: 52px;
    font-size: 12px;
}
.karakteradi{
    position: absolute;
    color: #ffff;
    margin-left: 100px;
    margin-top: 8px;
}

span.rare {
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(../images/itemplus.png) left top;
    -webkit-animation: zeoplay 1.8s steps(32) infinite;
    -moz-animation: zeoplay 1.8s steps(32) infinite;
    -ms-animation: zeoplay 1.8s steps(32) infinite;
    -o-animation: zeoplay 1.8s steps(32) infinite;
    animation: zeoplay 1.8s steps(32) infinite;
    cursor: pointer;

}

@-webkit-keyframes zeoplay {
    100% {
        background-position: -1024px;
    }
}
@-moz-keyframes zeoplay {
    100% {
        background-position: -1024px;
    }
}

@-ms-keyframes zeoplay {
    100% {
        background-position: -1024px;
    }
}

@-o-keyframes zeoplay {
    100% {
        background-position: -1024px;
    }
}

@keyframes zeoplay {
    100% {
        background-position: -1024px;
    }
}

#iteminfo {
}

#iteminfo #iteminfotext {
    text-wrap: balance;
    margin-top: 32px;
    margin-left: -80px;
    visibility: hidden;
    position: absolute;
    z-index: 9999;
    max-width: 190px;
    min-width: 190px;
    padding: 8px !important;
    background: url('../images/equipment/com_bg_tile_tl.png') no-repeat !important;
    background-size: 100% 100% !important;
    box-shadow: none !important;
    border: none !important;
    -webkit-border-radius: 1px !important;
    -moz-border-radius: 1px !important;
    border-radius: 1px !important;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px !important;
    line-height: 15px;
    font-weight: lighter;
    font-style: normal;
    text-shadow: 1px 1px #000;
    color: #fff;
    text-align: left;
}

#iteminfo #iteminfotext::after {

}

#iteminfo:hover #iteminfotext {
    visibility: visible;
    position: absolute;
    opacity: 1;
}

.karakterresmi{
    position: absolute;
    margin-left: 234px;
    top: 75px;
    width: 100px;
}
#envanter {
    position: absolute;
    scale: 0.9;
    margin: -17px;
    z-index: 1;
}
@media only screen and (max-width: 600px) {
    #envanter {
        position: absolute;
        scale: 0.8;
        margin: -53px;
    }
    span.rare {

    }
    .inventory{
        z-index: 9;
        transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        margin: -35px -27px -35px;
    }
    .karakterresmi{
        position: absolute;
        margin-left: 234px;
        top: 100px;
        width: 100px;
    }
    #envanter {
        display: inline-grid;
        z-index: 1;
    }


}







/* KARAKTER ÜSTÜ */
.zeokarakter{
    background-image: url("../images/KarakterUstu/karakterback.png");
    min-width: 203px;
    max-width: 203px;
    min-height: 408px;
    max-height: 408px;
    margin: 0 auto 0;

}

.zeoavatar{
    background-image: url("../images/KarakterUstu/avatarback.png");
    min-width: 203px;
    max-width: 203px;
    min-height: 408px;
    max-height: 408px;
    margin: 0 auto 0;

}


.karakteritem ,  .karakteravatar{
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
    display: inherit;
    margin-right: 3.3px;
    margin-top: -1.3px;
    position: relative;

}



.karakteritemliste .leftweapon {
    top: 53px;
    left: 24px;
    position: relative;
}
.karakteritemliste .rightshield{
    top: 23px;
    left: 146px;
    position: relative;
}
.karakteritemliste .lefthead{
    top: 66.7px;
    left: 17px;
    position: relative;
}
.karakteritemliste .rightshoulder{
    top: 35.7px;
    left: 154px;
    position: relative;
}
.karakteritemliste .leftchest{
    top: 49px;
    left: 17px;
    position: relative;
}
.karakteritemliste .righthands{
    top: 17px;
    left: 154px;
    position: relative;
}
.karakteritemliste .leftlegs{
    top: 29px;
    left: 17px;
    position: relative;
}
.karakteritemliste .rightfoot{
    top: -2px;
    left: 154px;
    position: relative;
}
.karakteritemliste .leftearring{
    top: 11.2px;
    left: 17px;
    position: relative;
}
.karakteritemliste .rightnecklace{
    top: -19.6px;
    left: 154px;
    position: relative;
}
.karakteritemliste .leftring{
    top: -7px;
    left: 17px;
    position: relative;
}
.karakteritemliste .rightring{
    top: -38px;
    left: 154px;
    position: relative;
}

.karakteravatarliste .avatarhead{
    top: 129px;
    left: 17px;
    position: relative;
}
.karakteravatarliste .avatarflag{
    top: 76px;
    left: 154px;
    position: relative;
}
.karakteravatarliste .avatarbody{
    top: 140px;
    left: 17px;
    position: relative;
}
.karakteravatarliste .avatarback{
    top: 66px;
    left: 154px;
    position: relative;
}
.karakteravatarliste .avatardevil{
    top: 92px;
    left: 17px;
    position: relative;
}
.karakteritem img {

    cursor: pointer;
}
.karakterresmi2 {
    position: absolute;
    margin-left: 53px;
    margin-top: 70px;
    width: 98px;
    top: unset;
}

.avatarbuton {
    height: 38px;
    background: url(../images/KarakterUstu/avatarbuton.png) no-repeat;
    position: absolute;
    margin-top: 344px;
    margin-left: 12.5px;
    width: 39px;
    cursor: pointer;
}

.avatarbuton:hover{

    background: url(../images/KarakterUstu/avatarbutonhover.png) no-repeat;

}
.avatarbuton:active{

    background: url(../images/KarakterUstu/avatarbutonactive.png) no-repeat;

}

.karakterbuton {
    height: 38px;
    background: url(../images/KarakterUstu/karakterbuton.png) no-repeat;
    position: absolute;
    margin-top: 344px;
    margin-left: 12.5px;
    width: 39px;
    cursor: pointer;
}

.karakterbuton:hover{

    background: url(../images/KarakterUstu/karakterbutonhover.png) no-repeat;

}
.karakterbuton:active{

    background: url(../images/KarakterUstu/karakterbutonactive.png) no-repeat;

}

.karakteritemliste {
    position: absolute;
}

.karakteravatarliste {
    position: absolute;
}










.karakterenvanter{
    background-image: url("../images/Envanter/envanterarkaplan.png");
    min-width: 385px;
    max-width: 385px;
    min-height: 409px;
    max-height: 409px;
    margin: 0 auto 0;

}
.karakterenvanteravatar{
    background-image: url("../images/Envanter/envanteravatararkaplan.png");
    min-width: 385px;
    max-width: 385px;
    min-height: 409px;
    max-height: 409px;
    margin: 0 auto 0;

}
@media only screen and (max-width: 600px) {

    .karakterenvanter {
        z-index: 9;
        transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        margin: -35px -27px -35px;
    }
    .karakterenvanteravatar {
        z-index: 9;
        transform: scale(0.8, 0.8);
        -ms-transform: scale(0.8, 0.8);
        -webkit-transform: scale(0.8, 0.8);
        -o-transform: scale(0.8, 0.8);
        -moz-transform: scale(0.8, 0.8);
        margin: -35px -27px -35px;
    }

    #envanterkarakterustu{
        margin-top: -6px;
    }
    #envanterkarakteravatar{
        margin-top: -6px;
    }
}
.itemlist{
    width: 150px;
    margin-top: 77px;
    margin-left: 30px;
    display: inline-table;
}
.item {
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
    display: inherit;
    margin-right: 3.3px;
    margin-top: -1.3px;
}
.item img {
    width: 32px;
    height: 32px;
    cursor: pointer;
    vertical-align: unset;
}

.pagebtn {
    height: 25px;
    background: url(../images/WebStall/buton.png) no-repeat;
    /* background-size: 10px 10px; */
    position: absolute;
    margin-top: 41px;
    margin-left: 12.5px;
    width: 59px;
    color: #fff;
    font-size: 13px;
    padding-top: 5px;
    /* padding-left: 9px; */
    text-align: center;
    cursor: pointer;
}

.pagebtn:hover{

    background: url(../images/WebStall/btnhover.png) no-repeat;

}
.zeobtnactive{

    background: url(../images/WebStall/btnhover.png) no-repeat;

}

.envanterkarakterustuliste {
    position: absolute;
}

.envanterkarakterustuliste .leftweapon {

    top: -313px;
    left: 208px
}
.envanterkarakterustuliste .rightshield{
    top: -344px;
    left: 330px;
}
.envanterkarakterustuliste .lefthead{
    top: -300px;
    left: 201px;
}
.envanterkarakterustuliste .rightshoulder{
    top: -331px;
    left: 337px;
}
.envanterkarakterustuliste .leftchest{
    top: -319px;
    left: 201px;
}
.envanterkarakterustuliste .righthands{
    top: -350px;
    left: 337px;
}
.envanterkarakterustuliste .leftlegs{
    top: -337px;
    left: 201px;
}
.envanterkarakterustuliste .rightfoot{
    top: -368px;
    left: 337px;
}
.envanterkarakterustuliste .leftearring{
    top: -356px;
    left: 201px;
}
.envanterkarakterustuliste .rightnecklace{
    top: -386px;
    left: 337px;
}
.envanterkarakterustuliste .leftring{
    top: -374px;
    left: 201px;
}
.envanterkarakterustuliste .rightring{
    top: -405px;
    left: 337px;
}

.envantermoney{
    position: absolute;
    color: #fff;
    margin-top: 373px;
    margin-bottom: -16px;
    margin-left: 52px;
    font-size: 12px;
}
.envanterkarakteradi{
    position: absolute;
    color: #ffff;
    margin-left: 145px;
    margin-top: 8px;
}


.envanteravatarbuton {
    height: 38px;
    background: url(../images/KarakterUstu/avatarbuton.png) no-repeat;
    position: absolute;
    margin-top: -19px;
    margin-left: 197.5px;
    width: 39px;
    cursor: pointer;
}

.envanteravatarbuton:hover{

    background: url(../images/KarakterUstu/avatarbutonhover.png) no-repeat;

}
.envanteravatarbuton:active{

    background: url(../images/KarakterUstu/avatarbutonactive.png) no-repeat;

}

.envanterkarakterbuton {
    height: 38px;
    background: url(../images/KarakterUstu/karakterbuton.png) no-repeat;
    position: absolute;
    margin-top: -19px;
    margin-left: 197.5px;
    width: 39px;
    cursor: pointer;
}

.envanterkarakterbuton:hover{

    background: url(../images/KarakterUstu/karakterbutonhover.png) no-repeat;

}
.envanterkarakterbuton:active{

    background: url(../images/KarakterUstu/karakterbutonactive.png) no-repeat;

}
.envanterkarakteravatarliste {
    position: absolute;
    margin-top: -368px;
    margin-left: 184px;
}

.envanterkarakteravatarliste .avatarhead{
    top: 129px;
    left: 17px;
    position: relative;
}
.envanterkarakteravatarliste .avatarbody{
    top: 141px;
    left: 17px;
    position: relative;
}
.envanterkarakteravatarliste .avatardevil{
    top: 93px;
    left: 17px;
    position: relative;
}
.envanterkarakteravatarliste .avatarback{
    top: 67px;
    left: 154px;
    position: relative;
}
.envanterkarakteravatarliste .avatarflag{
    top: 79px;
    left: 154px;
    position: relative;
}



.karakterenvanteritem ,  .karakterenvanteravataritem{
    width: 32px;
    max-width: 32px;
    min-width: 32px;
    max-height: 32px;
    min-height: 32px;
    display: inherit;
    margin-right: 3.3px;
    margin-top: -1.3px;
    position: relative;

}

.ajaxLoading {
    background: url(https://i.gifer.com/embedded/download/XVo6.gif) no-repeat;
    height: 50px;
    width: 50px;
    background-size: contain;
    margin: 20px auto 0;
}