/* comm-list */
.comm-table {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.comm-table * {
    font-size: 12px;
}

.comm-table > thead > tr > th {
    height: 40px;
    font-size: 12px;
}

@media screen and (min-width: 576px) {
    .comm-table > thead > tr > th:nth-child(1) {
        width: 600px;
    }
}

.comm-table > tbody > tr > td {
    background-color: #f8f9fb;
    border-bottom: 1px solid #ccc;
    height: 30px;
    font-size: 13px;
    text-align: center;
    white-space: nowrap;
}

.comm-table > tbody > tr > td:nth-child(1) {
    /*background-color: #f8f9fb;*/
    font-weight: bold;
    text-align: left;
    white-space: normal;
}

.comm-title a {
    color: #333;
}

.comm-src, .comm-src a {
    color: #888;
    font-size: 12px;
}

.cmt-count {
    color: blue;
}

/* cmt-list */
.cmt-table {
    font-size: 13px;
    width: 100%;
}

.cmt-table tr {
    background-color: #fafafa;
    border-bottom: 1px solid #ddd;
}

.cmt-table tr:last-child {
    border: 0px solid #ddd;
}

.cmt-table p {
    font-size: 13px;
    margin: 0;
}

#cmt-content, .cmt-reply-content {
    border-radius: 0;
    font-size: 12px;
    min-height: 36px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#cmt-content {
    height: 88px;
}

.cmt-reply-content {
    height: 64px !important;
}

.cmt-table [data-prop="userNick"] {
    font-weight: bold;
}

.best-bedge {
    background-color: #007bff !important;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 3px 1px 3px;
}

.tbl_area {padding:20px 19px;}
.comm-table {margin: 20px 0; border-top:2px solid #e60510; border-left:1px solid #ccc; border-right:1px solid #ccc; }
.comm-table thead {background:#e9e9e9}
.comm-table tr {border:none !important}
.comm-table th, .tbl_area table td {position:relative; color:#212529}
.comm-table th:after {content:''; position:absolute; top:50%; left: 0; display: block; width:1px; height:10px; margin-top:-5px; background:#d0d0d0 }
.comm-table th:first-child:after,
.comm-table td:first-child:after{content:''; display: none;}

.tbl_area table.dataTable thead .sorting {background: url('/rsc/css/img/etc/sort_both2.png') no-repeat 60% center;}
.tbl_area table.dataTable thead .sorting_asc {background: url('/rsc/css/img/etc/sort_asc2.png') no-repeat 60% center;}
.tbl_area table.dataTable thead .sorting_desc {background: url('/rsc/css/img/etc/sort_desc2.png') no-repeat 60% center;}

.card-body_new {padding:0 20px;border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.card-body_new button {background: transparent;border:none;
    display:inline-block;
    font-weight: 600;
    height: 36px;
    margin: 0 1.5% 0 0;
    padding:0;border-bottom:none;background: transparent;
    vertical-align: top;font-size:14px; line-height:37px; color:#333;
}
.card-body_new button:hover {background: transparent;}