.modalCommentBackdrop {
    background-color: white !important;
    opacity: 0.5 !important;
}

.buttonStyle:hover {
    cursor: pointer;
    opacity: .5;
}

.dialogModal div:not(.existingCommentBLock):not(.existingCommentSection):not(.existingCommentSectionBLockText):not(.existingCommentBLockContainer) {
    border-radius: 25px !important;
    border-color: #B8B8B8;
    background-color: #B8B8B8;
    font-size: 20px;
}

.modal-90w {
    min-width: 60%;
    min-height: 60%;
}

.buttonCommentSubmit {
    color: white !important;
    border-radius: 30px !important;
}

.buttonCommentSubmit:hover {
    cursor: pointer;
    opacity: .5;
}

.textareaComment {
    font-size: 20px;
    border-radius: 15px !important;
    resize: none;
    padding-top: 20px !important;
    padding-left: 20px !important;
    max-height: 150px;
    overflow-y: auto;
}

#count-comment {
    margin-top: -35px;
    margin-right: 20px;
}

.disableButtonComment {
    pointer-events: none;
    background-color: #8AE11B !important;
    opacity: .5;
}

.existingCommentSection {
    min-height: calc(57px + 1rem);
    max-height: 250px;
    background-color: #ffffff!important;
    overflow-y: auto;
    border-radius: 15px 15px 15px 15px !important;
}

.existingCommentSection hr. {
    width: calc(100% - 12px);
    float: right;
}

.blankFirstElem {
    margin-block-start: 1rem;
}

.blankLastElem {
    margin-block-end: 1rem;
}

.existingCommentSectionBLockDate {
    font-weight: 500;
    font-size: 1rem;
    font-style: normal;
    white-space: nowrap;
}

.existingCommentSectionBLockText {
    font-size: 1rem;
}

.existingCommentSectionBLockTextPartText {
    margin-right: 10px;
}

/* scrollbar width */
.existingCommentSection::-webkit-scrollbar,
.textareaComment::-webkit-scrollbar {
    width: 12px;
}

.existingCommentSection::-webkit-scrollbar-track,
.textareaComment::-webkit-scrollbar-track {
    background: white;
    border-top-right-radius: 45px;
    border-bottom-right-radius: 45px;
}

.existingCommentSection::-webkit-scrollbar-thumb,
.textareaComment::-webkit-scrollbar-thumb {
    background: #5d5d5d;
    border-radius: 25px;
}

.existingCommentSection::-webkit-scrollbar-thumb:hover,
.textareaComment::-webkit-scrollbar-thumb:hover {
    background: #e0e0e0; /* Lighter color on hover */
}