.comment-input > .form-control {
    padding: 0;
}

.comment-input.focused > .form-control {
    border-color: #9a9a9a;
}

.comment-input textarea.form-control,
.comment-input .form-comment,
.comment-input [input-contenteditable] {
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.comment-input .inputfile-2 + label {
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.comment-input > .form-control.is-invalid,
.comment-input.is-invalid > .form-control {
    border-color: #dc3545;
}

.comment-input.focused > .form-control.is-invalid,
.comment-input.focused.is-invalid > .form-control {
    border-color: #dc3545;
    box-shadow: 0 0 0 0.2rem rgb(220 53 69 / 25%);
}

.comment-input .form-control.is-invalid:focus,
.comment-input.is-invalid > .form-control:focus {
    border-color: none;
    box-shadow: none;
}

.comment-input [contenteditable="true"] {
    white-space: pre-line;
    min-height: 100px;
    height: auto !important;
    max-height: 320px !important;
    overflow: auto;
    width: 100%;
    color: #272727;
}

.comment-input [contenteditable="true"]:empty:before {
    content: attr(placeholder);
    pointer-events: none;
    display: block; /* For Firefox */
    color: #6c757d;
    opacity: 1;
    font-weight: 400;
}

.comment-input .form-group.contenteditable {
    margin-bottom: 0;
}