body {
}

a {
    text-decoration: none; /* Remove underline */
    color: black; /* Set link color */
    font-family: Arial
}

    /* Style for anchor tags on hover */
    a:hover span {
        text-decoration: underline; /* Underline on hover */
    }

label {
color: black;
font-family: Arial;
}

h3 {
    width: 100%;
    border: 1.5px solid black;
    padding-top: 2.5px;
    padding-bottom: 2.5px;
    display: inline-block;
    text-align: center;
}

.datebox {
    font-family: Arial;
}

.table {
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center; /* Vertical alignment */
    border: 0;
    border-collapse: separate;
    border-spacing: 10px
}

.table1 {
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center; /* Vertical alignment */
    float: right;
    border: 0;
    border-collapse: separate;
    border-spacing: 10px
}

uploadTable {
    display: flex;
    justify-content: center; /* Horizontal alignment */
    align-items: center; /* Vertical alignment */
    border: 0;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px
}
.uploadTable td {
        text-align:center;
        align-items: center;
        padding: 2px, 20px, 2px, 20px; /* This sets the padding inside each cell */
    }


.contactBold {
    font-weight: bold;
    color: #818486;
}

.contact {
    color: #818486;
}

.center {
    display: block;
    text-align: center;
}

.gridView {
    color: black;
    font-family: Arial;
    font-size: small;
}

.textButtonBordered {
    width: 170px;
    background: none;
    color: black;
    border-color: #767676;
    border-width: thin;
    text-align: left;
}
.textButtonBordered:hover {
    background-color: #f0f0f0; /* Change background color on hover */
    cursor: pointer; /* Change cursor to pointer on hover */
}

.button {
    background-color:wheat;
}

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



.textButton {
    width: 100%;
    background: none;
    border: none;
    color: black;
}
    /* Style for the button on hover */
    .textButton:hover {
        background-color: #f0f0f0; /* Change background color on hover */
        cursor: pointer; /* Change cursor to pointer on hover */
    }

/* The Modal */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 15% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background-color: #f1f1f1;
}

.error {
    outline: 2px solid red;
}

#Menu1 {
    list-style-type: none;
    background-color: Wheat;
    padding: 0;
    margin: 0;
    display: flex; /* Use flexbox to arrange items horizontally */
}

    #Menu1 > li {
        display: inline-block; /* Display list items horizontally */
        position: relative;
        padding: 6px 12px; /* Adjust padding to control height */
        background-color: Wheat;
    }

        #Menu1 > li > a {
            text-decoration: none;
            color: black;
            display: block;
            line-height: 1; /* Ensure line height is minimal */
        }

            #Menu1 > li > a:hover {
                background-color: #c09061;
            }

    #Menu1 ul {
        list-style-type: none;
        padding: 0;
        background-color: Wheat;
        display: none; /* Hide submenus by default */
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
    }

    #Menu1 > li:hover > ul {
        display: block; /* Show submenu on hover */
    }

    #Menu1 ul li {
        padding: 6px 12px; /* Adjust vertical padding to reduce height */
    }

        #Menu1 ul li a {
            text-decoration: none;
            color: black;
            display: block;
            line-height: 1; /* Ensure line height is minimal */
        }

            #Menu1 ul li a:hover {
                background-color: #c09061;
            }

.email-link {
    text-decoration: none; /* Remove underline by default */
    color: black; /* Default link color */
}

    .email-link:hover {
        text-decoration: underline; /* Underline on hover */
        color: darkblue; /* Optional: change color on hover */
    }