body {
    background-color: rgb(238, 235, 235); 
    text-align: center;
}

/* Style for active tab */
.active {
    background-color: #6c757d; /* darker color */
}

/* Style for tab buttons */
.tablinks {
    background-color: #f8f9fa;
    border: none;
    color: #495057;
    padding: 1px 5px; /* shorter width */
    margin-right: 2px;
    border-radius: 2px;
    cursor: pointer;
    transition: transform 0.3s, box-shadow 0.3s;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* Apply 3D effect on hover */
.tablinks:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Apply active style */
.tablinks.active {
    background-color: black;
    color: white;
    box-shadow: none;
}

/* Center container elements horizontally */
.container {
    display: inline-block; /* Make the container fit the content */
    border: 2px solid darkgray; /* Set dark gray border for the container */
    padding: 10px; /* Add padding for spacing */
    margin: auto; /* Horizontally center the container */
}

fieldset {
    display: inline-block; /* Make the fieldset fit the content */
    border: 2px solid darkgray; /* Set dark gray border for the fieldset */
    padding: 10px; /* Add padding for spacing */
    margin: auto; /* Horizontally center the fieldset */
}

.space {
    margin-right: 10px; /* Adjust the margin as needed */
}

/* Style for iframe */
iframe {
    overflow-y: auto;
    width: 100%;
    height: calc(100vh - 40px); /* Adjust height to account for tab buttons */
    border: none;
}

/* Style for the table */
table {
    display: inline-table;
    border-collapse: collapse;
    
    border: 2px solid dimgray; /* Set dark gray borders for the table */
}

/* Style for the header row */
thead {
    background-color: #f8f9fa; /* Light gray background for the header row */
}

/* Style for table header cells */
th {
    background-color: darkgray;
    border: 1px solid dimgray; /* Add borders to all sides of table headers */
    color: darkblue; /* Blue font color for table headers */
    padding: 8px;
    text-align: center;
}

td {
    border: 1px solid dimgray; /* Individual cell borders */
    padding: 3px 6px; /* Add padding to the left and right sides only */
}

/* Style for the "Save" button */
input[type="submit"] {
    /* Your existing styles for the button */
    background-color: darkblue;
    color: white;
    border: none;

}

/* Hover style for the "Save" button */
input[type="submit"]:hover {
    background-color: green; /* Change the background color on hover */
}