.rz-column-title {
    text-transform: none !important;
}
.group-container {
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
    background-color: #f9f9f9;
}

.group-title {
    font-weight: bold !important;
    font-size: 14px !important;
    text-align: center !important;
    padding: 10px 0;
    border-bottom: 1px solid #ddd !important;
    display: block !important;
    color: #f30000 !important;
}
.group-title-head {
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: left !important;
    padding: 10px 0;
    border-bottom: 1px solid #ddd !important;
    background-color:gainsboro;
    display: block !important;
    color: #3e3eff !important;
}

.mnss-info {
    margin:8px;
    background-color: #e7f3fe; /* Light blue background */
    border-left: 4px solid #2196F3; /* Blue left border */
    color: #0c5460; /* Darker blue text */
    padding: 12px 15px;
    border-radius: 5px; /* Subtle rounded corners */
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.05); /* Soft shadow */
}

    .mnss-info::before {
        content: "ℹ️"; /* Info symbol */
        font-size: 18px;
        margin-right: 8px;
    }
.justification-box {
    background-color: #f9f9f9; /* Light gray for subtle contrast */
    padding: 5px 14px;
    border-radius: 4px; /* Slightly rounded corners */
    width: 100%;
    font-size: 11px;
    /*color: #333; */
    box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); /* Light inner shadow */
    margin-top: 8px; /* Adds space from elements above */
    margin-bottom: 2px; /* Adds space from elements above */
}

    .justification-box::before {
        content: "ℹ️"; /* Info icon */
        font-size: 14px;
        margin-right: 6px;
    }
.info-box {
    background-color: #f8fbff; /* Light blue background */
    border-left: 4px solid #007bff; /* Blue accent */
    color: #222; /* Dark gray text */
    padding: 12px 16px;
    border-radius: 6px;
    font-size: 12px;
    display: flex; /* Flexbox to align icon and text */
    align-items: center; /* Align icon and text horizontally */
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.05);
    margin-bottom: 15px;
    width: 100%;
    gap: 10px; /* Space between icon and text */
}

    .info-box::before {
        content: "ℹ️"; /* Info icon */
        font-size: 18px;
        flex-shrink: 0; /* Prevents icon from resizing */
    }

.info-content {
    flex-grow: 1; /* Ensures text takes available space */
    display: flex;
    flex-direction: column; /* Keeps text and asterisk box stacked */
}

.asterisk-box {
    background-color: #ffede1; /* Light peach background */
    border-left: 4px solid #b33e00; /* Dark red border */
    padding: 2px 12px;
    border-radius: 6px;
    font-size: 12px;
    color: #b33e00; /* Dark red text */
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 5px; /* Space between asterisk and text */
    margin-top: 10px; /* Space from the info message */
    width: fit-content;
}

.red-asterisk {
    color: #b33e00;
    font-size: 13px;
    font-weight: bold;
}

.hide-mnss-info .mnss-info {
    display: none;
}



.op-row {
    align-items: flex-start;
}
.mnssop-checkbox {
    margin-bottom: 10px;
}
    .mnssop-checkbox.isCrucial {
        position: relative;
        color: #b33e00;
        padding: 6px 9px 3px 18px !important;
        line-height: 1;
        background: rgb(247 148 0 / 20%);
        border-radius: 5px;
    }
        .mnssop-checkbox.isCrucial:before {
            content: "★";
            position: absolute;
            left: 4px;
            font-size:12px;
            top: 40%;
            transform: translateY(-50%);
            width: 8px;
            height: 8px;
            /*background: url('../images/star.png');*/
            /*
            background-size: 8px;
            background-position: center;
            background-repeat: no-repeat;*/
        }