html{
    margin:0;
    padding:0;
    box-sizing: border-box;
    height: 100%;
}


/* 
body {
    height: 100%;
    margin:0;
    } */


.asterisk{
position: absolute;
top: 9px;
right: 15px;
color: red;
font-weight: bold;
}


.hide-me{
    display: none;
}
.sidebar{
    /* background-color: darkslategray; */
    /* height: 500px; */
    text-align: left;
    color:white;
}

.sidebar table thead th{
    color:black;
}

.sidebar table tbody td   {
    color:rgb(181, 35, 194);
}

.rank-page ul li button a {
    text-decoration: none;
    color:black;
}


.rank-page ul li button {
margin-bottom: 10px;
width: 100px;

}


.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
    background-color: gold;
  }


  .test2{
      margin-left:auto;
  }

  .server-info ul li span{
      color:gold;
  }

  
.xx{
    width:30%;
    margin:20px auto;
}


/*  hover items */
.character-page p {
    color: white
}

.character-page h2 {
    color: gold
}

.weapon {
    position: absolute;
    top: 0;
    left: 0;
}

.weapon :nth-child(2) {
    position: absolute;
    left: 11px;
    top: 12px;
}

.weapon-mall {
    position: absolute;
    top: 11px;
    left: 24px;
}

.weapon-mall :nth-child(2) {
    position: absolute;
    left: 36px;
    top: -48px;
}

.shield {
    position: absolute;
    right: 0;
    top: 0;
}

.shield :nth-child(2) {
    position: absolute;
    right: 13px;
    top: 12px;
}

.head {
    position: absolute;
    left: 1px;
    top: 90px;
}

.head :nth-child(2) {
    position: absolute;
    right: 5px;
    top: 4px;
}

.chest,
.hat {
    position: absolute;
    left: 1px;
    top: 135px;
}

.chest :nth-child(2),
.hat :nth-child(2) {
    position: absolute;
    left: 3px;
    top: 4px;
}

.legs,
.avatar .avatar {
    position: absolute;
    left: 1px;
    top: 180px;
}

.legs :nth-child(2),
.avatar .avatar :nth-child(2) {
    position: absolute;
    left: 3px;
    top: 4px;
}

.shoulder {
    position: absolute;
    right: 1px;
    top: 90px;
}

.shoulder :nth-child(2) {
    position: absolute;
    right: 5px;
    top: 4px;
}

.hand,
.flag {
    position: absolute;
    right: 1px;
    top: 135px;
}

.hand :nth-child(2),
.flag :nth-child(2) {
    position: absolute;
    right: 5px;
    top: 4px;
}

.foot,
.attach {
    position: absolute;
    right: 1px;
    top: 180px;
}

.foot :nth-child(2),
.attach :nth-child(2) {
    position: absolute;
    right: 5px;
    top: 4px;
}

.earring,
.devil {
    position: absolute;
    top: 230px;
    left: 1px;
}

.earring :nth-child(2),
.devil :nth-child(2) {
    position: absolute;
    left: 3px;
    top: 3.5px;
}

.ring-left {
    position: absolute;
    top: 270px;
    left: 1px;
}

.ring-left :nth-child(2) {
    position: absolute;
    left: 3px;
    top: 3.5px;
}

.necklace {
    position: absolute;
    top: 230px;
    right: 1px;
}

.necklace :nth-child(2) {
    position: absolute;
    left: 3px;
    top: 3.5px;
}

.ring-right {
    position: absolute;
    top: 270px;
    right: 1px;
}

.ring-right :nth-child(2) {
    position: absolute;
    left: 3px;
    top: 3.5px;
}

.special {
    position: absolute;
    right: 1px;
    bottom: -4px;
}


.special :nth-child(2) {
    position: absolute;
    left: 3px;
    top: 3.5px;
}

.items .avatar-btn {
    background: url(/imgs/item/equipment/equip_slot_avata_button.png) no-repeat;
    width: 40px;
    height: 40px;
    border: none;
    position: absolute;
    bottom: 0;
    left: 1px;
}

.items .avatar-btn:hover {
    background: url(/imgs/item/equipment/equip_slot_avata_button_focus.png) no-repeat;
    cursor: pointer;
}

.items .avatar-btn:focus {
    outline: 0px;
}

.avatar .avatar-btn {
    background: url(/imgs/item/equipment/equip_slot_equipment_button.png) no-repeat;
    width: 40px;
    height: 40px;
    border: none;
    position: absolute;
    bottom: 0;
    left: 1px;
}

.avatar .avatar-btn:hover {
    background: url(/imgs/item/equipment/equip_slot_equipment_button_focus.png) no-repeat;
    cursor: pointer;
}

.avatar .avatar-btn:focus {
    outline: 0px;

}

span.rare {
    position: absolute;
    left: 3px;
    top: 1px;
    width: 32px;
    height: 32px;
    background: url(/imgs/item/equipment/itemplus.png) left top;
    -webkit-animation: play 1.8s steps(32) infinite;
    -moz-animation: play 1.8s steps(32) infinite;
    -ms-animation: play 1.8s steps(32) infinite;
    -o-animation: play 1.8s steps(32) infinite;
    animation: play 1.8s steps(32) infinite;
}

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

span.rare-weapon {
    position: absolute;
    left: 12px;
    top: 10px;
}

.weapon-mall span.rare-weapon {
    position: absolute;
    left: 0px;
    top: 1px;
}

span.rare-shield {
    position: absolute;
    right: 12px !important;
    top: 10px !important;
}

.stats {
    position: absolute;
    min-width: 200px;
    background-color: rgba(36, 63, 142, 0.9);
    color: #fff;
    z-index: 1;
    left: 44px;
    top: -55px;
    padding: 10px 6px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #0e0e4c;
    line-height: 1.5;
    background-color: rgba(22, 41, 107, 0.9);
    border: 1px solid #213884;
    display: none;
}

.stats-right {
    position: absolute;
    min-width: 200px;
    background-color: rgba(36, 63, 142, 0.9);
    color: #fff;
    z-index: 1;
    right: 44px;
    top: -55px;
    padding: 10px 6px;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #0e0e4c;
    line-height: 1.5;
    background-color: rgba(22, 41, 107, 0.9);
    border: 1px solid #213884;
    display: none;

}

.weapon-mall:hover .stats,
.weapon:hover .stats,
.head:hover .stats,
.chest:hover .stats,
.legs:hover .stats,
.earring:hover .stats,
.ring-left:hover .stats,
.hat:hover .stats,
.avatar .avatar:hover .stats,
.devil:hover .stats,
.shield:hover .stats-right,
.shoulder:hover .stats-right,
.hand:hover .stats-right,
.foot:hover .stats-right,
.necklace:hover .stats-right,
.ring-right:hover .stats-right,
.attach:hover .stats-right,
.special:hover .stats-right,
.flag:hover .stats-right {
    display: block;
}

.hide {
    display: none;
}

.weapon-mall img{
    width:32px !important;
    height: 32px !important;
}

a{
    text-decoration: none;
}


/* /////////////////////////////////////////////////////////////////// */

.hide1{
    display: none;
}

/* hover items end */
/*********************************ADMIN PANEL PART********************************************/
/* .admin-card ul li a:hover {
    color:white  !important;
 }
 .admin-card ul li:hover {
    background-color: #0d6efd !important;
 }  */
/*********************************ADMIN PANEL PART********************************************/

/* 

.admin-card ul li {
    position: relative;
    padding: 20px;

}


.admin-card ul li a{
    display: block;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    padding: 10px;

} */

/* .top5-buttons button {
    background-color: red !important;
}

button{
color:green;
background-color: yellow;
} */

.main-b{
position: relative;
/* color:red !important; */


}
/* 
.main-b-edit{
    position: absolute;
    top:27%;
    right:7%;
    color:green;
    font-size: 12px;


}
.main-b-owner{
    position: absolute;
    top:35%;
    right:14%;
    color:#0a58ca;
    font-weight: bold;
    font-size: 12px;
}


.main-b-date{
    position: absolute;
    top:35%;
    right:22%;
    color:orangered;
    font-size: 12px;
} */

.accordion-item img{
    max-width: 100%;
}

/* Fixed Footer position starts here  */

/* Fixed Footer position ends here*/

body{
	/* background-image:url(images/background1.jpg); */
    min-height: 100vh;
    position: relative;
    margin: 0;
    padding-bottom: 200px;
}
.carousel-item img {
    min-height: 300px;
    max-height: 500px;
}
.accordion-news .ms-3 {
    margin-left: 0 !important;
}
.accordion-news .ms-3 p {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width:500px) {
    #carouselSlider .carousel-item img {
        max-height: 250px;
        min-height: 200px;
    }
    .downloads-section .thumbnail a img {
        height: auto;
    }
    .buySilk-section .w-50 {
        width: 100% !important;
    }
    .items.float-left.col-6 {
        width: 15rem;
    }
}