#theFroalaEditor .fr-wrapper {
    background-color: white !important;
    background: white !important;
    height: 100% !important;


}

.bulb-icon-on .x-fa {
    color: gold;
  }

.student-comment-text {
    text-align: left !important;
    word-wrap: break-word; /* optional, ensures long text wraps */
}

.student-comment-item .x-inner {
    text-align: left !important;
}


.student-comment-checkbox {
    border: 1px solid #888;
    border-radius: 3px;
    background-color: #fff;
}

.student-comment-checked {
    background-color: #4CAF50;
}

.student-comment-unchecked {
    background-color: #fff;
}

/* .student-comment-locked {
    opacity: 0.6;
    pointer-events: none;
} */


.froala-highlight {
    background-color: #ffeb3b !important;
    transition: background-color 0.5s ease;
    display: inline-block;  /* ensures the background shows even if span is empty */
}

.draft-history {
    background-color: yellow !important; /* very pale yellow */
    transition: background-color 0.3s ease;
}



#theFroalaEditor .fr-second-toolbar {
    background: white !important;
    height: 0px !important;
    display: none;
}

#theFroalaEditor .fr-element .fr-view {

    height: 100% !important;
    background-color: white !important;

}

#theFroalaEditor .fr-view {

    height: 100% !important;
    background-color: white !important;
}



#theFroalaEditor .fr-view p {

    margin: 0;

}

#theFroalaEditor .fr-view p:first-of-type {
    padding-top: 10px;
}

#theFroalaEditor .fr-newline {
    background: white !important;
    height: 0px !important;
    display: none;
}