.mid-status-legend {
    margin-bottom: 20px;
}

.mid-status-legend .mid-status {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin-right: 10px;
	max-width: 150px;
	text-align: center;
    width: 100%; /* Ensures the text is centered within the max-width */
}

.mid-location {
    margin-bottom: 40px;
}

.mid-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.mid-table th,
.mid-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.mid-table th {
    background-color: #f2f2f2;
}

.mid-status.good {
    background-color: green;
    color: white;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.mid-status.issue {
    background-color: yellow;
    color: black;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.mid-status.down {
    background-color: red;
    color: white;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.mid-table td:first-child,
.mid-table th:first-child {
    width: 20%;
}

.mid-table td:nth-child(2),
.mid-table th:nth-child(2) {
    width: 15%;
}

.mid-table td:nth-child(3),
.mid-table th:nth-child(3) {
    width: 15%;
}

.mid-table td:nth-child(4),
.mid-table th:nth-child(4) {
    width: 40%;
}

.submit {
    margin-top: 20px;
}