﻿/*.red-flag .form-control:enabled {
    border-color: #ff000066;
}
    .red-flag .form-control:disabled {
        border-color: #E4E6EF;
    }*/

/* Red Flag Comments Styles */
/*.red-flag {
    margin-top: 15px;
    margin-bottom: 15px;
}

.red-flag .form-label {
    font-weight: 500;
}

.red-flag .required-field {
    color: #dc3545;
    margin-left: 4px;
}

.red-flag .form-control {
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    resize: vertical;
    transition: all 0.15s ease-in-out;
}

.red-flag .form-control:focus {
    border-color: #ff0000;
    box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.red-flag .form-control.validation-error {
    border-color: #dc3545;
}*/

/* Hide validation message when checkbox unchecked */
/*.red-flag:not(.show) .validation-message {
    display: none;
}*/

/* Bootstrap display utilities */
/*.d-none {
    display: none !important;
}

.d-block {
    display: block !important;
}*/

/* Red Flag Comments Control */
/*.red-flag {
    display: none;
}

.red-flag.show {
    display: block;
}*/


/* Red Flag Comments Control - Base Styles */
.red-flag {
    display: none; /* Hidden by default */
    margin-top: 15px;
    margin-bottom: 15px;
}

    /* Show when checkbox is checked */
    .red-flag.show {
        display: block;
    }

    /* Input field styles */
    .red-flag .form-control {
        border: 1px solid #dee2e6;
        border-radius: 4px;
        padding: 10px;
        width: 100%;
        resize: vertical;
        transition: all 0.15s ease-in-out;
    }

        /* Input states */
        .red-flag .form-control:enabled {
            border-color: #ff000066;
        }

        .red-flag .form-control:disabled {
            border-color: #E4E6EF;
        }

        .red-flag .form-control:focus {
            border-color: #ff0000;
            box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
        }

        /* Validation styles */
        .red-flag .form-control.validation-error {
            border-color: #dc3545;
        }

    /* Hide validation message when checkbox unchecked */
    .red-flag:not(.show) .validation-message {
        display: none;
    }

    /* Label styles */
    .red-flag .form-label {
        font-weight: 500;
    }

    .red-flag .required-field {
        color: #dc3545;
        margin-left: 4px;
    }

/* Checkbox container styles */
.red-box-checkbox {
    display: flex;
   /* align-items: center;*/
    margin-bottom: 0;
}