@charset "UTF-8";
.fancybox-container {
    z-index: 9999999 !important;
}
.text-uppercase {
    text-transform: uppercase !important;
}
.text-capitalize {
    text-transform: capitalize;
}
.text-lowercase {
    text-transform: lowercase;
}
.is-sensitive-16 {
    display: inline-block;
    cursor: pointer;
    color: #333;
}

.is-sensitive-16:after {
    content: 'Bỏ nội dung nhạy cảm';
}
.is-sensitive-16 .icon {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}
.is-sensitive-16 .icon:after {
    content: '\f096';
}

.is-sensitive-authentic {
    display: inline-block;
    cursor: pointer;
    color: #333;
}


.is-sensitive-authentic:after {
    content: 'Bỏ Nội dung chưa xác thực';
}
.is-sensitive-authentic .icon {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}
.is-sensitive-authentic .icon:after {
    content: '\f096';
}

.is-sensitive-fake-title:after {
    content: 'Bỏ Nội dung Fake Title';
}
.is-sensitive-fake-title .icon {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}
.is-sensitive-fake-title .icon:after {
    content: '\f096';
}

.is-sensitive-old-news:after {
    content: 'Bỏ bài viết nội dung cũ';
}
.is-sensitive-old-news .icon {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}
.is-sensitive-old-news .icon:after {
    content: '\f096';
}

.is-sensitive-just-kidding:after {
    content: 'Bỏ nội dung đùa vui thôi';
}
.is-sensitive-just-kidding .icon {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}
.is-sensitive-just-kidding .icon:after {
    content: '\f096';
}

.is-sensitive-authentic {
    display: inline-block;
    cursor: pointer;
    color: #333;
}

.osc-wrap-helper-page-unscrollable {
    overflow: hidden;
}
.osc-wrap-helper-page-unclickable {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.25);
    z-index: 999 !important;
}
.osc-wrap {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    text-align: left;
    z-index: 999 !important;
}
.osc-wrap-container {
    min-height: 100vh;
    overflow: auto;
}





.sensitive-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    z-index: 999;
    display: block;
}
.sensitive-wrap .sensitive-box {
    position: absolute;
    top: calc((100% - 310px)/2);
    left: calc((100% - 500px)/2);
    color: #333;
    text-align: center;
    background: #fff;
    padding: 20px 0;
    width: 500px;
    box-sizing: border-box;
    overflow: -webkit-paged-x;
}
.sensitive-wrap .desc {
    padding: 0 20px;
    color: #bd0000;
}
.sensitive-wrap .auto-accept-switch {
    margin-bottom: 10px;
    background: #efefef;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 3px 10px;
    margin: 20px 0;
}
.sensitive-wrap .auto-accept-switch input {
    vertical-align: -3px;
    margin-right: 3px;
}
.sensitive-wrap .sensitive-confirm-btn {
    background: #009334;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
}
.sensitive-wrap .sensitive-confirm-btn .fa {
    font-size: 14px;
    margin-right: 5px;
}
.sensitive-link-clone {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    cursor: pointer !important;
}


.authentic-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.9);
    z-index: 999;
    display: block;
}
.authentic-wrap .authentic-box {
    position: absolute;
    top: calc((100% - 315px)/2);
    left: calc((100% - 500px)/2);
    color: #333;
    text-align: center;
    background: #fff;
    padding: 10px 0;
    width: 500px;
    height: 315px;
    box-sizing: border-box;
}
.authentic-wrap .desc {
    padding: 0 20px;
    color: #bd0000;
}
.authentic-wrap .auto-accept-switch {
    margin-bottom: 10px;
    background: #efefef;
    border: 1px solid #ddd;
    border-left: 0;
    border-right: 0;
    padding: 3px 10px;
    margin: 20px 0;
}
.authentic-wrap .auto-accept-switch input {
    vertical-align: -3px;
    margin-right: 3px;
}
.authentic-wrap .authentic-confirm-btn {
    background: #009334;
    color: #fff;
    font-weight: bold;
    padding: 5px 15px;
    display: inline-block;
    cursor: pointer;
}
.authentic-wrap .authentic-confirm-btn .fa {
    font-size: 14px;
    margin-right: 5px;
}
.authentic-link-clone {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 9999 !important;
    cursor: pointer !important;
}


.LHV2-follow-switcher {
    display: inline-block;
}
.LHV2-follow-switcher ins {
    text-decoration: none;
    white-space: nowrap;
}

.LHV2-follow-switcher[type="1"]:not([success]) {
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, #fff, #eee);
    padding: 8px 10px;
    color: #47970e;
    cursor: pointer;
    box-shadow: 0 1px rgba(0,0,0,.065);
}
.LHV2-follow-switcher[type="1"]:not([success]):hover {
    border: 1px solid #bbb;
    background: linear-gradient(to bottom, #fcfcfc, #dedede);
}
.LHV2-follow-switcher[type="1"]:not([success]) ins:after {
    content: '\f067';
    font: normal normal normal 10px/1 FontAwesome;
}
.LHV2-follow-switcher[type="1"][followed]:not([success]) ins:after {
    content: '\f068';
    color: #d30000;
}
.LHV2-follow-switcher[type="1"][success] {
    color: #666;
}
.LHV2-follow-switcher[type="1"][success] ins:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.LHV2-follow-switcher[type="1"][success] ins:after {
    content: 'Đã quan tâm';
    font-size: 11px;
    margin-left: 5px;
}
.LHV2-follow-switcher[type="1"][success]:not([followed]) ins:after {
    content: 'Đã bỏ quan tâm';
}



.LHV2-follow-switcher[type="2"]:not([success]) {
    border: 1px solid #329e20;
    border-radius: 3px;
    background: #39b625;
    padding: 5px 10px;
    color: #fff;
    cursor: pointer;
    box-shadow: 0 1px rgba(0,0,0,.065);
}
.LHV2-follow-switcher[type="2"]:not([success]):hover {
    background: #329e20;
}
.LHV2-follow-switcher[type="2"][followed]:not([success]) {
    border: 1px solid #c34b58;
    background: #d5616e;
}
.LHV2-follow-switcher[type="2"][followed]:not([success]):hover {
    background: #c34b58;
}
.LHV2-follow-switcher[type="2"]:not([success]) ins:before {
    content: '\f067';
    font: normal normal normal 10px/1 FontAwesome;
    margin-right: 8px;
    vertical-align: 1px;
}
.LHV2-follow-switcher[type="2"]:not([success]) ins:after {
    content: 'Thích';
}
.LHV2-follow-switcher[type="2"][followed]:not([success]) ins:before {
    content: '\f068';
    color: #fff;
}
.LHV2-follow-switcher[type="2"][followed]:not([success]) ins:after {
    content: 'Hết thích';
}
.LHV2-follow-switcher[type="2"][success] {
    color: #666;
}
.LHV2-follow-switcher[type="2"][success] ins:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.LHV2-follow-switcher[type="2"][success] ins:after {
    content: 'Đã quan tâm';
    margin-left: 5px;
}
.LHV2-follow-switcher[type="2"][success]:not([followed]) ins:after {
    content: 'Đã bỏ quan tâm';
}
.LHV2-follow-switcher[type="2"][size="large"] {
    padding: 10px 15px;
    font-weight: bold;
    font-size: 14px;
}
.LHV2-follow-switcher[type="2"][size="large"]:not([success]) ins:before {
    font-size: 14px;
    vertical-align: 0;
}
.LHV2-follow-switcher[type="2"][size="large"][success] ins:after {
    font-size: 12px;
}


















.LHV2-follow-switcher[type="3"]:not([success]) {
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, #fff, #eee);
    padding: 8px 10px;
    color: #47970e;
    cursor: pointer;
    box-shadow: 0 1px rgba(0,0,0,.065);
    font-weight: bold;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
}
.LHV2-follow-switcher[type="3"][followed]:not([success]):hover {
    border: 1px solid #bbb;
    background: linear-gradient(to bottom, #fcfcfc, #dedede);
    width: 90px;
}
.LHV2-follow-switcher[type="3"]:not([success]):hover {
    border: 1px solid #bbb;
    background: linear-gradient(to bottom, #fcfcfc, #dedede);
    width: 75px;
}
.LHV2-follow-switcher[type="3"][followed]:not([success]) {
    border: 1px solid #c34b58;
    background: #d5616e;
    color: #f5f5f5;
}
.LHV2-follow-switcher[type="3"][followed]:not([success]):hover {
    background: #c34b58;
}
.LHV2-follow-switcher[type="3"]:not([success]) ins:before {
    content: '\f067';
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 10px;
}
.LHV2-follow-switcher[type="3"]:not([success]):hover ins:before {
    margin-right: 8px;
}
.LHV2-follow-switcher[type="3"]:not([success]) ins:after {
    content: 'Thích';
}
.LHV2-follow-switcher[type="3"][followed]:not([success]) ins:before {
    content: '\f068';
    color: #fff;
}
.LHV2-follow-switcher[type="3"][followed]:not([success]) ins:after {
    content: 'Hết thích';
}
.LHV2-follow-switcher[type="3"][success] {
    color: #666;
}
.LHV2-follow-switcher[type="3"][success] ins:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.LHV2-follow-switcher[type="3"][success] ins:after {
    content: 'Đã quan tâm';
    margin-left: 5px;
}
.LHV2-follow-switcher[type="3"][success]:not([followed]) ins:after {
    content: 'Đã bỏ quan tâm';
}




.LHV2-follow-switcher[type="text"]:not([success]) {
    color: #8b9dc3;
    font-size: 11px;
    cursor: pointer;
}
.LHV2-follow-switcher[type="text"]:not([success]):hover {
    color: #C00607;
}
.LHV2-follow-switcher[type="text"]:not([success]) ins:after {
    content: 'Thích';
}
.LHV2-follow-switcher[type="text"][followed]:not([success]) ins:after {
    content: 'Hết thích';
}
.LHV2-follow-switcher[type="text"][success] {
    color: #999;
}
.LHV2-follow-switcher[type="text"][success] ins:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.LHV2-follow-switcher[type="text"][success] ins:after {
    content: 'Đã quan tâm';
    margin-left: 5px;
}
.LHV2-follow-switcher[type="text"][success]:not([followed]) ins:after {
    content: 'Đã bỏ quan tâm';
}










.LHV2-simple-frm {
    box-sizing: border-box;
    padding: 15px;
    max-width: 100vw !important;
    background: #fff;
}
.LHV2-simple-frm input[type="text"],



.LHV2-simple-frm select {
    outline: none;
    width: 100%;
    padding: 7px;
    border: 1px solid #aaa;
    resize: none;
    display: inline-block;
    font-weight: normal;
    box-sizing: border-box;
}


.LHV2-simple-frm .input-wrap {
    position: relative;
    margin-bottom: 10px;
}
.LHV2-simple-frm .input-wrap[disabled]:after{
    content: '';
    background: rgba(255,255,255,.75);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.LHV2-simple-frm .input-checkbox {
    position: relative;
    margin-bottom: 10px;
}
.LHV2-simple-frm .input-checkbox input {
    vertical-align: -2px;
    margin-right: 3px;
    cursor: pointer;
}
.LHV2-simple-frm .input-checkbox label {
    cursor: pointer;
    display: inline-block !important;
    margin: 0 !important;
}
.LHV2-simple-frm .msg {
    margin-bottom: 10px;
}
.LHV2-simple-frm .msg.red {
    color: #bd0000;
}
.LHV2-simple-frm label {
    font-weight: bold;
    box-sizing: border-box;
}
.LHV2-simple-frm label:not(.inline) {
    margin-bottom: 10px;
    display: block;
}
.LHV2-simple-frm > .action-bar {
    padding: 10px 15px;
    background: #f0f0f0;
    border-top: 1px solid #ccc;
    text-align: right;
    width: calc(100% + 30px);
    position: relative;
    top: 15px;
    left: -15px;
    box-sizing: border-box;
}
.LHV2-simple-frm > .action-bar button,
.LHV2-simple-frm > .action-bar .btn {
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    padding: 7px 15px;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    height: auto;
    line-height: normal;
    vertical-align: middle;
    font-size: 12px;
    font-weight: bold;
}
.LHV2-simple-frm > .action-bar button[disabled],
.LHV2-simple-frm > .action-bar .btn[disabled] {
    padding-right: 40px;
    cursor: default;
}
.LHV2-simple-frm > .action-bar button[disabled]:before,
.LHV2-simple-frm > .action-bar .btn[disabled]:before {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: -1px;
    background: rgba(255,255,255,.5);
    width: calc(100% + 2px);
    height: calc(100% + 2px);
}
.LHV2-simple-frm > .action-bar button[disabled]:after,
.LHV2-simple-frm > .action-bar .btn[disabled]:after {
    content: '';
    display: block;
    position: absolute;
    top: calc((100% - 16px)/2);
    right: 10px;
    background: url(../../../image/default/core/preloader/2/preloader_2_16.gif) center center no-repeat;
    background-size:contain;
    width: 16px;
    height: 16px;
}
.LHV2-simple-frm > .action-bar button + button,
.LHV2-simple-frm > .action-bar button + .btn,
.LHV2-simple-frm > .action-bar .btn + button,
.LHV2-simple-frm > .action-bar .btn + .btn {
    margin-left: 10px;
}
.LHV2-simple-frm > .action-bar button:not([disabled]):hover,
.LHV2-simple-frm > .action-bar .btn:not([disabled]):hover {
    border: 1px solid #aaa;
    background: #fafafa;
}
.LHV2-simple-frm > .action-bar button.blue-btn,
.LHV2-simple-frm > .action-bar .btn.blue-btn {
    border: 1px solid #0076ad;
    background: #1b91c8;
    color: #fff;
}
.LHV2-simple-frm > .action-bar button.blue-btn:not([disabled]):hover,
.LHV2-simple-frm > .action-bar .btn.blue-btn:not([disabled]):hover {
    background: #0076ad;
    border: 1px solid #0076ad;
}


















.bbcode-editor textarea {
    border: 0;
    padding: 0;
    margin: 0;
}
.bbcode-editor > .attachments {
    list-style-type: none;
    font-size: 13px;
}
.bbcode-editor > .attachments > li {
    margin-bottom: 20px;
}
.bbcode-editor > .attachments .attachment-item {
    background: #fff;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header {
    background: #f6f6f6;
    border: 1px solid #d9dbdc;
    padding: 10px;
    text-align: left;
    font-size: 12px;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header > .attachment-tile > * {
    vertical-align: middle;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header > .attachment-tile .attachment-icon {
    font-size: 21px;
    color: #666;
    margin-right: 3px;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header > .attachment-tile .attachment-type {
    font-weight: bold;
    margin-right: 5px;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header > .attachment-tile a.attachment-label {
    text-decoration: underline;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header > .attachment-remove-btn {
    float: right;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 11px;
    padding: 5px 10px;
    border-radius: 3px;
    margin: 0;
    position: relative;
    top: -2px;
    color: #666;
    cursor: pointer;
    font-weight: bold;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header > .attachment-remove-btn:hover {
    background: #d5616e;
    border: 1px solid #d5616e;
    color: #fff;
}
.bbcode-editor > .attachments .attachment-item > .attachment-header > .attachment-remove-btn:after {
    content: 'Remove';
}
.bbcode-editor > .attachments .attachment-item > .attachment-image-content {
    text-align: center;
    padding: 10px;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
    position: relative;
    top: -1px;
    text-align: center;
}
.bbcode-editor > .attachments .attachment-item > .attachment-image-content img {
    max-width: 100%;
    position: relative;
}
.bbcode-editor > .attachments .attachment-item > .attachment-media-content {
    text-align: center;
    padding: 10px;
    background: #000;
}
.bbcode-editor > .attachments .attachment-item > .attachment-media-content iframe {
    border: 0;
}
.bbcode-editor .command-bar {
    list-style-type: none;
    background: #f6f6f6;
    padding: 5px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    border-bottom: 1px solid #d9dbdc;
    height: 30px;
    border: 1px solid #d9dbdc;
}
.bbcode-editor .command-bar > li {
    padding: 7px 0px;
    font-size: 17px;
    width: 30px;
    height: 30px;
    text-align: center;
    box-sizing: border-box;
    color: #666;
}
.bbcode-editor .command-bar > li:hover {
    box-shadow: inset 0 0 0 1px #ddd;
    cursor: pointer;
    border-radius: 3px;
    color: #333;
}
.bbcode-editor .command-bar > li.active {
    box-shadow: inset 0 0 0 1px #ddd;
    background: #fff;
}
.bbcode-editor .command-bar > li.left {
    float: left;
    margin-left: 5px;
}
.bbcode-editor .command-bar > li.right {
    float: right;
    margin-right: 5px;
}
.bbcode-editor > .input-frm {
    padding: 7px 5px 6px;
    box-shadow: inset 0 1px #f0f0f0;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid #d9dbdc;
    border-top: 0;
}

.bbcode-img-uploader {
    width: 100%;
    display: block;
    text-align: center;
}
.bbcode-img-uploader.osc-uploader .browser-btn div,
.bbcode-img-uploader.osc-uploader .browser-btn input:hover + div {
    background: #2da000;
    border: 1px solid rgba(0,0,0,.25);
    color: #fff;
    text-shadow: 0 -1px rgba(0,0,0,.25);
    box-shadow: inset 0 1px rgba(255,255,255,.25), 0 1px rgba(0,0,0,.05);
    opacity: .75;
}
.bbcode-img-uploader.osc-uploader .browser-btn input:hover + div {
    opacity: 1;
}
.bbcode-img-uploader.osc-uploader .browser-btn input {
    z-index: 99;
}
.bbcode-img-uploader.osc-uploader .drag-drop-area {
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    font-weight: normal;
    padding: 15px;
    font-size: 12px;
    border: 1px solid #fdc1c1;
}
.bbcode-img-uploader.osc-uploader .drag-drop-area span {
    color: #c90000;
}
.bbcode-img-uploader.osc-uploader .drag-drop-area:after {
    border: 1px dashed #fdc1c1;
    background: rgba(0,0,0,.0125);
}















.V2-popup-detail-scene {
    margin: 25px auto;
    z-index: 2;
    position: relative;
    text-align: left;
    display: table;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    border-radius: 5px;
    background: #fff;
    padding: 5px 0;
    max-width: calc(100% - 60px);
}
.V2-popup-detail-scene > .close-btn {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
    font: normal normal normal 28px/1 FontAwesome;
    color: #666;
    width: 30px;
    height: 30px;
}
.V2-popup-detail-scene.give-author-box > .close-btn {
    width: 20px;
    height: 20px;
    top:3px;
    right: 3px;
}
.V2-popup-detail-scene > .close-btn:hover {
    opacity: 1;
}
.V2-popup-detail-scene > .close-btn i:after {
    font-style: normal;
    content: '\f104';
    position: absolute;
    top: 50%;
    left: calc(50% - 2px);
    transform: translateY(-50%);
}
.V2-popup-detail-scene > .close-btn i:before {
    font-style: normal;
    content: '\f105';
    position: absolute;
    top: 50%;
    left: calc(50% - 3px);
    transform: translate(-50%,-50%);
}
.V2-popup-detail-scene.give-author-box > .close-btn i:before, .V2-popup-detail-scene.give-author-box > .close-btn i:after {
    font-size: 20px;
}





.V2-two-cols-layout {
    width: 1000px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    margin: auto;
    text-align: left;
    position: relative;
}
.V2-two-cols-layout.separate {
    padding: 5px;
}
.V2-two-cols-layout.separate:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 330px;
    width: 4px;
    height: 100%;
    background: #f0f0f0;
    box-shadow: inset 1px 0 #ddd;
}
.V2-two-cols-layout > .main-col {
    float: left;
    width: calc(100% - 320px);
    padding: 10px;
    box-sizing: border-box;
}
.V2-two-cols-layout.separate > .main-col {
    width: calc(100% - 335px);
}
.V2-two-cols-layout > .sidebar-col {
    float: right;
    width: 320px;
    padding: 10px;
    box-sizing: border-box;
}
.V2-popup-detail-scene .V2-two-cols-layout > .sidebar-col {
    padding-top: 60px;
}
.V2-two-cols-layout > .sidebar-left-col {
    float: left;
    width: 320px;
    padding: 10px;
    box-sizing: border-box;
}
.V2-popup-detail-scene .V2-two-cols-layout > .sidebar-left-col {
    padding-top: 60px;
}

.V2-two-cols-layout.small-cols .sidebar-left-col{
    width: 180px;
    padding: 0;
}

.V2-two-cols-layout.small-cols .main-col {
    width: calc(100% - 180px);
    padding: 0 0 10px 10px;
}


.V2-simple-layout {
    width: 1000px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
    margin: auto;
    text-align: left;
}
.V2-popup-detail-scene .V2-simple-layout {
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    border-radius: 5px;
}
.V2-simple-layout > .main-col {
    padding: 10px;
    box-sizing: border-box;
}





.V2-item-manage-menu {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    margin: 0 3px;
    text-align: left;
}
.V2-item-manage-menu > i {
    font-size: 18px;
    color: #bbb;
}
.V2-item-manage-menu:hover > i {
    color: #666;
}
.V2-item-manage-menu > ul {
    list-style-type: none;
    position: absolute;
    background: #eee;
    border: 1px solid #999;
    z-index: 9999;
    right: -25px;
    top: 25px;
    box-shadow: 0 0 2px rgba(0,0,0,.15);
    display: none;
    border-radius: 3px;
    padding: 4px;
}
.V2-item-manage-menu > ul:before {
    content: '';
    display: block;
    position: absolute;
    top: -14px;
    right: 26px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom: 7px solid #999;
}
.V2-item-manage-menu > ul:after {
    content: '';
    display: block;
    position: absolute;
    top: -13px;
    right: 26px;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-bottom: 7px solid #eee;
}
.V2-item-manage-menu:hover > ul {
    display: block;
}
.V2-item-manage-menu li {
    white-space: nowrap;
    background: #fff;
}
.V2-item-manage-menu li:first-child:before {
    content: '';
    display: block;
    position: absolute;
    top: -15px;
    right: 0;
    width: 66px;
    height: 15px;
}
.V2-item-manage-menu li > a,
.V2-item-manage-menu li > span,
.V2-item-manage-menu li > div {
    display: block;
    padding: 7px 14px 7px 30px;
    cursor: pointer;
    color: #6d84b4 !important;
    position: relative;
}
.V2-item-manage-menu li > a:hover,
.V2-item-manage-menu li > span:hover,
.V2-item-manage-menu li > div:hover {
    background: #f5f7f9;
    color: #333 !important;
}
.V2-item-manage-menu li + li {
    border-top: 1px solid #e5eaf1;
}
.V2-item-manage-menu li > a > .icon,
.V2-item-manage-menu li > span > .icon,
.V2-item-manage-menu li > div > .icon {
    font: normal normal normal 14px/1 FontAwesome;
    display: block;
    color: #999;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 8px;
}
.V2-item-manage-menu li > a:hover > .icon,
.V2-item-manage-menu li > span:hover > .icon,
.V2-item-manage-menu li > div:hover > .icon {
    color: #6d84b4;
}

.V2-item-manage-menu.center-caret > ul {
    right: 50% !important;
    transform: translateX(50%);
}
.V2-item-manage-menu.center-caret > ul li > div {
    font-size: 13px;
    padding: 9px 30px 9px 30px;
}
.V2-item-manage-menu.center-caret > ul li > div svg {
    margin-right: 5px;
}
.V2-item-manage-menu.center-caret > ul:before {
    right: 50%;
    transform: translateX(50%);
}
.V2-item-manage-menu.center-caret > ul:after {
    right: 50%;
    transform: translateX(50%);
}





.poster-block {
    background: #edf5fc;
    border-radius: 3px;
    margin-bottom: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.poster-block .block-header {
    padding: 10px 10px 15px;
    border-bottom: 1px dotted #bec4ca;
}
.poster-block .block-header .avatar {
    float: left;
}
.poster-block .block-header .avatar img {height: 60px;}
.poster-block .block-header .left-panel {
    margin-left: 70px;
}
.poster-block .block-header .left-panel > div:first-child {
    font-size: 14px;
    color: #999;
}
.poster-block .block-header .left-panel > div + div {
    margin-top: 10px;
}
.poster-block .block-header .left-panel .user-link {
    font-size: 18px;
    font-weight: bold;
    margin-left: 3px;
}
.poster-block .block-header .left-panel .intersect-friends {
    font-size: 12px;
    color: #6d84b4;
    margin-left: 5px;
}
.poster-block .stats-panel .item {
    float: left;
    width: calc(100% / 3);
    box-sizing: border-box;
    padding: 20px 10px 15px;
    text-align: center;
}
.poster-block .stats-panel .item + .item {
    border-left: 1px solid #e4ebf2;
}
.poster-block .stats-panel .item .counter {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #222;
}
.poster-block .stats-panel .item .label {
    font-size: 12px;
    color: #555;
}



.cat-block {
    background: #fbf6eb;
    border: 1px solid #e3b05f;
    border-radius: 3px;
    margin-bottom: 25px;
    box-shadow: 0 1px 3px rgba(0,0,0,.25);
}
.cat-block .thumbnail {
    background: radial-gradient(#f2f2f2 15%, #434243 100%);
    padding: 40px;
    display: block;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    position: relative;
    top: -1px;
    left: -1px;
    width: calc(100% + 2px);
    box-sizing: border-box;
}
.cat-block .thumbnail img {
    width: 120px;
    border: 5px solid #fff;
}
.cat-block .top {
    border-bottom: 1px dotted #c9c5bc;
}
.cat-block .top .name {
    float: left;
    font-size: 24px;
    color: #bd081c;
    padding: 17px 10px;
}
.cat-block .top .name a {
    color: inherit;
}
.cat-block .top .followers {
    float: right;
    border-left: 1px solid #e7e2d8;
    text-align: center;
    width: 90px;
    padding: 8px 0;
}
.cat-block .top .followers .counter {
    font-size: 15px;
    font-weight: bold;
    color: #222;
    margin-bottom: 3px;
}
.cat-block .top .followers .label {
    font-size: 12px;
    color: #555;
}
.cat-block .owner-info {
    border-bottom: 1px dotted #c9c5bc;
    padding: 10px;
    color: #777;
}
.cat-block .owner-info .user-link {
    font-weight: bold;
    color: #222;
    margin-right: 5px;
}
.cat-block .description:not(:empty) {
    padding: 10px;
    color: #222;
}
.cat-block .bottom {
    padding: 10px;
}
.cat-block .bottom .friends-followed {
    float: left;
    color: #6d84b4;
    font-size: 12px;
    margin-top: 10px;
}
.cat-block .bottom .LHV2-follow-switcher {
    float: right;
}



.member-medal {
    width: 8px;
    height: 8px;
    background: #a8a8a8;
    border-radius: 50%;
    display: inline-block;
}
.member-medal[border] {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25);
}
.member-medal[size="large"] {
    width: 10px;
    height: 10px;
}
.member-medal[color="black"] {
    background: #eed422;
}
.member-medal[color="gray"] {
    background: #a8a8a8;
}
.member-medal[color="green"] {
    background: #88be54;
}
.member-medal[color="blue"] {
    background: #53a8ea;
}
.member-medal[color="red"] {
    background: #b466c0;
}









.V2-popup-loading {
    width: 250px;
    background: #fff;
    margin: 120px auto;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    padding: 20px;
    text-align: center;
}
.V2-popup-loading:after {
    content: 'Loading...';
}













.V2-old-style-yellow-box {
    background: #fffbe2;
    border: 1px solid #e2c822;
    margin-bottom: 25px;
}
.V2-old-style-yellow-box > .box-tile {
    padding: 7px 10px;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    box-shadow: 0 1px #fff;
}

.V2-old-style-yellow-box > .box-body {
    padding: 10px;
}










.V2-old-style-sidebar-box {
    background: #fff;
    border: 1px solid #d9dbdc;
    border-radius: 3px;
    margin-bottom: 25px;
}
.V2-old-style-sidebar-box > .box-tile {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-weight: bold;
    color: #dd0000;
    font-size: 13px;
}
.V2-old-style-sidebar-box > .box-tile span {
    float: right;
    font-size: 12px;
    color: #000;
    font-weight: normal;
}
.V2-old-style-sidebar-box > .box-body {
    padding: 10px;
}


.tools-box p + p {
    margin-top: 10px;
}
.tools-box p:last-child {
    margin-top: 15px;
}
.tools-box a {
    color: #dd0000;
}
.tools-box a .fa {
    color: #999;
}



.V2-new-template-wrap > .top-adv {
    background: #fff;
    width: 1000px;
    padding: 10px;
    margin: 0px auto 5px;
    box-sizing: border-box;
}


#box_link_highlights{
    margin-top: 30px;
}

#box_link_highlights > .head{
    border-bottom: 1px solid #E9E9E9;
    margin: 0;
    padding: 0;
}

#box_link_highlights > .head > h2{
    color: #CD0607;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px 7px;
}
#box_link_highlights > .sideBody >.sidelink{
    padding: 7px;
    font-size: 12px;
    line-height: 17px;
    border-bottom:1px solid #E9E9E9 ;

}
#box_link_highlights > .sideBody >.sidelink:last-child{
    border-bottom:none;
}


#box_link_highlights > .sideBody > .sidelink > .left{
    float: left;
    width: 30px;
    text-align: center;
}

#box_link_highlights > .sideBody > .sidelink > .left > .good{
    color: #c00607;
    font-size: 18px;
}
#box_link_highlights > .sideBody > .sidelink > .left > .mark{
    color: #D7D7D7;
    font-size: 11px;
    text-transform: uppercase;

}
#box_link_highlights > .sideBody > .sidelink > .right{
    margin-left: 35px;
    float: none;
    overflow: hidden;
}
#box_link_highlights > .sideBody > .sidelink > .title{
    padding-left: 5px;
}

#suggest_friend > .head{
    border-bottom: 1px solid #E9E9E9;
    margin: 0;
    padding: 0;
    background: white;
}


.suggestbox_PYMK  .head  h2{
    color: #CD0607;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
    padding: 9px 7px;
}

#suggest_friend .c-right .action-grp{
    position: absolute;
    right: 16px;
    top: 4px;
}
#suggest_friend >.suggestbox_PYMK .head{
    background: white;
    border-bottom: 1px solid #c9c9c9;
}
#suggest_friend >.suggestbox_PYMK ul{
    list-style-type: none;
}
#suggest_friend >.suggestbox_PYMK ul li{
    float: none;
    padding: 7px;
    width: 95%;
    border-top: none;
    border-bottom:1px solid #c9c9c9 ;
}
#suggest_friend >.suggestbox_PYMK ul li:last-child{
    border-bottom: none;
}
#suggest_friend > .suggestbox_PYMK{
    background: white ;
    border: none;
    float: none;
    margin-top: 0;
}

#suggest_friend .suggestbox_PYMK .fs_wg_close_home{
    bottom: 41px;
    padding: 0;
    position: absolute;
    right: -6px;
    float: right;
    width: 11px;
}
/*#suggest_friend{*/
/*border-bottom: none;*/
/*}*/

#suggest_friend ul.lst_manager_suggestbox_PYMK li .fs_wg_close_home {display:none}
#suggest_friend ul.lst_manager_suggestbox_PYMK li:hover .fs_wg_close_home {display:block}
#suggest_friend ul.lst_manager_suggestbox_PYMK li .fs_wg_close_home span.fa{cursor:pointer;text-indent:-200000px}


@media only screen and (min-width: 400px){
    .LHV2-simple-frm{
        width: 400px;
    }
}

@media only screen and (max-width: 400px) and (min-width: 349px){
    .LHV2-simple-frm{
        width: 350px;
    }
}


@media only screen and (max-width: 348px){
    .LHV2-simple-frm .msg.red{
        font-size: 15px;
    }
    .LHV2-simple-frm label{
        font-size: 15px;
    }
}
#linkhayQuickView{
    margin-top: 5px;
    border: 1px solid #9c0710;
    width: 143px;
    height: 26px;
    background:linear-gradient(to top, #9c0710 , #d60e1a);
}
#QuickView{
    margin: 5px;
    color: white;
}

#QuickView > img{
    margin-bottom: -9px;
}

#title_spammer{
    width: 1px;
    display: block;
    margin-left: 7px;
    font-weight: bold;
    font-size: 14px;
}
#suspected-spammer{
    font-size: 12px;
    margin-top: 10px;
}

#suspected-spammer > .vote-btn{
    display: inline-block;
    background: #e00000;
    color: #fff;
    padding: 1px 3px;
    font-weight: bold;
    font-size: 10px;
    cursor: pointer;
    margin-top: 7px;
}
#suspected-spammer >.vote-btn[flag="0"] {
    background: #00962b;
    margin-right: 5px;
}






.recommend, .recommend .recommend__message {
    margin-bottom: 15px;
}
.recommend .recommend__preview {
}


.comment-recommend-preview .comment-recommend-preview__avatar {
    float: left;
}
.comment-recommend-preview .comment-recommend-preview__avatar img {
    width: 40px;
}
.comment-recommend-preview .comment-recommend-preview__content {
    margin-left: 50px;
}
.comment-recommend-preview .comment-recommend-preview__header {
    margin-bottom: 10px;
}
.comment-recommend-preview .comment-recommend-preview__header .username {
    font-weight: bold;
}
.comment-recommend-preview .comment-recommend-preview__body {
    margin-bottom: 10px;
}
.comment-recommend-preview .comment-recommend-preview__footer .time {
    color: #999;
}
.comment-recommend-preview .comment-recommend-preview__footer .link {
    color: #4883b7;
}
.comment-recommend-preview .comment-recommend-preview__body img,.comment-recommend-preview .comment-recommend-preview__body video {
    max-width: 250px;
}
.comment-recommend-preview .comment-recommend-preview__body img.power-by-giphy {
    max-width: 50px;
    position: absolute;
}

.comment-recommend-preview-v2 {
    border: 1px solid #ebebeb;
    padding: 10px;
    box-shadow: 0px 3px 0 0 #f5f5f5;
}
.comment-recommend-preview-v2 .comment-recommend-preview__header{
    color: #999;
    margin-bottom: 10px;
    font-size: 11px;
    line-height: 27px;
}
.comment-recommend-preview-v2 .comment-recommend-preview__header a {
    color: #999;
}
.comment-recommend-preview-v2  .comment-recommend-preview__header img {
    width: 27px;
    border-radius: 50%;
    float: left;
    margin-right: 8px;
}
.comment-recommend-preview-v2  .comment-recommend-preview__header .username {
    font-weight: bold;
}
.comment-recommend-preview-v2  .comment-recommend-preview__header .username:hover {
    color: #c00607;
}
.comment-recommend-preview-v2  .comment-recommend-preview__header .V2-comment-vote i {
    width: 16px;
    height: 16px;
    font-size: 12px;
    background: #6fa756;
    color: #fff;
    padding: 1px;
    border-color: #5d9643;
}
.comment-recommend-preview-v2  .comment-recommend-preview__header .V2-comment-vote i[disabled] {
    background: #e7e7e8;
    color: #b5b5b5;
    border-color: #dadbdb;
    cursor: default;
}
.comment-recommend-preview-v2 .separate {
    width: 2px;
    height: 2px;
    background: #9197a3;
    display: inline-block;
    margin: 3px;
}
.comment-recommend-preview-v2  .comment-recommend-preview__body {
    margin-bottom: 4px;
    background: #e9f2f8;
    border-radius: 10px;
    position: relative;
    padding: 14px;
}
.comment-recommend-preview-v2  .comment-recommend-preview__body:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 20px;
    border-left: 5px solid #e9f2f8;
    border-bottom: 5px solid #e9f2f8;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
}
.comment-recommend-preview-v2  .comment-recommend-preview__body .recommend-body-content {
    font-size: 15px;
    line-height: 23px;
    font-family: Noto serif;
}
.comment-recommend-preview-v2  .comment-recommend-preview__body .recommend-body-link {
    line-height:19px;
    margin-top: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: tahoma;
    width: 88%;
    font-size: 11px;
}
.comment-recommend-preview-v2  .comment-recommend-preview__body .recommend-body-link:before {
    display: inline-block;
    content: "Tại tin";
    color: #999;
    float: left;
    margin-right: 5px;
    font-family: tahoma;
}
.comment-recommend-preview-v2  .comment-recommend-preview__body .recommend-body-link a {
    color: #2d4786;
}

.comment-recommend-preview-v2 .comment-recommend-preview__body img,.comment-recommend-preview-v2 .comment-recommend-preview__body video {
    max-width: 250px;
}
.comment-recommend-preview-v2 .comment-recommend-preview__body img.power-by-giphy {
    max-width: 50px;
    position: absolute;
}

.comment-recommend-preview-v2  .comment-recommend-preview__body .recommend-body-link a:hover {
    color: #c00607;
}
.comment-recommend-preview-v2 .comment-recommend-preview__footer {
}
.comment-recommend-preview-v2 .comment-recommend-preview__footer a {
    color: #2d4786;
}


.link-recommend-preview .link-recommend-preview__avatar {
    float: left;
}
.link-recommend-preview .link-recommend-preview__avatar img {
    width: 40px;
}
.link-recommend-preview .link-recommend-preview__content {
    margin-left: 50px;
}
.link-recommend-preview .link-recommend-preview__header {
    margin-bottom: 10px;
}
.link-recommend-preview .link-recommend-preview__header .username {
    font-weight: bold;
}
.link-recommend-preview .link-recommend-preview__body {
    margin-bottom: 10px;
}
.link-recommend-preview .link-recommend-preview__body .link {
    color: #4883b7;
}
.link-recommend-preview .link-recommend-preview__footer .time {
    color: #999;
}


.link-recommend-preview-v2 {
    background: #f7f7f7;
    border-left: 3px solid #93c586;
    padding: 10px 10px 10px 15px;

}

.link-recommend-preview-v2 .link-recommend-preview__thumbnail {
    float: right;
    width: 88px;
    padding-top: 25px;
    margin-left: 15px;
}
.link-recommend-preview-v2 .link-recommend-preview__thumbnail a {
    display: block;
    width: 100%;
    height: 64px;
    overflow: hidden;
}
.link-recommend-preview-v2 .link-recommend-preview__thumbnail a span {
    display: block;
    width: 100%;
    height: 100%;
    background-position: center;
    border-radius: 3px;
}
.link-recommend-preview-v2 .link-recommend-preview__header, .link-recommend-preview-v2 .link-recommend-preview__body, .link-recommend-preview-v2 .link-recommend-preview__footer {

}
.link-recommend-preview-v2 .link-recommend-preview__header{
    color: #999;
    margin-bottom: 10px;
    padding: 3px 0;
}
.link-recommend-preview-v2 .link-recommend-preview__header .user-avatar {
    float: left;
    margin-right: 3px;
}
.link-recommend-preview-v2 .link-recommend-preview__header a {
    color: #999;
}
.link-recommend-preview-v2 .link-recommend-preview__header img {
    border-radius: 50%;
    border: 0 !important;
    margin-right: 2px;
    width: 20px;
    vertical-align: middle;
}
.link-recommend-preview-v2 .separate {
    width: 2px;
    height: 2px;
    background: #9197a3;
    display: inline-block;
    margin: 3px;
}
.link-recommend-preview-v2  .V2-reshare {
    color: #999;
}
.link-recommend-preview-v2 .link-recommend-preview__header .username {
    font-weight: bold;
    font-size: 11px;
}
.link-recommend-preview-v2 .link-recommend-preview__header .username:hover {
    color: #c00607;
}
.link-recommend-preview-v2 .link-recommend-preview__body {
    margin-bottom: 5px;
}

.link-recommend-preview-v2 .link-recommend-preview__body .link {
    color: #444;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
}
.link-recommend-preview-v2 .link-recommend-preview__body .link:hover {
    color: #c00607;
}
.link-recommend-preview-v2 .link-recommend-preview__body > div {
    font-size: 12px;
    font-weight: normal;
    color: #164673;
    margin: 0 0 0 15px;
    display: inline;
    line-height: 18px;
}
.link-recommend-preview-v2 .link-recommend-preview__body > div:before {
    content: '';
    display: inline-block;
    width: 2px;
    height: 2px;
    background: #c32626;
    position: relative;
    left: -7px;
    top: -3px;
}
.link-recommend-preview-v2 .link-recommend-preview__footer, .link-recommend-preview-v2 .link-recommend-preview__footer a {
    color: #999;
    padding: 3px 0;
}
.link-recommend-preview-v2 .link-recommend-preview__footer a:hover {
    color: #c00607;
}

.recommend-frm {
    width: 560px;
}
.recommend-frm .recommend__message {
    padding: 10px 0;
    color: #333;
    font-size: 14px;
}
.recommend-frm .recommend__message:empty:before {
    content: 'Nhập nội dung giới thiệu ...';
    color: #808080;
    font-size: 14px;
}
.recommend-frm .recommend_frm_note {
    padding: 8px 0;
    color: #999;
    text-align: center;
}


/** common popup bg overlay **/
.common-popup-bg-overlay {
    position: absolute;
    top: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    display: block;
}
#plugin-ekyc {
    width: 420px;
    max-width: 420px;
    position: fixed;
    top: calc(50% - 239px);
    left: calc(50% - 210px);
    background: #fff;
    z-index: 999999;
    border-radius: 4px;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}
#plugin-ekyc .container {
    border-radius: 4px;
}
#plugin-ekyc .container .content {
    text-align: center;
    padding: 30px;
    font-size: 14px;
    line-height: 24px;
}
#plugin-ekyc .container .content .head-title {
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px;
}
#plugin-ekyc .button {
    background: #1F9FFC;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    padding: 12px;
    text-align: center;
    border: none;
    width: 100%;
}
