.info-circle {
    width: 12px; /* Circle width */
    height: 12px; /* Circle height */
    background-color: dimgrey;
    color: white; /* White text */
    border-radius: 50%; /* Makes it a circle */
    display: inline-flex; /* Center content horizontally & vertically */
    align-items: center;
    justify-content: center;
    font-size: 9px; /* Size of the "i" */
    font-weight: bold; /* Make "i" bold */
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* Optional shadow */
    position: relative;
    top: -3px;
}

.info-circle:hover {
    background-color: #1599c6; /* Darker blue on hover */
    cursor: pointer; /* Pointer cursor on hover */
}

.error {
    color: red;
}

.error-header {
    color: #fff;
    background-color: red;
}

input.error {
    border: 1px solid coral;
}

select.error {
    border: 1px solid coral;
}

textarea.error {
    border: 1px solid coral;
}

input.form-control {
    border-radius: 4px;
    height: 34px;
}

select.form-control {
    border-radius: 4px;
    height: 34px;
}

textarea.form-control {
    border-radius: 4px;
}