:root {
    --color-1: #4194f2;
    --color-1: #3e4c5c;


    --color-2: #5aaefc;
    --color-3: #ffffff;

    --background-color: #585858;
    --background-color: #ffffff;

    --text-color-1: #666666;
    --text-color-2: #ffffff;
    --border-radius: 5px;
    --font-family: 'Arial, Verdana', sans-serif;
    --color-approve: #6addb8;
    --color-reject: #f8687b;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    font-family: var(--font-family);
    background-color: var(--background-color);
    color: var(--text-color-1);
    padding: 0;
    margin: 0;
}

a {
    color: var(--color-2);
    text-decoration: none;
}

/* body, html {
    min-height: 100%;
} */

button {
    background-color: var(--color-2);
    color: var(--text-color-2);
    border: none;
    border-radius: var(--border-radius);
    padding: 10px 20px;
    cursor: pointer;
}

button.approve {
    background-color: var(--color-approve);
}

button.reject {
    background-color: var(--color-reject);
}


h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 20px 0;
}

h1 { font-size: 30px; }
h2 { font-size: 25px; }
h3 { font-size: 20px; }

/* table {
    border-collapse: collapse;
    border: 2px solid var(--color-2);
    margin: auto;
}

table td, table th {
    border: 2px solid var(--color-2);
    padding: 8px;
} */

table {
    border-collapse: collapse;
    margin: 0 auto;
}

table td, table th {
    border-bottom: 1px solid #aaaaaa;
    color: var(--text-color-1);
    padding: 8px;
    text-align: left;
}

table th {
    font-weight: bold;
}

td {
    border-right: 1px solid #aaaaaa;
    vertical-align: middle;
}

td:last-child {
    border-right: none;
}

table td:nth-child(1), table td:nth-child(2) {
    text-align: center;
}

.snap-image {
    max-width: 100px;
    max-height: 100px;
    border-radius: var(--border-radius);
}
.snap-image:hover {
    transform: scale(1.1);
    transition: transform 0.2s;
}
.snap-image:active {
    transform: scale(0.9);
    transition: transform 0.1s;
}

footer {
    _margin-top: 100px;
}

footer a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
}