img.itemthumb {
   width: 1.94vw;
   height: 1vw;
}

.table {
    vertical-align: middle;
    padding: 0px;
}

table#tblweapdetail tbody tr:nth-child(odd) {background: #222;}
table#tblweapdetail tbody tr:nth-child(even) {background: #444;}
table#tblweapdetail {padding: 0px;border-spacing: 0px;}

table#tblweapdetail td {padding: 2px;}

tr.tblrow td {
    vertical-align: middle;
    height: 1vw;
}

.accordion-item {background-color: #111;}
.accordion-button {background-color: #000;}
div.thumbitem {
    background-image:    url(images/background.svg);
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
    width: 100%;
    height: 100%; 
}

.badge {font-size: 0.7rem; position: absolute;top: 3rem; right: 0.2rem;text-shadow: -1px 1px 1px rgba(0,0,0,0.99);}

html.dark-theme h4 {
    font-size: 1.2rem;
}

.card-body b {
    color: #f44336;
}

.card-header {
    font-size: 1.2rem;
    text-transform: uppercase;
    text-shadow: -2px 2px 2px rgba(0,0,0,0.50);
}


.hdrcommon, .badgecommon {
    background-color: #4CAF50;
    color: #fff;
}
.hdrrare, .badgerare {
    background-color: #448AFF;
    color: #fff;
}
.hdrepic, .badgeepic {
    background-color: #673AB7;
    color: #fff;
}
.hdrlegendary, .badgelegendary {
    background-color: #FFC107;
    color: #fff;
}
html.dark-theme h4.legendary {
    color: #FFC107;
}
html.dark-theme h4.epic {
    color: #673AB7;
}

html.dark-theme h4.rare {
    color: #448AFF;
}

html.dark-theme h4.common {
    color: #4CAF50;
}

div.legendary {
    border: 3px solid #FFC107;
}

div.epic {
    border: 3px solid #673AB7;
}

div.rare {
    border: 3px solid #448AFF;
}

div.common {
    border: 3px solid #4CAF50;
}

.filtersort {
    display: block;
    margin-top: 10px;
    margin-left: 5px;
    font-size: 0.8rem;
}

.ecurrency {
    background-image: url('../images/ecoin.png');
    width: 30px;
    height: 29px;
    float: left;
    margin-right: 5px;
  }