:root {
    --text-color: rgb(173, 168, 162);
    --link-color: rgb(255, 255, 255);
    --link-color-hover: rgb(173, 168, 162);
    --table-header-color: rgb(220, 211, 202);
    --table-row-odd: rgb(38, 38, 38);
    --table-row-even: rgb(41, 41, 41);
    --input-background: rgb(39, 39, 39);
    --input-background-focus: rgb(46, 46, 46);
    --input-color: rgb(220, 211, 202);
    --paginate-background: rgb(39, 39, 39);
    --paginate-background-hover: rgb(43, 43, 43);
    --paginate-background-focus: rgb(36, 36, 36);
    --paginate-color: rgb(220, 211, 202);
    --paginate-color-disabled: rgb(137, 134, 132);
    --players-total-color: rgb(220, 211, 202);
    --selection-color: rgb(173, 168, 162);
    --selection-background: rgb(35, 35, 35);
    --scrollbar-background: rgb(37, 37, 37);
    --scrollbar-color: rgb(44, 44, 44);
}

/* Modal Section */
.modal-content {
    background: rgba(0, 0, 0, 0.8);
    padding: 0px;
}

.modal-header {
    background: rgb(38, 38, 38);
    border-bottom: 1px solid #1d221c;
    padding-bottom: 10px;
}

.modal-title {
    font-size: 20px;
    font-weight: bold;
}

.modal-body {
    background: rgb(41, 41, 41);
    position: relative; /* Ensures the avatar can be positioned relative to the modal body */
    padding: 20px;
    font-size: 20px;
}

.modal-footer {
    background: rgb(38, 38, 38);
    border-top: 1px solid #1d221c;
    padding-top: 10px;
    text-align: right;
}

/* Avatar styling within the modal */
#modalAvatar {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 64px;
    height: 64px solid #1d221c;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Button styling in the modal footer */
.modal-footer .btn {
    background: rgb(61, 75, 39);
    color: rgb(166, 205, 99);
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 16px;
}

/* Optional: Styling for the close button */
.modal-header .close {
    font-size: 24px;
    font-weight: bold;
    color: rgb(173, 168, 162);
}

.modal-header .close:hover,
.modal-header .close:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.75;
}