body {
}
#comment{
    /*width: 900px;*/
    width: 100%;
    max-width: 900px;
}
.cnt-comment {
    margin-top: 20px;
    min-height: 150px;
    color: #A4A4A4;
    background-color: #fff;
    position: relative;
    font-size: 15px;
    color: #050505;
}

.cnt-comment .hearder-comment {
    border-bottom: 1px solid #ccc;
    line-height: 40px;
    background-color: #fff;
    width: 130px;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 2px rgba(156, 156, 156, 0.42);
    color: #5b9fd6;
}

.cnt-comment .item {
    margin: 20px 0px 20px 0px;
    position: relative;
}

.cnt-comment .item .cnt-img {
    width: 50px;
    height: 50px;
    float: left;
}

.cnt-comment .item .cnt-img .img-avatar {
    width: 50px;
    height: 50px;
    border: 1px solid #ccc;
    border-radius: 50%;
}

.cnt-comment .item .content-comment {
    float: left;
    margin-left: 25px;
    position: relative;
    width: 75%;
    width: calc(100% - 75px);
    width: -webkit-calc(100% - 75px);
    width: -moz-calc(100% - 75px);
}
.cnt-comment .item .ext-comment{
    background-color: rgba(238, 238, 238, 0.28);
    height: 38px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #ddd;
    border-top: 0px;
    position:relative;
    border-radius: 0px 0px 4px 4px;
    z-index: 2;
}
.cnt-comment .item .ext-comment:before{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: .15;
    z-index: 1;
    background-image: url(data:image/png;base64,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);
}
.cnt-comment .ext-comment-act{
    z-index: 2;
    position: relative;
 }
.cnt-comment .item .ext-comment .fa{
    font-size: 17px;
    vertical-align: sub;
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
    color: #80909a;
}
.cnt-comment .item .ext-comment button.btn{
    float: right;
    font-size: 14px;
    padding: 3px 25px;
    border-radius: 30px !important;
    color: #8a8888 !important;
}
.cnt-comment .item .ext-comment button.btn .fa{
    vertical-align: baseline;
    font-size: 14px;
}
.cnt-comment .item .ext-comment button.btn:focus{
    outline: 0px;
}
.cnt-comment .item .ext-comment .icl-mathjax{
    background: url(../../images/math.png) no-repeat;
    height: 27px;
    width: 30px;
    display: block;
    background-size: 14px;
    background-position: center center;
    margin: 0px !important;
}
.cnt-comment .item .ext-comment .icl-attachment{
    background: url(../../images/28_KQHTXam.png) no-repeat;
    height: 27px;
    width: 30px;
    display: block;
    background-size: 18px;
    background-position: center center;
    margin: 0px !important;
}
.cnt-comment .item .content-comment .content-comment-detail {
    width: calc(100% - 15px);
}
.cnt-comment .item .content-comment .comment-action {
    margin-top: 10px;
}
.cnt-comment .item .content-comment .comment, .cnt-comment .item .content-comment .repcomment {
    /*line-height: 50px;*/
    min-height: 80px;
    border-radius: 4px 4px 0px 0px;
    width: 100%;
    padding-left: 10px;
    max-width: 100%;
    font-style: normal;
}
.cnt-comment .item .content-comment .emojionearea:after{
    content: '';
    width: 0px;
    height: 0px;
              
    border-right: 15px solid #fff;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 15px;
    left: -14px;
}
.cnt-comment .item .content-comment .emojionearea:before{
    content: '';
    width: 0px;
    height: 0px;
    border-right: 15px solid #ccc;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    position: absolute;
    top: 15px;
    left: -15px;
}
.cnt-comment .item .content-comment .focused:before,
.cnt-comment .item .content-comment .focused:before{
    border-right-color: #2c87d0;
}
.cnt-comment .item .content-comment .comment:focus ~ .ext-comment:before,
.cnt-comment .item .content-comment .repcomment:focus ~ .ext-comment:before{
    border-right-color: #2c87d0;
}
.cnt-comment .item .content-comment .comment:focus ~ .ext-comment .btn,
.cnt-comment .item .content-comment .repcomment:focus ~ .ext-comment .btn{
    background-color: #0077ac;
    color: #fff;
}
.cnt-comment .item .content-comment .author-comment {
    color: #555;
    font-weight: 600;
    font-size: 14px;
}
.cnt-comment .item .content-comment .role-comment {
    color: #fff;
    font-weight: 600;
    font-size: 11px;
    border-radius: 12px;
    background-color: #3688bf;
    margin-left: 5px;
    padding: 4px 12px;
}
.cnt-comment .item .content-comment .detail-comment {
    color: #000;
    overflow-wrap: break-word;
    width: 100%;
    display: block;
    margin-top: 10px;
    overflow-x:auto;
}

.cnt-comment .item .content-comment .reply-comment {
    color: #989898;
    cursor: pointer;
}

.cnt-comment .item .content-comment .circle-comment {
    margin: 6px;
    font-size: 6pt;
    color: #989898;
}
.cnt-comment .item .content-comment .circle-comment .fa{
    vertical-align: text-top;
}
.cnt-comment .item .content-comment .cnt-reply-comment {
    color: #989898;
    margin-top: 5px;
}

.cnt-comment .item .content-comment .icon-reply-comment {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.cnt-comment .item .content-comment .total-reply-comment {
    margin-left: 25px;
    cursor: pointer;
}

.cnt-comment .item .content-comment .detail-reply-comment {
    position: relative;
    margin-top: 10px;
}

.cnt-comment .item .content-comment .date-comment {
    font-size: 10pt;
    float: right;
    color: #989898;
    font-weight: 600;
}

.cnt-comment .item .content-comment .icon-mathjax {
    position: absolute;
    top: 5px;
    line-height: 20px;
    width: 36px;
    right: 30px;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.cnt-comment .item .content-comment .icon-mathjax .imgmath {
    background-image: url(../../images/math.png);
    height: 15px;
    width: 15px;
    background-size: 100%;
    margin-top: 5px;
}

.cnt-comment .item .content-comment .icon-mathjax:hover .imgmath {
    background-image: url(../../images/mathhover.png);
}

.cnt-comment .item .content-comment .row-bottom {
    position: absolute;
    right: 0px;
    top: -3px;
    font-size: 14pt;
    cursor: pointer;
    z-index: 99;
    display: none;
}

.cnt-comment .item .content-comment:hover .row-bottom {
    display: block;
    color: #888;
}

.cnt-comment .item .content-comment:hover .content-comment .row-bottom {
    display: none;
}

.cnt-comment .item .content-comment .content-comment:hover .row-bottom {
    display: block;
}

.cnt-comment .item .content-comment .box-edit {
    position: absolute;
    right: 0px;
    background-color: #fff;
    line-height: 30px;
    padding: 0px;
    border: 1px solid #ccc;
    color: #000;
    font-size: 14px;
    top: 30px;
    box-shadow: 5px 5px 5px #ccc;
    width: 150px;
    display: none;
    z-index: 101;
}

.cnt-comment .item .content-comment .box-edit .box-item {
    padding-left: 15px;
    line-height: 40px;
    border-bottom: 1px solid #ccc;
}
.cnt-comment .item .content-comment .box-edit .box-item .fa{
    margin-right: 5px;
}
.cnt-comment .item .content-comment .box-edit .box-item:hover {
    cursor: pointer;
    background-color: #0077ac;
    color: #fff;
}

.cnt-comment .viewmore {
    margin-bottom: 20px;
    color: #00769E;
    cursor: pointer;
}

.emojionearea-editor {
    padding: 15px 55px 15px 0px !important;
    min-height: 50px !important;
    max-height:none !important;
}

.emojionearea-button {
    top: 10px !important;
}

.cnt-comment .body-comment {
    /*padding: 15px;*/
    margin-top: 25px;
}
/*.cnt-comment .content-comment .item::before{
    content: '';
    left: -20px;
    position: absolute;
    height: calc(100% + 20px);
    border: 1px dotted #ccc;
    margin-top: -20px;
}
.cnt-comment .content-comment .item.input-comment::before{
    display:none;
}*/

@media only screen and (min-width: 992px) and (max-width: 1280px) {
}

/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

@media only screen and (max-width: 767px) {
    .emojionearea-editor {
        font-size: 16px !important;
        padding: 10px 50px 10px 0px !important;
        min-height: 40px !important;
    }

    .cnt-comment .item .content-comment .row-bottom {
        display: block;
    }

    .cnt-comment .item .content-comment:hover .row-bottom {
        display: block;
    }

    .cnt-comment .item .content-comment:hover .content-comment .row-bottom {
        display: block;
    }

    .cnt-comment .item .content-comment .content-comment:hover .row-bottom {
        display: block;
    }

    .cnt-comment .item .content-comment .icon-mathjax .imgmath {
        margin-top: 3px;
    }
    .cnt-comment .item .content-comment .icon-mathjax {
        right: 25px;
    }
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}
/* Wide Mobile Layout: 480px. */
@media only screen and (max-width: 480px) {
    .cnt-comment .item {
        margin: 10px 0px 10px 0px;
    }

    .cnt-comment .item .cnt-img {
        width: 40px;
        height: 40px;
    }

    .cnt-comment .item .cnt-img .img-avatar {
        width: 100%;
        height: 100%;
        object-fit:cover;
    }

    .cnt-comment .item .content-comment input {
        height: 40px;
        line-height: 40px;
    }

    .cnt-comment .item .content-comment .author-comment {
        font-size: 11pt;
    }

    .cnt-comment .item .content-comment .date-comment {
        font-size: 9pt;
    }

    .cnt-comment .item .content-comment {
        width: calc(100% - 75px);
    }

    .cnt-comment .item .content-comment .icon-mathjax {
        top: 6px;
        line-height: 20px;
    }

    .cnt-comment .body-comment {
        padding: 5px;
    }

    .cnt-comment .hearder-comment {
    }
    .cnt-comment .item .ext-comment button.btn{
            margin-right: 0px;
            padding: 3px 5px;
    }
    .cnt-comment .item .ext-comment{
        padding: 4px 10px 4px 10px;
    }
    .cnt-comment .item .ext-comment .icl-mathjax{
        margin-left:10px;
    }
}


.emojionearea .emojionearea-picker.emojionearea-picker-position-top .emojionearea-wrapper:after{
    left: 25px;
    right: initial;
}
.emojionearea .emojionearea-button.active + .emojionearea-picker-position-top{
    margin-top: -145px;
    left: -2px;
    right: initial;
}
.emojionearea-button{
    display: none;
}
.emojionearea .emojionearea-picker{
    -webkit-transition: none;
    transition: none;
}

/*Mới bổ sung 18/10/2017*/
.ext-comment .btn-group>.btn, 
.ext-comment .btn-group>.btn+.btn, 
.ext-comment .btn-group>.btn:first-child {
    margin: 0 1px 0 0;
}
.ext-comment .btn.btn-round {
    border-radius: 4px!important;
}
.ext-comment .btn-group+.btn-mini, 
.ext-comment .btn-group+.btn-minier, 
.ext-comment .btn-group+.btn-xs, 
.ext-comment .btn-group>.btn-mini, 
.ext-comment .btn-group>.btn-minier, 
.ext-comment .btn-group>.btn-xs, 
.ext-comment .btn.btn-white {
    border-width: 1px;
}
.ext-comment .btn-white.btn-default {
    border-color: #ABBAC3;
    color: #80909a!important;
}
.ext-comment .btn-white.btn-default.active, 
.ext-comment .btn-white.btn-default:active, 
.ext-comment .btn-white.btn-default:focus, 
.ext-comment .btn-white.btn-default:hover, 
.ext-comment .open>.btn-white.btn-default.active.dropdown-toggle, 
.ext-comment .open>.btn-white.btn-default.dropdown-toggle {
    background-color: #eff2f4!important;
    border-color: #ABBAC3;
    color: #6b8595!important;
}
.ext-comment .btn.btn-white, 
.ext-comment .btn.btn-white.no-hover:active, 
.ext-comment .btn.btn-white.no-hover:hover {
    background-color: #FFF!important;
}
.ext-comment .btn-white.btn-success.active, 
.ext-comment .btn-white.btn-success:active, 
.ext-comment .btn-white.btn-success:focus, 
.ext-comment .btn-white.btn-success:hover, 
.ext-comment .open>.btn-white.btn-success.active.dropdown-toggle, 
.ext-comment .open>.btn-white.btn-success.dropdown-toggle {
    background-color: #edf4eb!important;
    border-color: #a7c9a1;
    color: #6ea465!important;
}
.ext-comment .btn.btn-link, 
.ext-comment .btn.btn-link:hover, 
.ext-comment .btn.btn-white {
    text-shadow: none!important;
}
.ext-comment .btn-white.btn-success {
    border-color: #a7c9a1;
    color: #81a87b!important;
}
.ext-comment label.btn{
    padding: 0px;
}
.ext-comment label.btn .icon-only {
    vertical-align: top !important;
    line-height: 21px;
    margin: 3px 9px !important;
}
.ext-comment .green {
    color: #69AA46! important;
}
.ext-comment .ace-icon {
    text-align: center;
}

.ext-comment .bigger-110 {
    font-size: 130%! important;
}
.ext-comment .btn.btn-bold, 
.ext-comment .btn.btn-round {
    border-bottom-width: 2px;
}
.ext-comment .btn-mathjax{
    padding: 0px !important;
    margin-left: 5px;
}
.ext-comment .btn-attachment{
    padding: 0px !important;
    margin-left: 5px;
}