.font_color {
    position: relative;
    bottom: 5px;
    font-size: 13px;
    font-family: Merriweather;
}

input#Color {
    color: transparent;
    width: 20px;
    padding: 0;
    padding-left: 0 !important;
    border-spacing: 0;
    border-collapse: collapse;
    height: 20px;
    border: none;
    position: relative;
    bottom: 3px;
}

.ArticleDetailControl .tool {
        /* background: #f3f3f4; */
        text-align: right;
        display: block !important;
        /* width:100%; */
        /* padding-top: 4px; */
        cursor: pointer;
}
.ArticleDetailControl .tool span.font_plus {
        background: url(https://storage-vnportal.vnpt.vn/sla-ubnd/themes/lci/uiarticledetail/images/up.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
        background-position: 10px;
}
.ArticleDetailControl .tool span.font_minus {
        background: url(https://storage-vnportal.vnpt.vn/sla-ubnd/themes/lci/uiarticledetail/images/down.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
        background-position: 10px;
}
.ArticleDetailControl .tool .print{
        background: url(images/p.png) no-repeat left top;
        width: 40px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
        line-height: 31px;
        font-size: 14px;
        font-weight: bold;
        color: #0051a0;
}
.ArticleDetailControl .tool .audio {
        background: url(images/audio.png) no-repeat 0 0;
        width: 35px;
        height: 35px;
        border:none;
        cursor: pointer;
        /* display: none; */
}
.ArticleDetailControl .tool input::after {
        content:' Đọc bài viết ';
        font-weight: bold;
        color: #0051a0;
}
a#tangtuongphan img,
a#giamtuongphan img {
        width: 28px !important;
        height: 28px !important;
        display: inline-block;
        vertical-align: top;
        margin-right: 2px;
        margin-top: 2px;
}
.ArticleDetailControl .tool #tangtuongphan {
        background: url(https://storage-vnportal.vnpt.vn/sla-ubnd/themes/lci/uiarticledetail/images/tangtuongphan.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
}
.ArticleDetailControl .tool #giamtuongphan {
        background: url(https://storage-vnportal.vnpt.vn/sla-ubnd/themes/lci/uiarticledetail/images/giamtuongphan.png) no-repeat 0 0;
        width: 31px;
        height: 31px;
        display: inline-block;
        vertical-align: top;
}
.ArticleDetailControl a {
        font: 13px Tahoma;
        color: blue;
        text-decoration: underline;
}
.ArticleDetailControl {
        /* background: transparent !important; */
        padding: 10px;
        text-align: center;
        margin-bottom: 20px;
}
.ArticleDetailControl .ArticleContent > table {
        margin: 0 !important;
        width: 100% !important;
}
.ArticleDetailControl .PostDate, .ArticleDetailControl .Poster {
        color: #7D92AE;
        text-align: left;
        font-size: 14px;
        padding: 5px 0;
        float: left;
        margin: 10px 0px 10px 0;
        WIDTH: 100%;
        font-family: Roboto;
}
.ArticleDetailControl .ArticleHeader,.ArticleDetailControl .ArticleHeader h1 {
        font-family: Merriweather;
        font-size: 32px;
        font-weight: 700;
        line-height: 42px;
        color: #031739;
        text-align: left;
}
.ArticleDetailControl .ArticleSummary {
        color: #292929;
        font-size: 17px;
        font-weight: bolder;
        line-height: 1.7;
        text-align: justify;
}
.ArticleDetailControl .ArticleSummary *{
        background: transparent !important;
        font-size: 15px;
        color: #212529;
}
.ArticleDetailControl .ImgDetailImage {
        height: auto !important;
        margin: 20px 0;
        vertical-align: top;
        max-width: 600px !important;
        margin-top: 5px;
        display: none;
}
.ArticleDetailControl .ArticleContent img {
        height: auto !important;
        margin: 10px 0;
        max-width: 700px !important;
}
.ArticleDetailControl .ArticleContent {
        clear: both;
        text-align: justify;
        font-size: 15px;
}
.ArticleDetailControl .author {
        padding-top: 10px;
        text-align: right;
        font-weight: bold;
}
.ArticleDetailControl .author .title-author {
        display: none;
}
.ArticleDetailControl .EmptyNote {
        color: #ff6a00;
        font-size: 18px;
}
.ArticleDetailControl .UtilBar {
        padding: 20px 0;
        text-align: right;
}
.ArticleDetailControl .UtilBar .Print {
        background: rgba(0, 0, 0, 0) url("images/print.png") no-repeat scroll center center;
        cursor: pointer;
        display: inline-block;
        height: 22px;
        margin-right: 10px;
        width: 22px;
}
.ArticleDetailControl .UtilBar .Email {
        background: rgba(0, 0, 0, 0) url("images/email.png") no-repeat scroll center center;
        cursor: pointer;
        display: inline-block;
        height: 22px;
        width: 22px;
}
.ArticleDetailControl .UISocialShare {
        margin: 20px 0;
        display: flex;
}
.ArticleDetailControl .UISocialShare .facebook, .likefacebook, .gplus,.twitter {
        float: left;
        margin-right: 10px;
}
a#tangtuongphan img, a#giamtuongphan img {
        width: 28px !important;
        height: 28px !important;
        display: inline-block;
        vertical-align: top;
        margin-right: 2px;
        margin-top: 2px;
}
span.font_family_select {
        display: none;
}
.ArticleDetailControl table[border] td{
        border-width: 1px;
}
.ArticleDetailControl .ArticleContent, 
.ArticleDetailControl .ArticleContent *
{
        font-size: 18px !important;
        line-height: 160%;
        font-family: 'Noto serif' !important;
}
div.ArticleDetailControl .bm-player .right{
        display: none;
}
div.ArticleDetailControl  .ArticleTool {
        display: flex;
        align-items: center;
}
div.ArticleDetailControl  .custom-audio {
        flex: 1;
        width: 100%;
}
div.ArticleDetailControl .bm-player {
        margin-top: 0;
}
@media only screen and (max-width: 768px) {
        .ArticleDetailControl .ArticleContent p,
        .ArticleDetailControl .ArticleContent div
        {
                width: unset !important;
        }
}
@media only screen and (max-width: 1023px){
        div.ArticleDetailControl {
                padding: 0 10px !important;
        }
        .ArticleTool {
                display: inline-block;
                width: 100%;
        }
        .ArticleDetailControl .bm-player {
                flex-direction: column;
                gap: 10px;
                height: unset;
                margin-bottom: 10px;
        }
        .ArticleDetailControl .bm-player>* {
                flex: 1;
                width: 100%;
        }
        .ArticleDetailControl .bm-player .left {
                gap: 5px;
        }
        .ArticleDetailControl .bm-player .time-display {
                min-width: 80px;
        }
        div.ArticleDetailControl .tool>*{
                margin-top: 0 !important;
        }
}