.newcomment_list ul li,
form,
li,
p,
ul {
    list-style-type: none
}

body {
    font-family: Roboto, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
    height: 100%;
    overflow: hidden;
    background-color: transparent;
    color: var(--vj-cl-cmt4);
}

.comment_widget {
    width: 100%;
    overflow: hidden
}

.comment_widget a {
    color: #000;
    text-decoration: none
}

.comment_widget .comment_head {
    width: 100%;
    float: left;
    margin-top: 7px;
    margin-bottom: 15px
}

.comment_widget .comment_head i {
    width: 24px;
    height: 22px;
    margin: 2px 7px 0 0;
    vertical-align: middle;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAYAAADafVyIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEFGODdCQzBENEZEMTFFNzk1NDFGMjkwQjhBNUZEMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEFGODdCQzFENEZEMTFFNzk1NDFGMjkwQjhBNUZEMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4QUY4N0JCRUQ0RkQxMUU3OTU0MUYyOTBCOEE1RkQxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4QUY4N0JCRkQ0RkQxMUU3OTU0MUYyOTBCOEE1RkQxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pl23e2sAAADZSURBVHjaYrz54Ln2kXO3m169++TPwMDAzEAd8I+fh3Ojs4VWAbOmhdfedx+/GgMFORioBxh//voj9/bDVweWT1++6zLQBnADQ8WUiYG2gJHWFjCMWjBqwagFw8WCfzQ0/x8THw/nLiDjLQ0MfyUmxLuFycVCKxXIOEKET34D8X8iDf8DdPgmGyO1VMb///8T7aTLt5/0bT10MRbIFIGJVSR7M1ItknVVZcoTA2zT2VlZHhPrG1JT0W9xYb71mRFOvsBgXQvkfyWoAxREZGKhzQcvTCWkDiDAACHnhM162KuWAAAAAElFTkSuQmCC) no-repeat;
    display: inline-block;
    float: left;
}

.comment_widget .comment_head span {
    display: inline-block;
    float: left;
    font-family: Merriweather, serif;
    font-size: 18px;
    font-weight: 900;
    width: calc(100% - 60px);
}

.comment_widget .comment_head p {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    font-weight: 400
}

.comment_widget .comment_login {
    width: 100%;
    float: left;
    margin-bottom: 15px;
    display: none
}

.comment_widget .new_commentwrap {
    padding: 0;
    position: relative;
    float: left;
    height: 50px
}

.comment_widget .new_commentwrap .com_head {
    margin: 0;
    float: left;
    width: 100%
}

.comment_widget .new_commentwrap .com_head .com_socialwrap {
    width: calc(100% + 20px);
    float: left;
    box-sizing: border-box
}

.comment_widget .new_commentwrap .com_head>span {
    text-align: left;
    width: 100%;
    float: left;
    height: 25px;
    color: #2B2B2B;
    font-size: 13px
}

.comment_widget .new_commentwrap .com_head .com_socialwrap a {
    display: inline-block;
    position: relative;
    margin: 0 8px 0 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    padding: 6px 9px;
    font-size: 12px;
    border-radius: 30px;
    background-color: #919191;
    border-bottom: 2px solid #6d6d6d;
    -webkit-transition: padding .2s, font-size .2s, margin .2s;
    transition: padding .2s, font-size .2s, margin .2s
}

.comment_widget .new_commentwrap .com_head .com_socialwrap a:hover {
    padding: 6px 11px;
    font-size: 14px;
    margin: -2px 8px 0 0
}

.comment_widget .new_commentwrap .com_head .com_socialwrap a:last-child {
    margin-right: 0
}

.comment_widget .new_commentwrap .com_head .com_socialwrap .com_fbook {
    background-color: #475993;
    border-color: #445385;
    left: 116px
}

.comment_widget .new_commentwrap .com_head .com_socialwrap .com_twitter {
    background-color: #000;
    border-color: #333;
    left: 64px
}

.comment_widget .new_commentwrap .com_head .com_socialwrap .com_gplus {
    background-color: #f34a38;
    border-color: #da4f3f;
    right: 20px
}

.comment_widget .new_commentwrap .com_head .com_socialwrap .com_anony {
    background-color: #919191;
    border-color: #898989;
    right: 100px
}

.comment_widget .new_comment_box {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    background: 0 0
}

.comment_widget .loginbutton {
    float: left;
    width: 100%;
    color: #069;
    text-align: center;
    margin-bottom: 10px
}

.comment_widget .loginbutton input {
    float: none;
    color: #fff;
    cursor: pointer;
    padding: 5px 15px 3px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    text-decoration: none;
    position: relative;
    width: auto;
    height: 30px;
    background-color: var(--vj-cl-cmt3);
    border: none;
    border-radius: 30px;
    border-bottom: 2px solid var(--vj-cl-cmt3);
    transition: all .2s ease;
    -webkit-appearance: none
}

.comment_widget .loginbutton input:hover {
    transform: scale(1.1)
}

.comment_widget .comments_content,
.comment_widget .comments_txt,
.comment_widget .comments_txt ul,
.comment_widget .comments_txt ul li {
    width: 100%
}

.comment_widget .comments_txt ul li {
    color: var(--vj-cl-cmt4);
    list-style-type: none;
    margin-bottom: 20px
}

.comment_widget .comments_txt ul li span {
    border-color: var(--vj-cl-cmt7);
    display: inline-block;
    text-transform: uppercase
}

.comment_widget .comments_txt ul li>div>span {
    font-size: 12px
}

.comment_widget .comments_txt ul li span strong {
    font-weight: 900
}

.comment_widget .comments_txt ul li span a {
    color: var(--vj-cl-cmt4);
}

.comment_widget .comments_txt ul li li {
    margin: 15px 0 0;
    padding: 0 0 0 15px;
    box-sizing: border-box
}

.comment_widget .comments_txt ul li p {
    font-size: 13px;
    font-family: Merriweather, serif;
    font-weight: 400;
    line-height: 18px
}

#anonymous-login input,
.write_box_widget textarea {
    background: var(--vj-cl-cmt5);
    background-color: var(--vj-cl-cmt5);
    border-color: var(--vj-cl-cmt5);
    font-family: Roboto, Arial, Helvetica, sans-serif;
    resize: none;
    -webkit-appearance: none;
    box-sizing: border-box
}

.comment_widget .comments_txt {
    height: calc(100vh - 150px);
    padding-right: 5px;
    margin-bottom: 10px;
    overflow: hidden;
    overflow-y: auto;
    box-sizing: border-box
}

::-webkit-scrollbar-track {
    border-radius: 7px;
    background-color: #ececec
}

::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: #c1c1c1
}

::-webkit-scrollbar-thumb {
    border-radius: 7px;
    background-color: #c1c1c1
}

form,
li,
p,
ul {
    margin: 0;
    padding: 0
}

.comment_widget .comments_txt::-webkit-scrollbar-corner {
    background-color: transparent
}

.comment_widget .comment_error {
    font-size: 13px;
    font-weight: 400;
    color: red;
    margin-bottom: 10px
}

.comment_widget .morecomment_bot {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
    height: 30px
}

.comment_widget .morecomment_bot span {
    font-size: 13px;
    background: #ddd;
    border-radius: 20px;
    padding: 5px 10px;
    line-height: 0
}

.comment_widget .morecomment_bot span a {
    color: #000
}

.write_box_widget {
    width: calc(100% - 10px);
    float: left;
    margin-bottom: 10px
}

.write_box_widget textarea {
    background: var(--vj-cl-cmt5);
    background-color: var(--vj-cl-cmt5);
    border-color: var(--vj-cl-cmt5);
    width: 100%;
    height: 30px;
    line-height: 18px;
    margin: 0 0 10px;
    padding: 5px 8px;
    border-radius: 3px;
    font-size: 13px;
    color: var(--vj-cl-cmt4);
}

#anonymous-login input:focus,
.write_box_widget textarea:focus {
    background: var(--vj-cl-cmt5);
    background-color: var(--vj-cl-cmt5);
    border-color: var(--vj-cl-cmt5);
    outline: 0
}

#anonymous-login input::placeholder,
.write_box_widget textarea::placeholder {
    color: #666
}

#afcommentbtn {
    display: none
}

.sortby {
    width: calc(100% - 10px);
    display: block;
    float: left;
    margin: 0 0 15px;
    padding: 0 1px 0 0;
    border-bottom: 1px solid var(--vj-cl-cmt2);
    box-sizing: border-box;
    text-align: right
}

.sortby .select-style {
    width: 40%;
    float: right;
    overflow: hidden;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAYAAAB4ka1VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGM0RFMzczMTI1OTExRThBRkVFQThCQzQ1MUU5MzMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGM0RFMzc0MTI1OTExRThBRkVFQThCQzQ1MUU5MzMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUYzREUzNzExMjU5MTFFOEFGRUVBOEJDNDUxRTkzMzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUYzREUzNzIxMjU5MTFFOEFGRUVBOEJDNDUxRTkzMzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7FKT03AAAAVUlEQVR42myM0QnAMAhEY/4dwp3MALqeQzmEA9heIKWUPlDO83SaWd+Mv8JuVtVw9x4f4GG3k6ra70/Q8KAJDay1mpm3xmVEEPQTACKyh8yk410CDACFL0Vd3nxk7AAAAABJRU5ErkJggg==) 100% 50% no-repeat;
    position: relative
}

.sortby .select-style:after {
    width: 30px;
    height: 23px;
    background: var(--vj-cl-cmt1);
    content: "";
    position: absolute;
    left: 0;
    top: 0
}

.sortby .select-style select {
    color: var(--vj-cl-cmt4);
    padding: 5px 10px 6px;
    width: 100%;
    border: none;
    box-shadow: none;
    background: 0 0;
    -webkit-appearance: none;
    text-transform: uppercase;
    direction: rtl;
    text-align: right;
    font-size: 11px
}

.sortby .select-style select option {
    direction: rtl;
    text-align: right;
    -webkit-appearance: none;
    width: 100%;
    padding: 0
}

.sortby .select-style select:focus {
    outline: 0;
    -webkit-appearance: none
}

.dateline {
    padding-top: 10px
}

.dateline span {
    color: var(--vj-cl-cmt4);
    font-size: 11px;
    margin: 0
}

.com_interactives {
    background-color: var(--vj-cl-cmt2);
    border: 1px solid var(--vj-cl-cmt7);
    margin: 5px 0 0;
    display: table
}

.com_interactives span {
    position: relative;
    padding: 3px 6px 6px;
    margin-bottom: 0;
    text-align: center;
    border-right: solid 1px var(--vj-cl-cmt7);
    box-sizing: border-box;
    font-weight: 400;
    line-height: 13px
}

.com_interactives span:last-child {
    border-right: none
}

.com_interactives a {
    font-size: 11px;
    color: #000
}

.ra_response {
    font-size: 13px;
    color: #666;
    margin: 5px 0 10px;
    background-color: #f5f5f5;
    float: left;
    padding: 5px;
    width: 100%;
    box-sizing: border-box
}

.com_interactives span.liked {
    font-weight: 700;
    font-size: 11px;
    padding: 0
}

.com_user_text {
    width: 100%;
    margin: 5px 0 0
}

#anonymous-login,
.after_login {
    width: 100%;
    float: left;
    margin-bottom: 10px
}

#anonymous-login {
    background: 0 0;
    padding: 0;
    margin-bottom: 10px !important
}

#anonymous-login input {
    width: 48%;
    height: 30px;
    line-height: 18px;
    padding: 5px 8px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 13px
}

#anonymous-login input:last-child {
    float: right
}

.after_login ul {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%
}

.after_login ul li {
    width: 70%;
    float: left;
    font-size: 12px;
    font-weight: 400;
    color: #000;
    display: table
}

.subs_login,
.user_icon {
    display: table-cell;
    vertical-align: middle
}

.sign_out,
.sign_out:before,
a.member {
    display: inline-block
}

.avtar {
    width: 36px;
    height: 36px;
    border-radius: 100%
}

.subs_login {
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box;
    line-height: 14px
}

.email_subc {
    text-align: right;
    margin-top: 4px
}

.email_icon {
    float: right;
    margin-left: 5px
}

#comment-reply,
.newcomment_list,
.newcomment_list ul,
.newcommentlist_wrap {
    float: left;
    width: 100%
}

a.member {
    font-weight: 700
}

a.email-sub,
a.logout {
    color: #326891;
    font-weight: 400
}

#comment-reply {
    margin-bottom: 5px
}

.newcommentlist_wrap {
    background: var(--vj-cl-cmt2);
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box
}

.newcomment_list ul li span {
    display: inline-block;
    text-transform: uppercase
}

.newcomment_list ul li>div>span {
    font-size: 12px
}

.newcomment_list ul li span strong {
    font-weight: 900
}

.newcomment_list ul li span a {
    color: var(--vj-cl-cmt4);
}

.newcomment_list ul li p {
    font-size: 13px;
    font-family: Merriweather, serif;
    font-weight: 400;
    line-height: 18px
}

a.btn_cancel {
    float: right;
    text-align: right;
    color: var(--vj-cl-cmt6);
    position: relative;
    margin-right: -10px
}

.sign_out {
    margin-left: 5px;
    position: relative
}

.sign_out:before {
    content: "|";
    color: inherit;
    margin-right: 5px
}

.replycomt {
    color: var(--vj-cl-cmt4);
    float: left;
    font-size: 12px;
    line-height: 1.5em;
    width: 100%
}

#subscription {
    font-size: 12px;
    color: #666;
    margin-bottom: 3px
}

#subscription a {
    color: #326891
}

.comment_logindetail {
    font-size: 12px;
    margin-bottom: 10px;
    background: #f5f5f5;
    padding: 5px;
    float: left
}

#confirmEmail {
    width: 47%
}

.comment_logindetail input {
    padding: 2px 5px;
    border-radius: 3px;
    border: 1px solid #ddd;
    font-size: 12px;
    -webkit-appearance: none
}

.comment_logindetail input:focus {
    outline: 0;
    -webkit-appearance: none
}

@media screen and (max-device-width:768px) {

    .comment_widget .new_commentwrap .com_head .com_socialwrap a,
    .write_box_widget textarea {
        font-size: 14px
    }

    body {
        font-family: -apple-system, Arial, Helvetica, sans-serif
    }

    .comment_widget .comment_head span,
    .comment_widget .comments_txt ul li p,
    .comment_widget .loginbutton input,
    .newcomment_list ul li p,
    .write_box_widget textarea {
        font-family: inherit
    }

    .comment_widget .comments_txt {
        height: auto !important;
        max-height: none;
        padding-right: 0;
        margin-bottom: 0
    }

    .comment_widget .comment_head i {
        margin: -2px 7px 0 0
    }

    .comment_widget .comment_error,
    .comment_widget .new_commentwrap .com_head>span {
        font-size: 15px
    }

    .sortby,
    .write_box_widget {
        width: 100%
    }

    .sortby {
        height: 24px
    }

    .sortby .select-style select {
        font-size: 12px
    }

    .comment_widget .comments_txt ul li p,
    .newcomment_list ul li p {
        font-size: 15px;
        line-height: 20px
    }

    .comment_widget .comments_txt ul li>div>span,
    .newcomment_list ul li>div>span {
        font-size: 13px
    }

    .ra_response {
        font-size: 15px;
        line-height: 20px
    }

    .com_interactives span {
        padding: 3px 6px 5px
    }

    .com_interactives a,
    .dateline span {
        font-size: 12px
    }

    .comment_widget .morecomment_bot span {
        font-size: 15px;
        padding: 7px 15px
    }

    .after_login ul li,
    .comment_logindetail {
        font-size: 13px
    }

    .comment_widget .comments_txt ul li {
        margin-bottom: 25px
    }

    .subs_login {
        line-height: 16px
    }
}

@media screen and (max-device-width:768px) {
    .comment_widget .comments_txt {
        max-height: inherit !important;
        overflow: auto !important;
    }

    .comment_widget .morecomment_bot span {
        font-size: 13px;
        background: #000;
        border-radius: 20px;
        padding: 5px 10px;
        line-height: 0;
    }

    .comment_widget .morecomment_bot span a {
        color: #999;
    }
}

.comment_widget .success {
    color: #249224
}