:root {
    --main-bg-color: #11151c;
    --sub1-bg-color: #19212e;
    --sub2-bg-color: #212d40;
    --accent1-color: #413c4d;
    --accent1-1-color: #4f495e;
    --accent2-color: #522d2d;
    --accent3-color: #7a4343;
    --txt-color: #eee;
}


/* Hide the scrollbar track (background) */
::-webkit-scrollbar {
    width: 6px;
    /* Adjust the width as needed */
    background: transparent;
}

/* Style the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
    background: #888;
    /* Color of the scrollbar thumb */
}

/* Hide the scrollbar when not in use (optional) */
::-webkit-scrollbar-thumb:hover {
    background: #555;
    /* Change the color when hovered over */
}

/* Add this for Firefox compatibility */
* {
    scrollbar-width: thin;
    scrollbar-color: #888 transparent;
}

/* To hide the scrollbar in Firefox when not in use (optional) */
* {
    scrollbar-width: none;
}


.center {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


th {
vertical-align: middle;
}

td {
vertical-align: middle;
}

.centered {
    margin: 25px 2% 0;
    width: 96%;
}

.btn {
    margin: 0 2px;
}

.txt-center {
    text-align: center;
}