@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400&display=swap');

body {
    min-height: 100vh;
    background-color: #010101;
    padding: 1.5rem .75rem;
    font-family: 'Poppins', sans-serif;
}

/* Color Palettes */

.bg-grey {
    background-color: #0c0d0e;
}

.bg-administration {
    background-color: #00303F;
}

.bg-customreactions {
    background-color: #041A3C;
}

.bg-gambling {
    background-color: #05052A;
}

.bg-games {
    background-color: #1F0A33;
}

.bg-help {
    background-color: #2B123B;
}

.bg-music {
    background-color: #2C0920;
}

.bg-nsfw {
    background-color: #380E13;
}

.bg-permissions {
    background-color: #3B210A;
}

.bg-searches {
    background-color: #2A3607;
}

.bg-utility {
    background-color: #133412;
}

.bg-plugin {
    background-color: #684f0c;
}

.bg-xp {
    background-color: #032717;
}

.bg-expressions {
    background-color: #460733;
}

.border-administration {
    border: 2px #398AA1 solid;
}

.border-customreactions {
    border: 2px #234985 solid;
}

.border-gambling {
    border: 2px #262364 solid;
}

.border-games {
    border: 2px #4C276F solid;
}

.border-help {
    border: 2px #5F2D70 solid;
}

.border-music {
    border: 2px #640D43 solid;
}

.border-nsfw {
    border: 2px #69232B solid;
}

.border-permissions {
    border: 2px #845631 solid;
}

.border-searches {
    border: 2px #A0B454 solid;
}

.border-utility {
    border: 2px #44793F solid;
}

.border-plugin {
    border: 2px #a0790e solid;
}

.border-xp {
    border: 2px #48AC81 solid;
}

.border-expressions {
    border: 2px #881565 solid;
}

.bg-server {
    background-color: #002632;
}

.bg-channel {
    background-color: #34393b;
}

.bg-botowner {
    background-color: #660000;
}

.bg-default {
    background-color: #444; /* Default color if no specific class is found */
}

.requirements .badge {
    margin-top: 5px;
    display: inline-block;
    padding: 7px 7px; /* Adjust padding to make the box larger */
    font-size: 0.8rem; /* Adjust font size to make the text larger */
    border-radius: 8px; /* Optional: adjust the border radius for a rounded box */
}

.description-text {
    font-size: 0.9rem; /* Make the font size smaller for description text */
    color: #fff; /* Ensure the text color is white for better readability */
}

.bg-td-odd {
    background-color: #181a1b !important;
}

.bg-td-even {
    background-color: #0c0d0e !important;
}

/* Font */
.text-sm {
    font-size: 0.85rem;
}

/* ***** */
.module-button:not(:last-child) {
    margin-right: 1.5rem;
}

.filter-button {
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 10px 15px; /* Increase padding for larger buttons */
    border-radius: 5px; /* Optional: add some border radius for a nicer look */
    color: #fff;
}

#filter-background {
    background-color: #0c0d0e; /* Background color for the filter container */
    padding: 10px;
    border-radius: 5px;
}

#filter-container {
    display: flex;
    flex-wrap: wrap;
}

.search-container {
    flex-grow: 1;
    display: flex;
    justify-content: flex-end;
}

#search-bar {
    width: 300px;
}

tr.spaceUnder>td {
    padding-bottom: 2.5rem !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #232528;
    border-color: #232528 #232528 #232528;
}

.form-control {
    color: #fff !important;
}

.form-control:focus {
    box-shadow: none !important;
}

/* Table Column Separators */
.table th,
.table td {
    border-right: 2px solid #797063 !important; /* Light grey separator */
    border-bottom: none !important; /* Remove horizontal lines */
    border-top: none !important; /* Remove horizontal lines */
}

/* Add padding between rows */
.table .spaceUnder td {
    padding-bottom: 6px; /* Adjust padding as needed */
    vertical-align: bottom;
}

.table th:last-child,
.table td:last-child {
    border-right: none !important; /* Remove the separator for the last column */
}

.table th,
.table td {
    padding: 10px; /* Adjust padding as needed */
    vertical-align: top;
}

.table {
    border-collapse: collapse; /* Ensure the table borders collapse into a single border */
}