/* Global Link Styles */
.ergo-color {
    color: #a52a2a; /* Brown color */
    text-decoration: none; /* Remove underline */
}

.ergo-color:hover {
    text-decoration: underline; /* Underline on hover for better visibility */
}

/* First Table (Table 1) Styles */
table.table1 {
    width: 100%; /* Full width */
    border-collapse: collapse; /* Remove space between cells */
}

table.table1 th, table.table1 td {
    border: 1px solid #ddd; /* Border around cells */
    padding: 8px; /* Padding inside cells */
}

table.table1 th {
    background-color: #0376a7; /* Blue header background */
    color: white; /* White header text */
}

table.table1 tr:nth-child(even) {
    background-color: white; /* White background for even rows */
}

table.table1 tr:nth-child(odd) {
    background-color: #eee; /* Light gray background for odd rows */
}

/* Second Table (Table 2) Styles */
table.table2 {
    width: 100%; /* Full width */
    border-collapse: collapse; /* Remove space between cells */
}

table.table2 th, table.table2 td {
    border: 1px solid #ddd; /* Border around cells */
    padding: 8px; /* Padding inside cells */
}

table.table2 th {
    color: #a52a2a; /* Brown header text color */
    text-decoration: none; /* No underline for headers */
}

table.table2 tr:nth-child(even) {
    background-color: white; /* White background for even rows */
}

table.table2 tr:nth-child(odd) {
    background-color: #eee; /* Light gray background for odd rows */
}

/* Heading (H2) Styles */
.my-header {
    background-color: #0376a7; /* Blue background color */
    color: white; /* White text color for contrast */
    padding: 10px; /* Padding around the text */
    border-radius: 5px; /* Optional: rounded corners */
}

/* Red Line Separator */
.red-line {
    border-top: 5px solid #a52a2a; /* Set thickness and color of the line */
    margin: 10px 0; /* Add margin above and below the line */
}
/* styles.css */
body {
    font-family: Arial, sans-serif;
    font-size:14px;
}

form {
    max-width: 600px; /* Max width for the form */
    margin: 0 auto; /* Center the form */
}

label {
    display: block; /* Each label on a new line */
    margin-bottom: 5px; /* Space between label and input */
}

input[type="text"],
input[type="date"],
textarea {
    width: 100%; /* Full width */
    padding: 10px; /* Inner padding */
    margin-bottom: 15px; /* Space below each input */
    border: 1px solid #ccc; /* Border style */
    border-radius: 4px; /* Rounded corners */
}

textarea {
    height: 100px; /* Set a height for textarea */
    resize: vertical; /* Allow vertical resizing only */
}

button {
    padding: 10px 15px; /* Button padding */
    background-color: #007bff; /* Button background color */
    color: white; /* Button text color */
    border: none; /* Remove border */
    border-radius: 4px; /* Rounded corners */
    cursor: pointer; /* Change cursor to pointer */
}

button:hover {
    background-color: #0056b3; /* Darker shade on hover */
}

table tr td.center {
    text-align:center;
}