@font-face { font-family: RS; src: url('../fonts/runescape.ttf'); } 
@font-face { font-family: RS-Bold; src: url('../fonts/runescape_bold.ttf'); } 

html, body {
    background-color: #D9B382 !important;
    font-family: 'RS' !important;
}

body {
    padding-top: 100px;
    padding-bottom: 50px;
}

h2 {
    font-family: 'RS-Bold';
}


table {
    margin: auto;
    border-collapse: collapse;
    font-size: 20px;
}

td img {
    vertical-align: bottom !important;
}

th {
    font-family: 'RS-Bold';
    background-color: #8B6637;
    color: white;
    font-weight: normal;
    padding: 5px 15px 5px 15px;
    margin: 0 0 0 0;
}

td {
    padding: 5px 15px 5px 15px;
    margin: 0 0 0 0;
    color: black;
}

tbody tr:nth-child(odd) {
    background-color: #C59B66;
}

td img {
    height: 20px;
    margin-left: 5px;
}

.filters {
    margin: auto;
    text-align: center;
}

.container {
    margin: auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 50px;
}

.filter-category {
    flex: 0 1 auto;
}

.filters .selectpicker {
    font-size: 16px;
    color: black;
    font-family: 'RS-Bold' !important;
}

.selectpicker option {
    font-size: 40px !important;
    font-family: 'RS-Bold' !important;
    background-color: red !important;
}

.filter-category .dropdown {
    background-color: #8B6637 !important;
}

.dropdown .dropdown-menu {
    background-color: #D9B382 !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border: 1px solid black;
    border-top: none;
}



li .dropdown-item {
    background-color: #D9B382 !important;
}

.selected .dropdown-item {
    
    background-color: #C59B66 !important;
}


.bootstrap-select .dropdown-menu.inner li:not(:last-child) a {
    border-bottom: 1px solid black;
}

.dropdown .bootstrap-select {
    background-color: red !important;
}

.promo {
    margin: auto;
    font-size: 18px;
    width: fit-content;
    text-align: center;
    margin-bottom: 50px;

}
.promo img {
    vertical-align: text-bottom;
    height: 1em;
}

.promo .disc_join {
    color: #5165F6;
}
