:root {
    --yellow: #ffd500;
    --white: #f2f2f2;
}

body {
    font-family: "Lucinda Grande", "Lucinda Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
    background-color: #292929;
    color: #e3e3e3;
    font-size: 14px;
    margin: 0;
}

.table {
    text-align: center;
    border-spacing: 0;
    margin: 1rem;
    vertical-align: bottom;

    display: block;
    max-width: fit-content;
    overflow-x: auto;
}

.hs_table {
    text-align: center;
    border-spacing: 0;
    margin: 1rem;
    vertical-align: bottom;
    display: inline-block;
}

.table__header {
    background-color: #333333;
    box-shadow: 0 1px 0 var(--yellow);
}

.table__row:nth-child(odd) {
    background-color: #333333;
}

.table__row_2 {
    background-color: #333333;
}

.table__cell {
    padding: 5px;
}

.yellow_font {
    color: var(--yellow);
    /*color: #fff0a7;*/
}

.table__cell_time {
    padding: 5px;
    font-size: 12px;
}


.quest_table_first_column {
    padding: 3px;
    font-size: 10px;
}

.table__header_cell {
    padding-top: 10px;
}

th.th_first_column {
    width: 73px;
}

th.quest_th_first_column {
    width: 100px;
}

::-webkit-scrollbar {
    display: none;
}

.vertical-align-top {
    vertical-align: top;
}

/* Navbar */

/* Add a black background color to the top navigation */
.topnav {
    display: flex;
    justify-content: center;
    align-content: center;
    background-color: #333;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    padding: 4px 0 4px 0;
    width: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    z-index: 1;
    position: sticky;
    top: 0;
}

/* Style the links inside the navigation bar */
.topnav > * {
    color: var(--white);
    text-align: center;
    padding: 0 16px;
    text-decoration: none;
}

/* Change the color of links on hover */
.topnav > *:hover {
    background-color: #222;
}

.active {
    color: var(--yellow);
}


/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    visibility: hidden;
    opacity: 0;

    display: block;
    position: absolute;
    background-color: var(--white);
    min-width: 100px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.35);
    z-index: 1;
}

.dropbtn {
    cursor: pointer;
}


.btn, .namesForm {
    background: #292929 linear-gradient(to bottom, #4c4c4c 5%, #333333 100%);
    border-radius: 3px;
    border: 1px solid #545454;
    display: inline-block;
    cursor: pointer;
    color: var(--white);
    font-size: 14px;
    font-weight: normal;
    padding: 2px 8px;
    text-decoration: none;
}

.namesForm {
    appearance: none;
    outline: none;
}


/* Links inside the dropdown */
.dropdown-content a {
    background-color: #333;
    color: var(--white);
    text-align: center;
    padding: 3px 10px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #222;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    visibility: visible;
    opacity: 1;
    transition: visibility 0s, opacity 0.2s linear;
}


.reload_wrap {
    display: flex;
    justify-content: center;
    align-content: center;
}

.reload {
    padding-top: 5px;
    width: 14px;
    height: 14px;
}

.reload_wrap:hover {
    background-color: #222;
    color: var(--white);
}

.updates {
    background-color: #333;
    padding: 15px;
    min-width: 1000px;
    max-width: 58%;
    font-family: 'Consolas', 'Deja Vu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
    text-align: left;
}

@media only screen and (max-width: 999px) {
    .updates {
        min-width: 0;
        max-width: 100%;
    }
}


.username {
    font-weight: bold;
    color: var(--yellow);
}

.gains {
    color: #b3b3b3;
}

a:link {
    text-decoration: none;
}

/* swal stuff */

.swal2-timer-progress-bar {
    height: 0.15em;
    background: var(--yellow);
}

.swal2-popup.swal2-toast {
    background: #3d3d3d;
    border-radius: 3px;
    border: 1px solid #232323;
    display: inline-block;
}

.swal2-popup {
    color: var(--white);
}