.custom-container {
    background-color: rgb(238, 235, 235);
    font-size: xx-small;
    text-align: left;
    width: 90%;
    margin: 10%;
    padding: 1%;
}
form {
    font-family: Arial, sans-serif;
}

.form-container {
    display: table;
    width: 100%;
    font-size: x-small;
}

.form-row {
    display: table-row;
    height: 1%;
}

.form-row > label:first-child {
display: table-cell;
font-size: small;
width: 30%;
padding: 8px 15px 8px 5px;
font-weight: bold;
text-align: right;
vertical-align: middle;
}

.radio-options label {
    text-align: left;
    font-weight: normal;
    margin-left: 5px;
    padding: 0;
    width: auto;
    display: inline;
}

.form-row input[type="text"],
.form-row input[type="number"],
.form-row input[type="url"],
.form-row select,
.form-row .radio-group,
.form-row .image-view,
.form-row input[type="file"] {
    display: table-cell;
    width: 70%;
    padding: 8px 5px 8px 15px;
    vertical-align: middle;
}

.radio-group {
    display: flex;
    align-items: center;
    gap: 15px;
}

.radio-group label {
    width: auto;
    font-weight: normal;
    text-align: left;
    padding: 0;
}

.form-row {
margin-bottom: 15px;
}

.input-group {
display: flex;
align-items: center;
}

.image-view {
display: flex;
gap: 10px;
align-items: center;
}

#fileNameDisplay {
color: #666;
min-width: 200px;
}

.view-btn {
background: #f0f0f0;
border: 1px solid #ddd;
padding: 6px 12px;
border-radius: 4px;
cursor: pointer;
}

.view-btn:hover {
background: #e0e0e0;
}

input[required] + label::after,
label[for="categoryType"]::after,
label[for="vehicleCategory"]::after {
    content: " *";
    color: red;
}



table {
    font-size: x-small;
    width: 100%;
    padding: 5px;
}
.submit-group {
display: flex;
justify-content: center; /* Center horizontally */
align-items: center; /* Center vertically (if needed) */
padding: 20px 0;
width: 100%;
margin-left: 120%;
}

.submit-btn {
background-color: #4CAF50; /* Green color */
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
font-size: 16px;
transition: background-color 0.3s ease; /* Smooth hover effect */
}

.submit-btn:hover {
background-color: #45a049; /* Darker green on hover */
}
