﻿/*-------------------------- VIEW TIN TUC ------------------ */
/* ------- Tin chinh --------*/

/* Noi dung gioi thieu*/

..QTI_tinthuong .tin-img {
    border: 1px solid #dbdbdb;
    padding: 5px;

}

.QTI_tinthuong .tin-img-inner img {
    position: absolute;
    object-fit: fill;
    width: 100%;
    height: 100% !important;
    background: #dbdbdb;
}

.QTI_tinthuong .tin-img-inner-danhsach img {
    width: 100%;
    height: auto;
}

.QTI_tinthuong .tin-img-inner {
    position: relative;
    padding-bottom: 56.25%;
}

.QTI_tinthuong .tinchinh .title,
.QTI_tinthuong .tinchinh .title a {
    font-weight: bold;
    line-height: 20px;
    text-align: justify;
    margin-bottom: 5px;
}

.QTI_tinthuong .gioithieu {
    text-align: justify;

}

.QTI_tinthuong .gioithieu p,
.QTI_tinthuong .gioithieu b {
    font-weight: normal;
}

/*ngay nguoi luot*/

.QTI_tinthuong .ngaynguoiluot {
    font-weight: normal !important;
    margin-bottom: 5px;
}

.QTI_tinthuong .ngaynguoiluot {
    font-size: 12px;
    color: #474747;
}

.QTI_tinthuong .ngaynguoiluot span {
    font-style: initial;
    font-size: 13px;
    color: #787880;
    font-weight: normal;
}

.QTI_tinthuong .ngaynguoiluot img {
    padding-right: 5px;
}

.QTI_tinthuong .ngaynguoiluot span,
.QTI_tinthuong .ngaynguoiluot img {
    vertical-align: initial;
}

/*tin khac*/
.QTI_tinthuong .tinkhac {
    text-align: justify;
}

.QTI_tinthuong .tinkhac ul.listtinkhac {
    margin-left: 0px;
    margin-bottom: 0px;
}

.QTI_tinthuong .tinkhac ul.listtinkhac li {
    list-style-type: none;
    text-align: justify;
    min-height: 55px;
}

.QTI_tinthuong .tinkhac ul.listtinkhac li {
    border-bottom: 1px #dbdbdb solid;
    padding: 10px 0;
}

.QTI_tinthuong .tinkhac ul.listtinkhac li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.QTI_tinthuong .tinkhac .icontinkhac img {
    margin: 0px 5px 5px 0;
    position: relative;
}


/*-------Kieu 1------*/
@media screen and (min-width: 576px) {
    .news-k1 .tinchinh {
        display: flex;
    }

    .news-k1 .dt-news-post-img {
        width: calc(100% / 12* 6);
        margin-right: 10px;
    }

    .news-k1 .noidung {
        width: calc(100% / 12* 6);
    }
}

.news-k1 .tinchinh .dt-news-post-img {
    margin-bottom: 10px;
}

.news-k1 span.icontinkhac {
    float: left;
}

.news-k1 .tinkhac ul.listtinkhac li {
    min-height: 50px;
    /*chieu cao tin khac*/
}

.news-k1 span.icontinkhac {
    float: left;
}

.news-k1 .tinkhac ul.listtinkhac li {
    min-height: 50px;
    /*chieu cao tin khac*/
}

/*------e:Kieu 1-------*/


/*-----Kieu 2------*/
.news-k2 .tinkhac ul.listtinkhac li:first-child {
    padding-top: 0;
}

@media screen and (min-width: 576px) {
    .news-k2 .tinchinh {
        display: flex;
    }

    .news-k2 .dt-news-post-img {
        width: calc(100% / 12* 6);
        margin-right: 10px;
    }

    .news-k2 .noidung {
        width: calc(100% / 12* 6);
    }
}

.news-k2 .dt-news-post-img {
    margin-bottom: 10px;
}

/*-----e:Kieu 2------*/


/*----tin kieu 3---*/
@media screen and (min-width: 576px) {
    .news-k3 .tinchinh {
        display: flex;
    }

    .news-k3 .dt-news-post-img {
        width: calc(100% / 12* 4);
        margin-right: 10px;
    }

    .news-k3 .noidung {
        width: calc(100% / 12* 8);
    }
}

.news-k3 .dt-news-post-img,
.news-k3 .tinchinh {
    margin-bottom: 10px;
}

.news-k3 .baivietkhac {
    font-weight: bold;
    text-decoration: underline;
}

/*---e:Kieu 3-----*/


/*-----kieu4------*/

/*-----css tin kieu 4------*/
.news-k4 .tinkhac:nth-of-type(1) {
    padding-top: 0px;
}

.news-k4 .tinkhac {
    margin-bottom: 10px;
}

.news-k4 .tieudetinchinh {
    margin-bottom: 5px;
    min-height: 41px;
    margin-top: 5px;
}

.news-k4 .tinchinh {
    margin-bottom: 10px;
}

.news-k4 .dt-news-post-img {
    margin-bottom: 10px;
}

@media screen and (min-width: 576px) {
    .news-k4 .tinchinh-inner {
        display: flex;
    }

    .news-k4 .tinchinh .dt-news-post-img {
        width: calc(100% / 12* 7);
        margin-right: 10px;
    }

    .news-k4 .gioithieu {
        width: calc(100% / 12* 5);
    }

}

.news-k4 .tinkhac {
    display: flex;
}

.news-k4 .tinkhac .dt-news-post-img {
    width: calc(100% / 12* 4);
    margin-right: 10px;
}

.news-k4 .tinkhac .tieude {
    width: calc(100% / 12* 8);
}

/*----------e: kieu 4------------*/
/*----------css kieu 5------------*/

@media screen and (min-width: 576px) {
    .news-k5 .tinchinh .noidung {
        display: flex;
    }

    .news-k5 .tinchinh .dt-news-post-img {
        width: calc(100% / 12* 5);
        margin-right: 10px;
    }

    .news-k5 .tinchinh .gioithieu {
        width: calc(100% / 12* 7);
    }

    .QTI_tinthuong .news-k5 .ngaynguoiluot {
        padding-left: 10px;
    }

}

.news-k5 .tinchinh .dt-news-post-img,
.news-k5 .tinchinh .gioithieu {
    margin-bottom: 10px;
}

/*----------e:kieu 5------------*/


/*-------kieu 7-------------*/
@media screen and (min-width: 576px) {
    .news-k7 .tinchinh .tinchinh-inner {
        display: flex;
    }

    .news-k7 .tinchinh .dt-news-post-img {
        width: calc(100% / 12* 6);
        margin-right: 10px;
    }

    .news-k7 .tinchinh .noidung {
        width: calc(100% / 12* 6);
    }
}

.news-k7 .tinchinh .dt-news-post-img {
    margin-bottom: 10px;
}

/*-------e:Kieu 7-------------*/

/*------css kieu 8--------------*/
/*------css kieu 8--------------*/

.news-k8 .tinkhac {
    display: flex;
}

.news-k8 .tinkhac .dt-news-post-img {
    width: calc(100% / 12* 4);
    margin-right: 10px;
}

.news-k8 .tinkhac .tieude {
    width: calc(100% / 12* 8);
}

.news-k8 .tinkhac {
    margin-bottom: 20px;
}

.news-k8 .noidung,
.news-k8 .tinchinh .dt-news-post-img {
    margin-bottom: 10px;
}


/*------e:Kieu8------*/

/*----css kieu qti-----*/
.news-kqti .tin-img {
    margin-bottom: 10px;
}

/* -------------- E:VIEW TIN TUC--------------- */

/*-----------------nut button------------------*/
.button-set .RadButton_Default.rbSkinnedButton,
.button-set .RadButton_Default .rbDecorated,
.button-set .RadButton_Default.rbVerticalButton,
.button-set .RadButton_Default.rbVerticalButton .rbDecorated,
.button-set .RadButton_Default .rbSplitRight,
.button-set .RadButton_Default .rbSplitLeft,
.button-set .rbDecorated {
    line-height: 0px;
    font-size: 14px;
    background-image: none;
    vertical-align: top;
    border-radius: 2px;
    color: #fff;
    background-color: #3498db;
    height: 24px;
}

.button-set .qti-button {
    line-height: 24px;
    font-size: 14px;
    background-image: none;
    vertical-align: top;
    border-radius: 2px;
    color: #fff;
    background-color: #3498db;
    height: 24px;
    padding: 0 5px;
}

.button-set .RadButton_Default.rbSkinnedButton {
    background-image: none;
    margin-bottom: 5px;
}

.button-set .rbPrimaryIcon {
    top: 5px;
}

/*--------------e:button------------------*/
/*check hien thi*/
.check-all label {
    padding: 0 5px;
    vertical-align: middle;
}

/*e:check hien thi*/
/*border input*/
.Tinthuong_style textarea,
.Tinthuong_style .riTextBox,
.Tinthuong_style .RadUpload_Default .ruFakeInput,
.Tinthuong_style input.input-style,
.Tinthuong_style .textbox,
.Tinthuong_style select,
.Tinthuong_style .RadComboBox table {
    border: 1px solid #dbdbdb !important;
}

/*e:border input*/
/*bg combobox*/
.Tinthuong_style .RadComboBox_Default .rcbInputCell {
    background-image: none;
}


.Tinthuong_style .RadComboBox_Default .rcbArrowCell,
.Tinthuong_style .rcbArrowCell.rcbArrowCellRight a {
    background: url(/images/dropdown.png) center center no-repeat;
}

.Tinthuong_style .RadComboBox .rcbInput {
    padding: 5px;
}

.Tinthuong_style .RadComboBox table td.rcbInputCell {
    padding: 0px;
}

.Tinthuong_style .RadComboBoxDropDown {
    border-top: none;
    border: 1px solid #dbdbdb;
}


.Tinthuong_style .RadComboBox table {
    border: 1px solid #dbdbdb !important;
    border-radius: 3px;
    background: white
}

/*e:bg combobox*/
.Tinthuong_style .row {
    padding-bottom: 5px;
}

/*chieu rong input, combobox*/
@media screen and (max-width: 480px) {

    .Tinthuong_style div.RadComboBox.RadComboBox_Default,
    .Tinthuong_style .RadPicker.RadPicker_Default,
    .Tinthuong_style span.ruFileWrap.ruStyled,
    .Tinthuong_style .riSingle,
    .Tinthuong_style input.textbox,
    .Tinthuong_style input.input-style,
    .Tinthuong_style .combobox {
        width: 100% !important;
    }
}

.Setting_Tinthuong .RadTreeView_Default .rtIn {
    white-space: break-spaces;
}

/*------------e:setting modlue tin moi doc nhieu-------------*/

.rpTemplate {
    padding: 5px;
}

/*kieu phan trang*/
.Tintab_KieuPhantrang .image-desc img.anhicon {
    margin: 3px;
}

.Tintab_KieuPhantrang .RadGrid_Office2007 .rgRow td,
.Tintab_KieuPhantrang .RadGrid_Office2007 .rgAltRow td,
.Tintab_KieuPhantrang .RadGrid_Office2007 .rgEditRow td,
.Tintab_KieuPhantrang .RadGrid_Office2007 .rgFooter td {
    border-style: none !important;
    border-width: initial !important;
}

.Tintab_KieuPhantrang .RadGrid_Office2007 {
    border: none !important;
}

.Tintab_KieuPhantrang .RadGrid_Office2007 .rgRow a,
.Tintab_KieuPhantrang .RadGrid_Office2007 .rgAltRow a,
.Tintab_KieuPhantrang .RadGrid_Office2007 .rgEditRow a,
.Tintab_KieuPhantrang .RadGrid_Office2007 .rgFooter a,
.Tintab_KieuPhantrang .RadGrid_Office2007 .rgEditForm a {
    color: inherit !important;
    font-weight: bold;
}

.Tintab_KieuPhantrang .RadGrid_Windows7 .rgRow td,
.Tintab_KieuPhantrang .RadGrid_Windows7 .rgAltRow td,
.Tintab_KieuPhantrang .RadGrid_Windows7 .rgEditRow td,
.Tintab_KieuPhantrang .RadGrid_Windows7 .rgFooter td {
    border-style: none !important;
    border-width: initial !important;
}

.Tintab_KieuPhantrang .RadGrid_Windows7 {
    border: none !important;
}

.Tintab_KieuPhantrang .RadGrid_Windows7 .rgRow a,
.Tintab_KieuPhantrang .RadGrid_Windows7 .rgAltRow a,
.Tintab_KieuPhantrang .RadGrid_Windows7 .rgEditRow a,
.Tintab_KieuPhantrang .RadGrid_Windows7 .rgFooter a,
.Tintab_KieuPhantrang .RadGrid_Windows7 .rgEditForm a {
    color: inherit !important;
    font-weight: bold;
}

.Tintab_KieuPhantrang .RadGrid_Windows7 .rgRow {
    background-color: none !important;
}

.Tintab_KieuPhantrang .tinphantrang .anhminhhoa {
    width: 100%;
    height: auto;
}

img.iconclock {
    position: relative;
    top: 3px;
}

/*------css kieu 3 ------*/


i.icondate {
    padding-right: 5px;
    color: #858585;
    font-size: 14px;
}