* {
    margin: 0;
    padding: 0;
}

.boxtinnongleft {
    border-right: 1px solid #dddddd;
}

.boxtinnongleft ul {
    margin-bottom: unset;
    padding-left: unset;
}

.boxtinnongleft ul li a img {
    height: 365px;
    object-fit: cover;
}

.boxtinnongleft ul li a div {
    padding-left: 15px;
    padding-right: 15px;
}

.boxtinnongleft ul li a p {
    margin-bottom: unset;
}

p.TinnongTit {
    color: #d1383d;
    font-family: RobotoBold;
    /* text-transform: uppercase; */
    font-size: 21px;
    line-height: 1.3;
}

p.timecontent {
    color: #686767;
    font-family: Roboto;
    font-size: 14.5px;
    margin: 15px 0px;
}

p.Tinnongdes {
    color: black;
    font-family: Roboto;
    font-size: 15.5px;
    margin-top: 20px;
    text-align: justify;
    line-height: 2.0;
    padding-left: 5px;
    max-height: 205px;
    overflow-y: auto;
    padding-right: 10px;
}

.boxtinnongright {
    padding-left: 40px;
}

.TittleCDS {
    text-align: left;
    height: 35px;
    border-bottom: 4px solid #d1383d;
}

.TittleCDS a {
    color: #d1383d;
    font-family: RobotoBold;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 1.3;
}

.boxtinnongright ul {
    padding-right: 15px;
    padding-top: 18px;
    margin-bottom: unset;
    overflow-y: auto;
    height: 355px;
}

.boxtinnongright ul li a::before {
    content: "";
    background-image: url("../img/next01.png");
    background-size: 85% 100%;
    font-weight: bold;
    width: 12px;
    height: 12px;
    clip-path: polygon(56% 0, 100% 50%, 56% 100%, 0% 100%, 40% 48%, 0% 0%);
    display: inline-block;
    position: absolute;
    left: 2px;
    top: 5px;
}

.boxtinnongright ul li a {
    color: black;
    font-family: Roboto;
    font-size: 15.5px;
    text-align: justify;
    display: block;
    line-height: 1.55;
    margin-bottom: 25px;
    position: relative;
    padding-left: 20px;
}

.boxtinnongright ul li:last-child a {
    margin-bottom: unset;
}

.Tittin {
    height: 45px;
    display: flex;
    align-items: center;
    /*border-bottom: 1px solid rgba(9, 30, 66, 0.25);*/
    margin-bottom: 15px;
    margin-top: 15px;
}

.Tittin a {
    color: #d1383d;
    font-family: RobotoBold;
    text-transform: uppercase;
    font-size: 20px;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
}

a.tinmoinhat {
    display: flex;
    padding-bottom: 10px;
}

.divtinmoi {
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
    padding-bottom: 13px;
}

a.tinmoinhat img {
    width: 38%;
    height: 125px;
    object-fit: cover;
    border-radius: 5px;
}

a.tinmoinhat div {
    width: 62%;
    padding-left: 10px;
}

div.vmenu .boxsearchh {
    padding-right: 36px;
}

p.tinmoitit {
    color: black;
    font-family: RobotoBold;
    font-size: 17.5px;
    line-height: 1.4;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 8px;
    max-height: 125px;
    overflow-y: auto;
}

p.tinmoides {
    color: black;
    font-family: RobotoLight;
    font-size: 15.5px;
    line-height: 1.5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 5px;
    height: 70px;
    overflow-y: auto;
}

.khoitin3 ul {
    margin-top: 10px;
}

.khoitin3 ul li a {
    display: flex;
    margin-bottom: 15px;
}

.khoitin3 ul li a .timecontent {
    width: 25.5%;
    color: #5e5e5e;
    margin-top: unset;
    font-size: 15px;
    border-right: 1px solid #dddddd;
    text-align: center;
}

.khoitin3 ul li a p:last-child {
    width: 75.5%;
    color: black;
    font-family: RobotoLight;
    font-size: 15.5px;
    line-height: 1.65;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box !important;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 5px;
    text-align: justify;
    padding-left: 12px;
    max-height: 100px;
    overflow-y: auto;
    padding-right: 5px;
}

.khoitin3 a p::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.khoitin3 a p::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.cds a {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cds img {
    width: 48%;
    margin-top: 10px;
    margin-bottom: 30px;
}

.nghiepvu3tin a {
    position: relative;
    font-size: 15.5px;
}

.dichvucds a {
    display: inline-block;
    text-align: center;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    font-size: 25px;
    color: #3c3c3c;
    font-family: Roboto;
    line-height: 1.3;
    background-color: white;
    border-radius: 6px;
    font-weight: bold;
    height: 230px;
    padding: 5px;
}

.dichvucds img {
    width: 40%;
}

.boxnghiepvu .Tittin a {
    display: flex;
}

.boxnghiepvu .Tittin img {
    width: 25px;
    height: 25px;
    margin-right: 5px;
}

.nghiepvu3tin li a::before {
    content: "";
    background-color: #d1383d;
    font-weight: bold;
    width: 6px;
    height: 6px;
    clip-path: circle(50.0% at 50% 50%);
    position: absolute;
    left: 0;
    top: 9px;
}

div.dichvucds {
    padding: 0px 30px;
}

.nghiepvu3tin p::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.nghiepvu3tin p::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.nghiepvu3tin li a.boxvb div p:first-child {
    font-weight: unset;
    font-family: 'Roboto';
    color: #0a58ca;
    height: auto;
}

.nghiepvu3tin li a.boxvb p:last-child {
    font-size: 15.5px;
    font-family: Roboto;
}

.nghiepvu3tin li a.boxvb div p:last-child {
    font-size: 15px;
}

.nghiepvu3tin {
    margin-top: 20px;
    margin-bottom: unset;
}

.nghiepvu3tin i {
    margin-right: 8px;
    color: #616060;
}

.nghiepvu3tin li a p {
    margin-bottom: unset;
}

.nghiepvu3tin li a p:last-child {
    color: #616060;
    font-size: 13px;
    padding-left: 12px;
}

.nghiepvu3tin li {
    margin-bottom: 11px;
}

.xemthem {
    color: #d1383d;
    display: block;
    text-align: right;
    font-family: Roboto;
    font-size: 14px;
}

.boxctcontent {
    display: flex;
}

.boxctright {
    padding-left: 25px;
}

.boxctright ul li a {
    display: flex;
}

#btnsearch {
    position: absolute;
    right: 5px;
    top: 7px;
}

.boxctright ul li img {
    width: 25%;
    height: auto;
    object-fit: unset;
}

.timect {
    text-align: left;
    font-family: RobotoMedium;
    font-size: 15px;
    color: #616060;
    margin-top: 9px;
    /* border-right: 1px solid rgba(9, 30, 66, 0.25); */
    padding-left: 25px;
}

.boxctright ul li {
    padding-bottom: 5px;
    border-bottom: 1px solid #888888;
    padding-top: 15px;
}

.boxctright ul li:first-child {
    padding-top: unset;
}

.contentctbox {
    width: 75%;
}

.boxctleft a {
    display: block;
    height: 100%;
}

.boxctleft a img {
    height: 100%;
    object-fit: cover;
}

.contentct {
    width: 100%;
    padding-left: 25px;
    text-align: justify;
    font-family: RobotoMedium;
    font-size: 17.5px;
    line-height: 1.6;
    color: black;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    /* -webkit-line-clamp: 3; */
    -webkit-box-orient: vertical;
    white-space: normal;
    max-height: 112px;
    overflow-y: auto;
    padding-right: 5px;
}

.boxnentang ul {
    margin-top: 22px;
    justify-content: center;
    text-align: center;
    padding: 0px 30px;
}

.boxnentang ul li {
    padding: 0px 7px;
    /* width: 15.5%; */
}

.boxctright ul li:last-child {
    border-bottom: unset;
}

.boxnentang img {
    width: 100%;
    border: 1px solid #164789;
    border-radius: 5px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.boxquangcao {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 2px solid #d1383d;
}

.boxnentang {
    padding-bottom: 10px;
    position: relative;
}

span.bars {
    width: 20px;
    height: 3px;
    background-color: #f00;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    top: 50%;
    left: 13px;
}

span.bars:before {
    content: "";
    left: 0;
    width: 20px;
    height: 3px;
    background: #f00;
    border-radius: 2px;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: absolute;
    top: -6px;
    margin-top: unset;
    transform: unset;
}

.navbar-nav {
    background-color: white;
}

span.bars:after {
    left: 0;
    content: "";
    width: 20px;
    height: 3px;
    background: #f00;
    border-radius: 3px;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: absolute;
    top: 6px;
    margin-top: unset;
    transform: unset;
}

.boxthuvienso ul {
    display: flex;
}

.boxthuvienso ul li {
    padding: 10px;
}

.boxthuvienso ul li img {
    border-radius: 5px;
    margin-bottom: 7px;
    height: 200px;
    object-fit: cover;
}

.boxthuvienso ul li a {
    color: black;
    font-family: Roboto;
    text-align: justify;
    display: inline-block;
    font-size: 17.5px;
    line-height: 1.6;
}


p.quyentt {
    margin-top: 20px;
    border-top: 1px solid #ff5454;
    padding-top: 20px;
    text-align: center;
    font-family: 'RobotoLight';
    font-weight: bold;
}

ul.Tinnongslide li a:hover p:first-child {
    color: #0a58ca;
}

ul.Tinnongslide li a:hover img {
    transform: scale(1.01);
    z-index: 100;
}

.boxtinnongright a:hover {
    color: #0a58ca;
}

.khoitin3 a:hover p:first-child {
    color: #0a58ca;
}

.khoitin3 a:hover img {
    transform: scale(1.04);
    z-index: 100;
}

.khoitin3 ul li a:hover p:first-child {
    color: #0a58ca;
}

.khoitin3 p.timecontent {
    margin-bottom: unset;
}

.CamNangConten a:hover img {
    transform: scale(1.06);
    z-index: 100;
}

ul.nghiepvu3tin li a:hover p:first-child {
    color: #0a58ca;
}

.boxctleft a:hover img {
    transform: scale(1.03);
    z-index: 100;
}

.boxctright a:hover p:first-child {
    color: #0a58ca;
}

.boxctright a:hover img {
    transform: scale(1.03);
    z-index: 100;
}

.boxnentang ul li a:hover img {
    transform: scale(1.03);
    z-index: 100;
}

.boxquangcao a:hover img {
    transform: scale(1.03);
    z-index: 100;
}

.boxthuvienso ul li a:hover img {
    transform: scale(1.03);
    z-index: 100;
}

.boxthuvienso ul li a:hover {
    color: #0a58ca;
}

.main-menu {
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
    padding-right: 45px;
}

.main-menu ul {
    width: max-content;
}

.btnsearch {
    background-color: white;
}

.main-menu::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.tinmoides::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.tinmoides::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.main-menu::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.fixmenu {
    position: fixed !important;
    width: 100%;
    top: 0;
    z-index: 999;
    border-top: 0;
}

.contentct::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.contentct::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.Tinnongdes::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.Tinnongdes::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.boxtinnongright ul::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.boxtinnongright ul::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.nav-folder .ul-nav-folder {
    display: flex;
    max-height: 50px;
    overflow: hidden;
    width: max-content;
    flex-grow: 1;
}

.flexbox {
    display: flex;
    align-items: center;
}

.title-folder {
    padding-right: 15px;
    width: 15%;
}

.Menutongds .title-folder a {
    font-family: RobotoBold;
    font-size: 35px;
}

.Menutongds a {
    color: #4f4f4f;
    font-family: RobotoBold;
    font-size: 17.5px;
}

.ul-nav-folder li {
    padding: 0px 15px;
}

.ul-nav-folder li.active a {
    color: #d1383d;
}

.Menutongds {
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
}

div.Khoidstin {
    padding-top: 15px;
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 2px;
}

.ChiTietdiv div.Khoidstin {
    background-color: #fcfaf6;
    border-bottom: 2px solid rgba(0, 0, 0, 0.07);
    padding-bottom: 15px;
    margin-bottom: 15px;
}

div.Khoiduoids {
    margin-top: 15px;
}

div.Khoiduoids a img {
    margin-bottom: 15px;
}

#loadformtin label {
    font-size: 15.5px;
    font-family: RobotoMedium;
}

#loadformtin .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

#loadformtin {
    padding: 10px;
    background-color: #fcfaf6;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
    margin-bottom: 15px;
}

.danhsachbl ul li {
    display: flex;
    padding: 15px 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.danhsachbl ul li:last-child {
    border-bottom: unset;
}

.danhsachbl ul li img {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border-radius: 25px;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.danhsachbl ul li p {
    margin-bottom: 0px;
    font-family: Roboto;
    font-size: 15.5px;
}

.danhsachbl ul li p.hoten {
    font-family: RobotoBold;
}

.danhsachbl ul li p.timebl {
    font-family: RobotoLight;
    font-style: italic;
    color: #616060;
    font-size: 14.5px;
}

.ChiTietdiv a.newtit span {
    font-family: RobotoLight;
    font-style: italic;
    color: #616060;
}

.ykienbl {
    font-size: 25px;
    color: black;
    font-family: RobotoBold;
}

.danhsachbl a.page-link {
    padding: 2px 16px !important;
}

.danhsachbl .clspaging ul {
    margin-top: unset;
}

.danhsachbl .clspaging {
    display: flex;
    justify-content: center;
}

div.Khoiduoids a {
    font-size: 17.5px;
    color: black;
    font-family: RobotoMedium;
    text-align: justify;
}

div.Khoiduoids a p {
    height: 95px;
    overflow-y: auto;
    padding-right: 5px;
    line-height: 1.3;
}

div.Khoiduoids a p::-webkit-scrollbar {
    background: #d0cccc;
    width: 3px;
    right: 0px;
    height: 4px;
}

div.Khoiduoids a p::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 10px;
    width: 2px;
}

a.newhotds {
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.Khoitinchay ul {
    padding: 10px 7px;
    border: 1px solid rgba(9, 30, 66, 0.25);
    height: 725px;
    overflow-y: auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px -50px 36px -28px inset;
}

.Khoitinchay ul::-webkit-scrollbar {
    background: #d0cccc;
    width: 5px;
    right: 0px;
    height: 4px;
}

.Khoitinchay ul::-webkit-scrollbar-thumb {
    background: #999999;
    border-radius: 10px;
    width: 5px;
}

.Khoitinchay ul li a {
    display: flex;
    align-items: flex-start;
}

.Khoitinchay ul li a p {
    width: 65%;
    text-align: justify;
    color: black;
    font-size: 15.5px;
    padding-right: 7px;
    line-height: 1.3;
    font-family: RobotoMedium;
}

.Khoitinchay ul li a img {
    width: 35%;
}

.form-control {
    padding: .375rem .75rem !important;
}

.danhsachbl ul li p.timebl i {
    margin-right: 5px;
}

.Khoitinchay ul.boxtc li a img {
    width: 35%;
    height: 60px;
    object-fit: cover;
}

.Khoitinchay ul li {
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
    padding-top: 10px;
}

.Khoitinchay ul li:last-child {
    border-bottom: unset;
}

.khoitrai img {
    width: 40%;
    padding-right: 7px;
}

.khoitrai li a:first-child {
    text-align: justify;
    font-family: RobotoBold;
    font-size: 17.5px;
    color: black;
}

.khoitrai li a:last-child {
    display: flex;
    align-items: flex-start;
    color: black;
    font-family: Roboto;
    font-size: 15.5px;
    text-align: justify;
}

.khoitrai li {
    padding-top: 15px;
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
}

.khoitrai li:last-child {
    border-bottom: unset;
}

.khoitrai {
    border-right: 1px solid rgba(9, 30, 66, 0.25);
}

a.nongdsct {
    display: block;
}

a.nongdsct div {
    background-color: #f7f7f7;
    padding-bottom: 5px;
}

a.nongdsct p {
    color: black;
    text-align: justify;
    line-height: 1.3;
    padding: 0px 10px;
}

a.nongdsct p.titt {
    font-size: 17.5px;
    font-family: RobotoBold;
    margin-top: 15px;
}

a.nongdsct p.dess {
    font-size: 15.5px;
    font-family: Roboto;
}

.nongdsctul li {
    padding-bottom: 15px;
    padding-top: 15px;
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
}

.nongdsctul li:first-child {
    padding-top: unset;
}

.nongdsctul li:last-child {
    border-bottom: unset;
    padding-bottom: unset;
}

.nongdsctul li a {
    display: flex;
}

.nongdsctul li a p {
    font-size: 17.5px;
    font-family: RobotoBold;
    width: 65%;
    color: black;
    text-align: justify;
    line-height: 1.3;
    padding-right: 15px;
}

.div-ul-nav-folder {
    overflow-x: auto;
    width: 100%;
    overflow-y: hidden;
}

.nongdsctul li a img {
    width: 35%;
}

ul.nongdsctul {
    padding: 0px 15px;
    border-left: 1px solid rgba(9, 30, 66, 0.25);
}

a.newtit {
    font-size: 25px;
    color: black;
    font-family: RobotoBold;
    border-bottom: 1px solid #c60d0d;
    margin-bottom: 15px;
    display: block;
    padding-top: 15px;
}

.khoitinthuocmd {
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
    padding-bottom: 15px;
}

.divDanhsach {
    padding-bottom: 15px;
}

.Tinhot a:hover img {
    transform: scale(1.04);
    z-index: 100;
}

.Tinhot a:hover p.TinnongTit {
    color: #0a58ca;
}

.Khoiduoids a:hover p {
    color: #0a58ca;
}

.Khoitinchay a:hover p {
    color: #0a58ca;
}

.Khoitinchay a:hover img {
    transform: scale(1.04);
    z-index: 100;
}

.khoitrai a:hover p {
    color: #0a58ca;
}

.khoitrai a:hover img {
    transform: scale(1.04);
    z-index: 100;
}

.khoitinthuocmd a.nongdsct:hover img {
    transform: scale(1.04);
    z-index: 100;
}

.khoitinthuocmd a.nongdsct:hover p.titt {
    color: #0a58ca;
}

.nongdsctul a:hover img {
    transform: scale(1.04);
    z-index: 100;
}

.nongdsctul a:hover p {
    color: #0a58ca;
}

.Tincap2 {
    margin-top: 15px;
}

.Tincap2 li a {
    display: flex;
    color: black;
}

.Tincap2 li a div p:first-child {
    font-family: RobotoBold;
    font-size: 17.5px;
}

.Tincap2 li a div p:last-child {
    font-size: 15.5px;
}

.Tincap2 li a div {
    width: 70%;
    padding-left: 15px;
}

.Tincap2 li a img {
    width: 30%;
    height: 180px;
    object-fit: cover;
}

.Tincap2 li {
    padding: 15px 0px;
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
}

.chuyenmucdiv a.newhotds {
    background-color: #f7f7f7;
    padding: 10px;
    border-bottom: unset;
}

.Tincap2 li a:hover div p:first-child {
    color: #0a58ca;
}

.Tincap2 li a:hover img {
    transform: scale(1.04);
    z-index: 100;
}

.chuyenmucdiv .Khoidstin {
    margin-left: 0px;
    margin-right: 0px;
}

.chuyenmucdiv .Khoitinchay .khoitinthuocmd ul {
    border: unset;
    padding: 0px 10px;
}

.chuyenmucdiv .Khoitinchay .khoitinthuocmd ul a {
    font-size: 15.5px;
    font-family: RobotoMedium;
    color: black;
    text-align: justify;
}

.chuyenmucdiv a.nongdsct div {
    background-color: unset;
}

.chuyenmucdiv a.nongdsct p {
    padding: 0px 0px;
}

.chuyenmucdiv .Khoitinchay .khoitinthuocmd a.nongdsct:hover div p:last-child {
    color: black;
}

.chuyenmucdiv .Khoitinchay .khoitinthuocmd a.nongdsct {
    border-bottom: 1px solid rgba(9, 30, 66, 0.25);
}

.chuyenmucdiv .Khoitinchay .khoitinthuocmd ul {
    height: auto;
    box-shadow: unset;
}

.chuyenmucdiv .khoitinthuocmd {
    border-bottom: unset;
}

.chuyenmucdiv .Tinhot .newhotds img {
    padding: unset;
}

.chuyenmucdiv .Tinhot a.newhotds {
    padding: unset;
}

.Tincap2 li:last-child {
    border-bottom: unset;
}

.PhanTrang {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.Tincap2 div.PhanTrang li {
    border-bottom: unset;
}

a.page-link {
    padding: 13px 20px !important;
    font-size: 14px !important;
    color: #3d3d3d !important;
    background-color: #e4e3e3 !important;
    border: unset !important;
    margin: 0px 2px !important;
}

.active a.page-link {
    background-color: #505050 !important;
    color: white !important;
}

.last a.page-link {
    background-color: #db0000 !important;
    color: white !important;
}

.Khoitinchay .khoimenunhanh ul {
    height: auto;
    border: unset;
    box-shadow: unset;
    padding: 10px 0px;
    overflow-x: hidden;
}

.Khoitinchay .khoimenunhanh ul li a img {
    width: 100%;
    object-fit: cover;
}

.quangcaoct img {
    width: 100%;
    margin-bottom: 10px;
}

.ChiTietdiv a.newtit {
    padding-top: unset;
    margin-bottom: 10px;
}

.Khoidstin p.ChitietTit {
    font-family: RobotoBold;
    font-size: 34px;
    margin-bottom: 10px;
    text-align: justify;
    line-height: 1.2;
    padding-bottom: 20px;
}

.Khoidstin .tinchitiet p {
    margin-bottom: 0px;
}

.Khoidstin p.timechitiet {
    margin-right: 8px;
    color: #616060;
    font-size: 15.5px;
    font-style: italic;
    margin-bottom: 0px;
    font-family: Roboto;
}

.noidungtin {
    text-align: justify;
    font-family: Roboto;
}

.Khoidstin .description {
    margin-bottom: 5px;
    font-family: Roboto;
}

div.tinchitiet {
    position: relative;
}


/* ------------------------------------------------------ */

.Khoighim {
    position: sticky;
    top: 65%;
    display: block;
    height: 5px;
}

.social-container img {
    width: 30px;
    height: 30px;
}

.social-container a:hover img {
    transform: scale(1.08);
    z-index: 100;
}

.kquangc {
    position: sticky;
    top: 0;
}

.social-container i {
    font-size: 30px;
}

.social-container a {
    display: block;
}

.social-container li {
    margin: 10px 0px;
}

.social_pin {
    position: absolute;
    left: -40px;
    bottom: 0px;
}


/* ------------------------------------------------------ */

.Tacgia {
    text-align: right;
    margin-top: 15px;
    font-family: Roboto;
    font-size: 15.5px;
}

.tinkhac li a {
    color: black;
    font-size: 15.5px;
    font-family: RobotoBold;
    padding-left: 15px;
    position: relative;
}

.tinkhac li a::before {
    content: "";
    background-size: 85% 100%;
    font-weight: bold;
    width: 12px;
    height: 12px;
    background-color: #a8131b;
    clip-path: polygon(0 28%, 39% 42%, 28% 0, 73% 0, 62% 42%, 100% 30%, 100% 74%, 64% 64%, 74% 100%, 27% 100%, 38% 65%, 0 73%);
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 3px;
}

.Tag {
    font-size: 17.5px;
    font-family: RobotoBold;
}

.Tag a {
    font-family: Roboto;
    font-size: 15.5px;
    background-color: antiquewhite;
    padding: 5px;
    border: 1px solid #d6c3a9;
    border-radius: 6px;
    margin: 0px 5px;
    color: black;
}

.Tag a i {
    margin-right: 5px;
}

.Tag a:hover {
    background-color: rgb(248, 220, 183);
}

.menuchitiet ul {
    display: flex;
}

.menuchitiet ul li a {
    position: relative;
    margin: 0px 15px;
    color: #757575;
    font-family: RobotoMedium;
    font-size: 17.5px;
}

.menuchitiet ul li:first-child a {
    margin-left: 0px;
}

.menuchitiet ul li:last-child a::before {
    content: unset;
}

.menuchitiet ul li a::before {
    content: "";
    background-size: 85% 100%;
    font-weight: bold;
    width: 12px;
    height: 12px;
    background-color: #a8131b;
    clip-path: polygon(75% 0%, 100% 51%, 75% 100%, 49% 100%, 75% 50%, 51% 0);
    display: inline-block;
    position: absolute;
    right: -15px;
    top: 4px;
}

.menuchitiet {
    display: flex;
    justify-content: space-between;
    padding: 5px 0px 10px 0px;
}

.noidungtin img {
    max-width: 100%;
}

.ChiTietdiv .Khoitinchay ul {
    border: unset;
    padding: 0px 5px;
    box-shadow: unset;
    height: auto;
    overflow: hidden;
}

.Tinnongslide .slick-dots li button:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 0;
}

.Tinnongslide ul.slick-dots {
    width: auto;
    padding: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: -10%;
    position: absolute;
}

.Tinnongslide ul.slick-dots li {
    margin: 0 0;
}

.Tinnongslide ul.slick-dotted.slick-slider {
    margin-bottom: 0px !important;
}

.Bannerleft .time {
    padding-bottom: 10px;
    font-size: 17px;
    font-family: 'RobotoMedium';
}

.contain-weather {
    display: flex;
    gap: 12px;
}

.contain-weather {
    text-align: center;
    font-size: 18px;
}

.contain-weather p {
    font-family: 'Roboto';
    color: #8d8d8d;
}

.contain-weather label {
    color: black;
}

#img-weather img {
    width: 100%
}

.fullred {
    color: #d1383d;
    height: 2px !important;
    opacity: unset;
    width: 100%;
    margin: 15px 0px 0px 0px;
}

ul.nghiepvu3tin li a:hover p:first-child {
    color: #0a58ca;
}

.nghiepvu3tin li a p:first-child {
    color: black;
    font-family: RobotoLight;
    font-weight: bold;
    font-size: 17.5px;
    line-height: 1.6;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 5px;
    text-align: justify;
    padding-left: 12px;
    position: relative;
    max-height: 85px;
    overflow-y: auto;
    padding-right: 5px;
}

.nghiepvu3tin p::-webkit-scrollbar {
    background: #d0cccc;
    width: 2px;
    right: 0px;
    height: 4px;
}

.nghiepvu3tin p::-webkit-scrollbar-thumb {
    background: #c60d0d;
    border-radius: 10px;
    width: 2px;
}

.Tieudevb {
    background-color: #f3f7fa;
}

.nghiepvu3tin {
    margin-top: 20px;
    margin-bottom: unset;
    height: 340px;
    overflow-y: auto;
}
    .nghiepvu3tin::-webkit-scrollbar {
        background: #d0cccc;
        width: 2px;
        right: 0px;
        height: 4px;
    }

    .nghiepvu3tin::-webkit-scrollbar-thumb {
        background: #c60d0d;
        border-radius: 10px;
        width: 2px;
    }

.nghiepvu3tin i {
    margin-right: 8px;
    color: #616060;
}

.nghiepvu3tin li a p {
    margin-bottom: unset;
}

.nghiepvu3tin li a p:last-child {
    color: #616060;
    font-size: 13px;
    padding-left: 12px;
}

.nghiepvu3tin li {
    margin-bottom: 11px;
}

.xemthem {
    color: #d1383d;
    display: block;
    text-align: right;
    font-family: Roboto;
    font-size: 14px;
}

.nghiepvu3tin li.thuocvb {
    margin-bottom: 0px;
    border-top: 1px solid lightgray;
    border-left: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.Tieudevb a.boxvb {
    align-items: center;
}

.nghiepvu3tin a {
    position: relative;
    font-size: 15.5px;
}

.Tieudevb a.boxvb p {
    font-family: Roboto !important;
    text-align: center !important;
    margin-bottom: 0px !important;
    padding-left: 0px !important;
    color: #616060 !important;
    font-weight: unset !important;
}

a.boxvb {
    display: flex;
    padding: 0px 0px;
}

.nghiepvu3tin li a.boxvb::before {
    content: unset;
}

a.boxvb div {
    width: 30%;
    border-right: 1px solid lightgray;
    padding: 5px 0px;
}

a.boxvb p.titnghiepvu {
    width: 70%;
    padding: 5px 0px;
}

a.boxvb .titnghiepvu {
    height: 80px;
    overflow-x: auto;
}

.nghiepvu3tin li a p {
    margin-bottom: unset;
}

.nghiepvu3tin li a p {
    margin-bottom: unset;
}

.Tieudevb a.boxvb p.titnghiepvu {
    display: flex;
    align-items: center;
    height: auto;
    justify-content: center;
}

.Tieudevb a.xemthem {
    text-align: center;
    color: #616060 !important;
    padding: 5px 0px;
}

.nghiepvu3tin li a.xemthem::before {
    content: unset;
}

.nghiepvu3tin li.thuocvb:last-child {
    border-bottom: 1px solid lightgray;
}

div.khoislick {
    display: flex;
    justify-content: center;
}

.khoislick .nextcen {
    top: 40%;
}

.boxnentang .slick-arrow i {
    font-size: 22px;
    background-color: #c60d0d;
    color: white;
    width: 35px;
    height: 35px;
    padding: 7px;
}

.khoislick .thuvienslick ul.slick-dots {
    justify-content: center;
}

.boxthuvienso ul li {
    padding: 10px;
}

.boxthuvienso .slick-dots li button:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background-color: red;
    border-radius: 0;
}

.activesearch {
    display: block;
    width: 246px;
}
.boxctleft .tiedett {
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0px;
}
.boxctleft p {
    /* color: rgb(21, 76, 124); */
    bottom: 0;
    font-size: 17.7px;
    color: white;
    padding: 8px 16px;
    font-family: RobotoMedium;
}
.tiedett {
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 74%)) !important;
}
    .tiedett p:first-child {
        text-overflow: ellipsis;
        display: -webkit-box !important;
        -webkit-box-orient: vertical;
        white-space: normal;
        text-align: center;
        /* text-align: justify; */
        margin-bottom: 0px;
    }
.boxctleft a {
    display: block;
    height: 100%;
}
.custom-menu-mobile{
    display: none;
}