@charset "UTF-8";

.V2-strong-member-switch-btn .icon:before {
    content: '\f148';
}
.V2-strong-member-switch-btn:after {
    content: 'Power User';
}
.V2-strong-member-switch-btn[flag="1"]:after {
    content: 'Remove Power User';
}




.V2-weak-member-switch-btn .icon:before {
    content: '\f149';
}
.V2-weak-member-switch-btn:after {
    content: 'Empty User';
}
.V2-weak-member-switch-btn[flag="1"]:after {
    content: 'Remove Empty User';
}









.member-follow-box .avatar {
    width: 50px;
    float: left;
}
.member-follow-box .avatar img {
    width: 100%;
}
.member-follow-box .info {
    margin-left: 65px;
    position: relative;
    margin-top: 6px;
}
.member-follow-box .info > :last-child {
    margin-top: 3px;
    font-size: 11px;
    color: #6d84b4;
}
.member-follow-box .username {
    font-weight: bold;
    color: #dd0000;
    font-size: 14px;
    margin-left: 2px;
}
.member-follow-box .LHV2-follow-switcher {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

















.V2-member-mute-switcher {
    display: inline-block;
}
.V2-member-mute-switcher ins {
    text-decoration: none;
}

.V2-member-mute-switcher[type="text"] {
    color: #8b9dc3;
    font-size: 11px;
    cursor: pointer;
}
.V2-member-mute-switcher[type="text"]:not([success]):hover {
    color: #C00607;
}
.V2-member-mute-switcher[type="text"]:not([success]) ins:after {
    content: 'Mute';
}
.V2-member-mute-switcher[type="text"][flag="1"]:not([success]) ins:after {
    content: 'Bỏ Mute';
}
.V2-member-mute-switcher[type="text"][success] {
    color: #999;
}
.V2-member-mute-switcher[type="text"][success] ins:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-mute-switcher[type="text"][success] ins:after {
    content: 'Đã bỏ mute';
    margin-left: 5px;
}
.V2-member-mute-switcher[type="text"][success][flag="1"] ins:after {
    content: 'Đã mute';
}

/** mute user **/
.V2-member-mute-switcher[type="text_btn"] {
    color: #8b9dc3;
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, #fff, #eee);
    padding: 5px;
}
.V2-member-mute-switcher[type="text_btn"]:not([success]) ins:before{
    content: "\f027";
    font: normal normal normal 14px/1 FontAwesome;
    color: #999;
}
.V2-member-mute-switcher[type="text_btn"]:not([success]) ins:after {
    content: 'Mute';
    padding: 8px 5px;
    color: #e40000;
    cursor: pointer;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
    font-weight: bold;
}
.V2-member-mute-switcher[type="text_btn"][flag="1"]:not([success]) ins:after {
    padding: 8px 5px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
    color: rgba(5, 12, 11, 0.98);
    cursor: pointer;
    width: 32px;
    content: "Bỏ Mute";
    font-weight: bold;
}
.V2-member-mute-switcher[type="text_btn"][flag="1"]:not([success]) ins:before{
    content: "\f028";
    font: normal normal normal 14px/1 FontAwesome;
    color: rgba(42, 156, 169, 0.94);
}
.V2-member-mute-switcher[type="text_btn"][success] ins:before{
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-mute-switcher[type="text_btn"][success] ins:after {
    content: 'Đã bỏ mute';
    padding: 8px 5px;
    color: #47970e;
    cursor: pointer;
    font-weight: bold;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
    margin-right: 3px;

}
.V2-member-mute-switcher[type="text_btn"][success][flag="1"] ins:before{
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-mute-switcher[type="text_btn"][success][flag="1"] ins:after {
    content: 'Đã mute';
}

/** Block user **/
.V2-member-block-switcher {
    display: inline-block;
    vertical-align: middle;
}
.V2-member-block-switcher ins {
    text-decoration: none;
}

.V2-member-block-switcher[type="text"],
.V2-member-block-switcher[type="text_icon"] {
    color: #8b9dc3;
    font-size: 11px;
    cursor: pointer;
}
.V2-member-block-switcher[type="text"]:not([success]):hover ins:after,
.V2-member-block-switcher[type="text_icon"]:not([success]):hover ins:after {
    color: #C00607;
}
.V2-member-block-switcher[type="text"]:not([success]) ins:after,
.V2-member-block-switcher[type="text_icon"]:not([success]) ins:after {
    content: 'Block';
}
.V2-member-block-switcher[type="text"][flag="1"]:not([success]) ins:after,
.V2-member-block-switcher[type="text_icon"][flag="1"]:not([success]) ins:after {
    content: 'Unblock';
}
.V2-member-block-switcher[type="text"][success],
.V2-member-block-switcher[type="text_icon"][success] {
    color: #999;
}
.V2-member-block-switcher[type="text"][success] ins:before,
.V2-member-block-switcher[type="text_icon"][success] ins:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-block-switcher[type="text"][success] ins:after,
.V2-member-block-switcher[type="text_icon"][success] ins:after {
    content: 'Đã bỏ block';
    margin-left: 5px;
}
.V2-member-block-switcher[type="text"][flag="1"][success] ins:after,
.V2-member-block-switcher[type="text_icon"][flag="1"][success] ins:after {
    content: 'Đã block';
}

.V2-member-block-switcher[type="text_icon"]:not([success]) ins:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;    
}
.V2-member-block-switcher[type="text_icon"]:not([success]) ins:before {
    content: '\f023';
}
.V2-member-block-switcher[type="text_icon"][flag="1"]:not([success]) ins:before {
    content: '\f13e';
}




.V2-member-block-switcher[type="text_tbn"] {
    color: #8b9dc3;
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, #fff, #eee);
    padding: 5px;
}

.V2-member-block-switcher[type="text_tbn"]:not([success]) ins:before{
    content: "\f023";
    font: normal normal normal 14px/1 FontAwesome;
    color: #999;
}
.V2-member-block-switcher[type="text_tbn"]:not([success]) ins:after {
    content: 'Block';
    padding: 8px 5px;
    color: #e40000;
    cursor: pointer;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
    font-weight: bold;
}

.V2-member-block-switcher[type="text_tbn"][flag="1"]:not([success]) ins:before{
    content: '\f09c';
    font: normal normal normal 14px/1 FontAwesome;
    color: rgba(42, 156, 169, 0.94);
}
.V2-member-block-switcher[type="text_tbn"][flag="1"]:not([success]) ins:after {
    content: 'Unblock';
    padding: 8px 5px;
    color: #050c0b;
    font-weight: bold;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
}

.V2-member-block-switcher[type="text_tbn"][success] ins:before{
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-block-switcher[type="text_tbn"][success] ins:after {
    content: 'Đã bỏ block';
    padding: 8px 5px;
    color: #47970e;
    font-weight: bold;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
}

.V2-member-block-switcher[type="text_tbn"][flag="1"][success] ins:before{
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-block-switcher[type="text_tbn"][flag="1"][success] ins:after {
    content: 'Đã block';
}

/** dont miss **/
.btn-dont-miss-user {

}
.V2-member-dont-miss-switcher {
    display: inline-block;
    vertical-align: middle;
}
.V2-member-dont-miss-switcher ins {
    text-decoration: none;
}
.V2-member-dont-miss-switcher ins svg {
    vertical-align: middle;
    padding-left: 5px;
}

.V2-member-dont-miss-switcher[type="text"],
.V2-member-dont-miss-switcher[type="text_icon"] {
    color: #8b9dc3;
    font-size: 11px;
    cursor: pointer;
}
.V2-member-dont-miss-switcher[type="text"]:not([success]):hover ins:after,
.V2-member-dont-miss-switcher[type="text_icon"]:not([success]):hover ins:after {
    color: #C00607;
}
.V2-member-dont-miss-switcher[type="text"]:not([success]) ins:after,
.V2-member-dont-miss-switcher[type="text_icon"]:not([success]) ins:after {
    content: 'Don\'t Miss';
}
.V2-member-dont-miss-switcher[type="text"][flag="1"]:not([success]) ins:after,
.V2-member-dont-miss-switcher[type="text_icon"][flag="1"]:not([success]) ins:after {
    content: 'Dont\t Miss';
}
.V2-member-dont-miss-switcher[type="text"][success],
.V2-member-dont-miss-switcher[type="text_icon"][success] {
    color: #999;
}
.V2-member-dont-miss-switcher[type="text"][success] ins:before,
.V2-member-dont-miss-switcher[type="text_icon"][success] ins:before {
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-dont-miss-switcher[type="text"][success] ins:after,
.V2-member-dont-miss-switcher[type="text_icon"][success] ins:after {
    content: 'Don\'t Miss';
    margin-left: 5px;
}
.V2-member-dont-miss-switcher[type="text"][flag="1"][success] ins:after,
.V2-member-dont-miss-switcher[type="text_icon"][flag="1"][success] ins:after {
    content: 'Don\'t Miss';
}

.V2-member-dont-miss-switcher[type="text_icon"]:not([success]) ins:before {
    font: normal normal normal 14px/1 FontAwesome;
    margin-right: 3px;
}
.V2-member-dont-miss-switcher[type="text_icon"]:not([success]) ins:before {
    content: '\f023';
}
.V2-member-dont-miss-switcher[type="text_icon"][flag="1"]:not([success]) ins:before {
    content: '\f13e';
}
.V2-member-dont-miss-switcher[type="text_tbn"] {
    color: #8b9dc3;
    font-size: 11px;
    cursor: pointer;
    border: 1px solid #ccc;
    background: linear-gradient(to bottom, #fff, #eee);
    padding: 5px;
}

.V2-member-dont-miss-switcher[type="text_tbn"]:not([success]) ins:before{

}
.V2-member-dont-miss-switcher[type="text_tbn"]:not([success]) ins:after {
    content: 'Don\'t Miss';
    padding: 8px 5px;
    color: #e40000;
    cursor: pointer;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
    font-weight: bold;
}

.V2-member-dont-miss-switcher[type="text_tbn"][flag="1"]:not([success]) ins:before{
    content: '\f09c';
    font: normal normal normal 14px/1 FontAwesome;
    color: rgba(42, 156, 169, 0.94);
}
.V2-member-dont-miss-switcher[type="text_tbn"][flag="1"]:not([success]) ins:after {
    content: 'Don\'t Miss';
    padding: 8px 5px;
    color: #050c0b;
    font-weight: bold;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
}
.V2-member-dont-miss-switcher[type="text_tbn"][success] ins:before{
    content: '\f00c';
    font: normal normal normal 14px/1 FontAwesome;
    color: #3a8207;
}
.V2-member-dont-miss-switcher[type="text_tbn"][success] svg {
    display: none;
}
.V2-member-dont-miss-switcher[type="text_tbn"][success] ins:after {
    content: 'Don\'t Miss';
    padding: 8px 5px;
    color: #47970e;
    font-weight: bold;
    width: 32px;
    overflow: hidden;
    box-sizing: border-box;
    transition: all .25s ease-out;
}
