@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin-ext,vietnamese');
/*comment*/
.box-reply,.row,.tool-like{overflow:hidden}.row{margin-left:-10px;margin-right:-10px}.row .col-sm-6{padding-right:10px;padding-left:10px;width:50%;float:left}.icon-comment,.icon-like{width:16px;height:16px;display:inline-block;vertical-align:middle}body{font-size:13px;color:#333;font-family:Roboto,sans-serif;line-height:1.3}button{cursor:pointer}a{text-decoration:none}img{max-width:100%;display:inline-block}*,::after,::before{box-sizing:border-box}.icon-like{background:url(../images/16.png) 0 -512px no-repeat}.icon-comment{background:url(../images/16.png) 0 -80px no-repeat}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.mr-3,.mx-3{margin-right:1rem!important}.media-body{-ms-flex:1;flex:1}.comment .mt-0{font-size:14px;color:#e32;margin-top:0;margin-bottom:5px;position:relative}.mt-0,.my-0{margin-top:0!important}.comment p{margin-top:0}.plugin-comment h3{font-size:16px;font-weight:700;margin-bottom:15px}.comment{background:#f4f4f4;margin-bottom:10px;padding:10px}.wrapper-comment{margin-top:10px}.media-body .mt-0{font-size:14px;color:#e32;margin-top:0;margin-bottom:5px}.comment p{margin-bottom:8px}.wrapper-comment .media.mt-3{margin-left:49px;background:url(../images/border-m.png) bottom left repeat-x;padding-bottom:8px;margin-top:8px!important}.btn-readmore{height:30px;line-height:30px;color:#333;text-align:center;background:#f4f4f4;display:block}.btn-readmore:hover{color:#e32}.tool-like{color:#727b8a;font-size:11px;}.tool-like .count{float:right;margin-right:7px}.tool-like .time-cm{float:right;padding-left:9px;position:relative}.tool-like .time-cm:after{position:absolute;content:"";width:2px;height:2px;left:0;top:5px;background:#999;border-radius:50%}.tool-like span{margin-right:10px;cursor:pointer}.tool-like .time{float:right}.viewmore{display:block;margin:8px 0;color:#333;text-align:right;font-size:12px}.viewmore:hover{color:#e32}.comment-write.bordered{padding:20px 0 10px;background:url(../images/border-h.png) top left repeat-x;margin-top:15px}.btn-send-cm{cursor:pointer;font-size:14px;padding:0 35px;height:32px;line-height:32px;color:#fff;background:#4e4e4e;margin:10px 0 0;display:inline-block;border:none;border-radius:2px}.comment-write{margin-top:10px}.comment-write h4{font-size:16px;margin-top:0;font-weight:700;color:#222}.comment-write textarea{height:100px;padding:5px 15px;background:#fbfbfb;border:1px solid #f6f6f6;width:100%;resize:none;color:#727b8a}.box-reply{height:0;transition:all .2s ease-in-out 0s}.tool-like.show .box-reply{height:93px;padding-top:10px}.box-reply textarea{padding:6px 10px;border:1px solid #ddd;resize:none;height:50px;width:100%;clear:both;margin-bottom:5px}.box-reply .btn-cmt-s{float:right;height:24px;line-height:25px;padding:0 15px;margin:0;border:none;background:#e32;color:#fff;text-transform:uppercase;border-radius:2px;cursor:pointer}.box-reply .btn-cmt-s:hover{background:#a4071c}.show .btn-reply-s{opacity:.8}.plugin-comment p{margin-top:0}

/*popup*/
.wrapPopup{height:auto;width:100%;left:0;min-height:100%;position:fixed;right:0;top:0;z-index:99999;background:rgba(0,0,0,.6);display:none}.wrapPopup .popup{-webkit-box-shadow:0 2px 26px rgba(0,0,0,.3),0 0 0 1px rgba(0,0,0,.1);position:absolute;width:500px;min-height:100px;background-color:#fff;top:50px;left:50%;margin-left:-250px;z-index:99999}.wrapPopup .popup .loading{text-align:center;padding-top:30px}.popup .content{width:auto;float:none}.centerPopup section header{min-height:12px;position:relative;background-color:#f5f6f7;height:auto;overflow:hidden;clear:both;border-bottom:1px solid #e5e5e5;padding:10px 12px;text-shadow:0 1px 0 #fff;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.centerPopup section header h1{float:left;font-size:14px;color:#4e5665;font-weight:700}a.closepp{position:absolute;z-index:1;top:0;right:8px;font-size:20px;color:#333;font-weight:700}a.closepp:hover{background-position:0 -150px}.centerPopup{position:relative}.centerPopup section .content{padding:10px 15px;position:relative}.centerPopup section .content p{padding-bottom:6px;line-height:18px;color:#111}.centerPopup section .content p.layer-fb{margin-top:0;font-weight:400!important}.centerPopup section .content .frm-1 p{font-weight:700}.centerPopup section .content .frm-1 ul li p{font-weight:400}.frm-4 p.error{display:block;clear:both;padding:5px 0 0 140px!important;color:red}.tab{display:none;padding:0 15px 15px}.tab .items{padding-bottom:15px;line-height:15px}.tab .items h4{font-size:12px;padding-bottom:2px}.tab .items h4 a{color:#0070be}.tab .items h4 a:hover{color:#e32c22}.tab-ul{overflow:hidden;list-style:none;padding-left:0;margin-top:0}.tab-ul li{float:left;list-style:none;width:50%}.tab-ul li a{font-weight:700;height:42px;line-height:42px;padding:0 15px;color:#000;background:#fff;display:block;font-size:16px}.tab-ul li.active a{background:#d8d8d8;color:#000}.policy a{color:#333;font-weight:500}.frm-1 .form-group{padding-bottom:15px;clear:both;overflow:hidden}.forgot{text-decoration:underline;font-style:italic;color:#333;margin-top:5px}.link-signup{color:#333;margin-bottom:0}.link-signup a{font-weight:500;color:#333}.btn-cmt-s,.btn-login{float:right;padding:0 15px;text-align:center;background:#4e4e4e;color:#fff;font-size:12px;min-width:100px;height:34px;line-height:34px}.btn-login{margin:0;border:0;border-radius:2px}.btn-cmt-s{margin:10px 0 0;border:0;border-radius:2px}.frm-1 input{height:34px;line-height:34px;padding:0 10px;margin:0;border:1px solid #ddd;width:100%}.btn-social .btn-facebook,.btn-social .btn-google{font-weight:500;text-align:center;height:34px;line-height:34px;padding:0 10px;width:100%;display:block;border-radius:2px;color:#fff}.frm-1 .btn-social{overflow:hidden;width:100%}.btn-social .btn-facebook{background:#3b5a9b}.btn-social .btn-google{background:#dc2913}
@media (max-width: 767px) {
    .plugin-comment img { display: none; }
    .tool-like { margin-left: 0; }
    .wrapPopup .popup {  width: 100%; margin-left: 0; left: 0; }
    .minimize{ padding-left: 0!important;}
}
.tool-like{
    margin-top: 10px;
    margin-left: 0px;
}
.input-type-text {
    box-sizing: border-box;
    height: 50px !important;
    padding: 15px !important;
    /*font: normal 14px/1.29 Roboto;*/
    overflow: hidden;
}
.comment-rep-top{
    padding-top: 5px;
}
#list_cmt{
    list-style-type: none;
    padding-inline-start: 0;
}
.nav-item a {
    background: #d8d8d8;
}
.tab-modal .nav-item a.active {
    background: #fff;
}
.wrapPopup .popup{
    top:15px;
}
.frm-1 .form-group {
    padding-bottom: 10px;
}
.tab-ul li a {
    font-weight: 700 !important;
    height: 42px;
    line-height: 42px;
    padding: 0 15px !important;
    color: #495057 !important;
    background: #d8d8d8 !important;
    display: block !important;
    font-size: 16px !important;
}
.tab-ul li.active a{
    background:#fff !important;
    color:#495057 !important
}
.tab-ul li a:hover{
    background:#fff !important;
    color:#495057 !important;
}
.form-group {
    margin-bottom: 0;
    font-size: 14px;
}
.link-signup {
    margin-top: 1rem;
}
form {
    margin-top: 20px;
}
.forgot {
    font-size:13px;
}
.form-group label {
    opacity: .7;
    color: #222;
    font-weight: bold;
    display: block;
}
.form-control{
    font-size:1.25rem;
}
.captcha-input{
    width: 100px !important;
    float: left;
    margin-right: 10px !important;
}
.captcha-img{
    width: 100px;
    height: 34px;
    cursor: pointer;
    float: left;
    margin-right: 10px;
}
#refresh-captcha{
    float: left;
    font-size: 12px;
    line-height: 34px;
    text-decoration: underline;
    cursor: pointer;
}
.warning{
    color: red;
    font-size: 13px;
}
.img14x14 {
    width: 14px;
    height: 14px;
}
.donelogin img {
    margin-right: 6px;
    margin-top: -1px;
}
.expandMenu {
    width: 145px;
    height: auto;
    position: absolute;
    top: 26px;
    z-index: 99999;
    background-color: #fff;
}
.expandMenu ul{
    width:100%;
    padding-top: 0px;
}
.expandMenu ul li {
    width: 100%;
    padding: 8px 0;
    border-bottom: 1px solid #d6d6d6;
    cursor: pointer;
}
.expandMenu .information-humman li a {
    content: none;
    width: 145px;
    padding-left: 16px;
    padding-right: 0;
    text-transform: unset;
    /*border-bottom: 1px solid #d6d6d6;*/
    /*color: #222;*/
    /*font: bold 14px/normal Roboto;*/
    /*padding: 9px 16px;*/
}
.information-humman .news-save.active {
    /*color: #e32;*/
    /*background-color: #feebe9;*/
    /*font-weight: bold;*/
    margin-top: 0px;
}
.information-humman .news-save{
    color: #222;
    font: normal 15px/normal Roboto;
    width: 180px;
    /*padding: 8px 0;*/
    display: inline-block;
    padding-left: 50px;
    position: relative;
    margin-top: 16px;
}
.information-humman .comment-setup {
    color: #222;
    font: normal 15px/normal Roboto;
    padding: 8px 0;
    width: 230px;
    width: 180px;
    padding-left: 50px;
    position: relative;
}
.expandMenu ul li a {
    color: #222;
    font: bold 14px/normal Roboto;
    text-transform: unset;

}
.expandMenu ul li:hover{
    color: #e32;
    background-color: #feebe9;
    font-weight: bold;
}
.minimize [data-act="view-remain"] {
    display: inline-block;
    background-color: #808080;
    color: #fff;
    position: relative;
    width: 15px;
    height: 15px;
    text-indent: 4px;
    border-radius: 2px;
    margin-left: 2px;
    line-height: 15px;
    top: -2px;
    right: 0;
}
.id_comment .cmnomore {
    background-color: #f4f4f4;
    padding: 20px 30px;
    text-align: center;
    font: normal 13px Roboto;
    color: #929292;
}
.list-social-1 {
    margin-left: 0;
    list-style-type: none;
    width: 100%;
    padding-left: 0;
}
.list-tool{
    list-style-type: none;
    padding-inline-start: 0;
}
.list-tool li{
    display: inline-block;
    padding: 0 8px 0 0;
    position: relative;
}
.title-popup{
    font-size: 25px;
    font-weight: 700;
    line-height: 28px;
    box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    max-height: 112px;
}
.btn-send-cm:hover {
    color: #fff;
}
.no-hover:hover{
    color: #333;
}