/* 
    Created on : Aug 8, 2025, 4:10:34 PM
    Author     : alanklein
*/

@font-face {
    font-family: "FontAwesome";
    src: url(css/fonts/font-awesome.webfont.ttf);
}

body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #205284;
    color: white;
}

.button {
    background-color: #205284;
    border: none;
    color: white;
    cursor: pointer;
    transition-duration: 0.4s;
}

.button:hover {
    background-color: #e35d16;
}

.nav {
    overflow: hidden;
    background-color: #333;
}

.nav img {
    height : 100px;
}

.nav .button{
    float: left;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: block;
    font-size: 20px;
    margin: 4px 2px;
}

.nav .icon {
    display: none;
    font-size: 20px;
}

.nav .logo_button {
    padding: 16px 10px;
    cursor: crosshair;
}

@media screen and (max-width: 1000px) {
    /*.nav .button:not(:first-child):not(:last-child) {display: none;}*/
    .nav .icon{
        float: right;
        display: block;
    }
    .nav.responsive img {
        height : 30px;
    }

    .nav .logo_button {
        padding: 0;
        cursor: default;
    }

    .nav.responsive {
        position: relative;
    }


    .nav.responsive .button {
        display: block;
        float: none;
        text-align: left;
        width: 100%;
        margin: 1px 1px;
        padding: 1px 5px;
    }

    .nav.responsive .icon {
        position: absolute;
        width:20%;
        right: 0;
        top: 0;
    }

}

.reload_button {
    visibility: hidden;
    border: 3px;
    border-style: solid;
    border-color: #e35d16;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
}

.upcomingTable, .entryTable {
    border: 3px;
    border-style: solid;
    border-color: #e35d16;
    text-align: center;
    margin: 0 auto;
    display: table;
    padding: 0.5em;
}

.upcomingTable th {
    background-color: #e35d16;
}

.upcomingTable td, .upcomingTable th,  .entryTable td, .entryTable th{
    padding: 1em; 
}

.upcomingTable tr:nth-child(odd) {
    background-color: #808080;
}

.upcomingTable tr:nth-child(even) {
    background-color: #205284;
}

.submitButton, .updateButton, .deleteButton{
    background-color: #e35d16;
    border: none;
    color: white;
    cursor: pointer;
    transition-duration: 0.4s;
    padding: 0.5em;
}

.submitButton:hover, .updateButton:hover, .deleteButton:hover{
    background-color: #333;
}