.cm-box {
    width: 100%;
}
.cm-border {border-radius: 6px;}
.cm-area {
    width: 100%;
}
.cm-userarea {
    border-bottom: 0;
}
.cm-user {margin-bottom: 30px; border: 1px solid #a2a2a2; padding: 20px; border-radius: 8px;}

.cm-editor {
    border: 1px solid #a2a2a2;
}
.cm-form-elem {
    border: 1px solid #86939f;
    background: #181a1b !important;
    color: rgb(181, 175, 166) !important;
}
.form-control:focus {
    box-shadow: 0 0 0 0.2rem rgb(92 132 175 / 25%)
}
.cm-btn {
    border-color: rgb(181, 175, 166);
    background: #1b1e1f;
    color: #fff;
}
.cm-btn:hover {
    color: #fff;
    border-color: rgb(57, 62, 64);
    background-color: rgb(38, 41, 43);
}
.cm-user-action, .cm-btn-cancel {
    border: none;
    outline: none;
    background: none;
}
.cm-btn-cancel {
    color: #fff;
    font-size: 15px;
    /* text-decoration: underline; */
}
.cm-user-action {color: #c5c6c7;}
.cm-user-action .icon-like {font-size: 15px;}
.cm-user-action .icon-share {font-size: 18px;}

@media screen and (max-width: 890px) {
    /* .cm-area {width: 80%;} */
}

@media screen and (max-width: 500px) {
    .cm-box {padding: 20px 10px !important;}
    /* .cm-area {width: 95%;} */
    .cm-hd { font-size: 24px; margin-bottom: 20px !important;}
}