@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

.ArticleDetailControl .tool {
    /* background: #f3f3f4;
    text-align: right;
    display: inline-block;
    width: 100%;
    padding: 10px 20px; */
    display: none;
}

.ArticleDetailControl .tool span.font_plus,
.ArticleDetailControl .tool span.font_minus,
.ArticleDetailControl .tool .print {
    cursor: pointer;
}

.ArticleDetailControl .tool span.font_plus::after {
    font-family: FontAwesome;
    content: "\f055";
}

.ArticleDetailControl .tool span.font_minus::after {
    font-family: FontAwesome;
    content: "\f056";
}

.ArticleDetailControl .tool .print::after {
    font-family: FontAwesome;
    content: "\f02f";
}

.ArticleDetailControl .tool .audio {
    position: relative;
}

.ArticleDetailControl .tool .audio::before {
    font-family: FontAwesome;
    content: "\f028";
    position: absolute;
}

.ArticleDetailControl .tool #tuongphan #tangtuongphan::after {
    font-family: FontAwesome;
    content: "\f185";
}

.ArticleDetailControl .tool #tuongphan #giamtuongphan::after {
    font-family: FontAwesome;
    content: "\f042";
}

.ArticleDetailControl .tool #tuongphan a {
    font-size: inherit;
    text-decoration: none;
    color: #000;
}

.ArticleDetailControl .tool input::after {
    content: ' Đọc bài viết ';
    font-weight: bold;
    color: #0051a0;
}

.ArticleDetailControl a {
    font: 13px Tahoma;
    color: blue;
    text-decoration: underline;
}

.ArticleDetailControl {
    background: #ffffff none repeat scroll 0 0;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}

.ArticleDetailControl .ArticleContent>table {
    margin: 0 !important;
    width: 100% !important;
}

.ArticleDetailControl .PostDate,
.ArticleDetailControl .Poster {
    color: #424242;
    font-size: 12px;
    font-style: italic;
    text-align: left;
    margin-bottom: 10px;
}

.ArticleDetailControl .PostDate::before {
    content: 'Ngày đăng: ';
}

.ArticleDetailControl .ArticleHeader,
.ArticleDetailControl .ArticleHeader h1 {
    color: #a36d0d;
    text-align: left;
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
}

.ArticleDetailControl .ArticleSummary {
    margin: 20px 0;
    text-align: justify;
    font-size: 15px;
    color: #495057;
    font-style: italic;
}

.ArticleDetailControl .ImgDetailImage {
    height: auto !important;
    margin: 20px 0;
    vertical-align: top;
    max-width: 600px !important;
}

.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;
}

.fb-comments {
    margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
    div.ArticleDetailControl {
        padding: 0 10px !important;
    }
}