/* /App_Themes/Danang/danang.css */
body {
    background: #D3EAF8;
}

.qimenu {
    background: linear-gradient(#2B97E7, #004CCB);
}


.logo-title {
    display: flex;
    background: linear-gradient(#2B97E7, #004CCB);
    border-radius: 6px 6px 0px 0px;
     padding: 10px; 
     height:46px;
}
.title-logo, .qihome_tieude {
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    color: #FFFFFF;
    /* margin-left: 15px; */
    margin-bottom: 0px;
}
ul.qimenudoc li a {
    color: #101010 !important;
    text-transform: uppercase !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}

.qiborderbottom-2 {
    display: flex;
    background: linear-gradient(#2B97E7, #004CCB) !important;
    border-radius: 6px 6px 0px 0px;
    padding: 10px;
    border-left: 0px !important;
    border-bottom: 0px !important;
    height: 46px;
}
.qihome_tieude {
   
    color: #FFFFFF !important;
   
}
.tieudiemlogo-dn {
    float: left;
    background-image: url('/App_Themes/Danang/img/logo-title.png');
    width: 100px;
    background-repeat: no-repeat;
    position:relative;
    left:-90px;
}
p.qihome_tieude {
    left: 30px;
    position: relative;
}
.xem-them {
    float: right;
    padding: 5px 10px 0;
    font-size: 12px;
    color: #fff;
}
a.xem-them {
    right: 20px;
    position: absolute;
}

.qimenudoc {
    border: 1px solid #E7E7E7;
}

.qimenudoc li:nth-child(odd) {
    background-color: #FFFFFF;
}

.qimenudoc li:nth-child(even) {
    background-color: #F8F8F8;
}

ul.qimenudoc li {
    border-bottom: none;
}

.qiContainer_border ul li {
    border-bottom: none;
}

.qiContainer_border ul li:nth-child(2n+1) {
    background-color: #FFFFFF;
}

.qiContainer_border ul li:nth-child(2n) {
    background-color: #F8F8F8;
}

.amazingslider-nav-thumbnail-tite-0 > a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    max-width: 40ch;
}

.Content_right div ul li a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-width: 40ch;
}

.titleItem a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-width: 40ch;
}

/*.qihome_tieudebg {
    background: linear-gradient(#FFFFFF, #F4F4F4) !important;
}*/

.qiContainer > .qihome_tieudebg{
    margin-top: 0px;
}

.dn-haha {
    background: linear-gradient(#2B97E7, #004CCB);
}

.qihome_tieude_dn {
    font-weight: 500;
    font-size: 26px;
    line-height: 35px;
    color: #004CCB;
    border-bottom: 2px solid;
    padding-bottom: 13px;
    margin-left: -10px;
    padding-left: 10px;
    padding-right: 10px;
}

.qihome_tieudebg_DN {
    padding: 15px 10px;
    width: 100%;
    background: linear-gradient(#FFFFFF, #F4F4F4);
    justify-content: space-between;
}

.xemtoanbo {
    position: absolute;
    right: 10px;
    font-size: 15px;
    line-height: 20px;
    color: #004CCB;
}

.qitieudechinh {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-width: 100%;
    color: #005894;
    font-size: 21px;
    font-weight: 700;
}

.qisummaryhome {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-width: 100%;
    font-size: 13px;
    color: #333333;
}


.qitieudechinh_DN {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-width: 100%;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
}

.qitieudechinh_DN_right {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    max-width: 40ch;
    font-weight: 500;
    font-size: 17px;
    line-height: 22px;
    color: #005894;
}

.qihome_tieudebgDN {
    padding: 10px;
    background: linear-gradient(#FFFFFF, #F4F4F4);
    border-bottom: 1px solid #004CCB;
}

.qihome_tieude_dn_small {
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    color: #004CCB !important;
}


.chuchay {
    font-size: 13px;
    line-height: 17px;
    color: #D32F2F;
}

.footer_dn {
    background: #FFFFFF;
}

#MainContent {
    padding-bottom: inherit;
    margin-bottom: inherit;
}

.footer_dn aside {
    margin-top: 0px !important;
    padding-top: 30px;
}

.fs-footer {
    font-size: 13px;
    line-height: 24px;
    color: #333333;
}


.w_img_footer {
    min-width: 100px;
}

.text_right {
    text-align: right;
}

.bd_bt_footer {
    border-bottom: 1px solid #EFEFEF;
}

.line_blue_dn {
    margin-top: -15px;
}

.qiMenuTime_flex {
    background: linear-gradient(#FFFFFF, #F4F4F4);
    border-bottom: none;
}

.qibgmenutop {
    background: linear-gradient(#FFFFFF, #F4F4F4);
}

.van-ban {
    margin-top: 0px !important;
}

.rightitem.van-ban {
    height: 647px !important;
}

.sp_bw_menu {
    justify-content: space-between;
}

.border_rdu{
    border-radius: 20px 0 0 20px;
    border-right: none;
    background: none;
    min-width: 250px !important;
    
}

    .border_rdu::placeholder {
        font-size: 12px;
        line-height: 16px;
        color: #424242;
        padding-left: 10px !important;
    }

    .bd_input {
        background: none;
        border-radius: 0 20px 20px 0;
        border-left: none;
    }

.bando_dn {
    padding: 10px;
    background: linear-gradient(#FFFFFF, #F4F4F4);
    border-bottom: 1px solid #004CCB;
    font-weight: 500;
    font-size: 19px;
    line-height: 22px;
    color: #004CCB;
}

.qiContainer {
    padding-top: 3px;
}

.qiContainer_border {
    border: 0.5px solid #DADCE0;
}

.luachonwebsite {
    font-size: 15px;
    line-height: 17px;
    color: #828282;
}
.noidungthongbao {
   
    height: 420px;
}
.rightitem.van-ban {
    height: 465px !important;
}

/* Custom Scrool bar*/
/* width */

::-webkit-scrollbar {
    width: 5px;
}
/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px gray;
    border-radius: 10px;
    cursor: pointer;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: linear-gradient(#2B97E7, #004CCB);
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #DA251C;
    }
.mq13 {
  
    height: 420px;
   
}
.qiwithqctraiphai
{
    margin-bottom:10px !important;
}
i.fas.fa-search {
    color: #1565C0 !important;
}
.qiContainer_border ul li a.s_openmedia {
    margin-left: 10px;
}
.fas.fa-search {
    color: #1565C0;
}
.GridViewStyle2 .qitieudechinh {
    line-height: 23px;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
}
.van-ban div ul li a, .titleItem a {

    color: #161616;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;

}
.van-ban div ul li a {
    display: inline-block;
    padding: 0px 10px;
}
.itemthongbao:nth-child(2n+1){
    background: #F3F4F6;
}
.itemthongbao {
    border-bottom: 1px solid #ddd;
   
}
.itemthongbao:last-child {
    border-bottom: 0px solid #ddd;
}
.Content_right div ul li a {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;

}
.amazingslider-nav-thumbnail-tite-0 > a {
   
    line-height: 22px;
    font-size: 14px;
 
}
.listitem .qitieudechinh {
    line-height: 22px;
    font-size: 14px;
    font-weight: 500;
    
}
.qitieudechinh_DN {

    font-size: 14px;
    line-height: 22px;

}

/* ==========================================================================
   VÁ XUNG ĐỘT VỚI qistyleall-modern.css. LƯU Ý: production danang.edu.vn CÓ NẠP
   skin (view-source 2026-07-10 xác nhận: qistyleall-modern.css?v=47 + danang.css
   ?v=777 cùng trong <head>). Skin đè danang.css bằng !important + specificity
   cao hơn; danang.css nạp SAU skin nên specificity bằng + !important là thắng.
   ========================================================================== */

/* --- TIÊU ĐIỂM: skin ép .logo-title nền trắng chữ xanh (dòng ~341 modern).
   Khôi phục thanh XANH GRADIENT chữ TRẮNG như các bar khác của Đà Nẵng. --- */
body .tieudiemmtop .logo-title,
body .tieudiemmtop .qihome_tieudebg {
    background: linear-gradient(#2B97E7, #004CCB) !important;
    border-radius: 6px 6px 0 0 !important;
    padding: 10px !important;
    height: 46px;
    box-shadow: none !important;
    border-bottom: 0 !important;
}
body .tieudiemmtop .qihome_tieude {
    color: #FFFFFF !important;
    font-weight: 500 !important;   /* skin ép 800 (đậm khác DANH MỤC) -> về 500 */
    font-size: 17px !important;
}
/* Vệt border thừa phía trên các khối (TIÊU ĐIỂM, CÔNG TÁC ĐẢNG…): danang.css
   .qiContainer{padding-top:3px} đẩy header xuống -> lộ mép card (skin-modern) phía
   trên. Bỏ padding-top cho MỌI .qiContainer -> header xanh sát mép card. */
.qiContainer { padding-top: 0 !important; }

/* --- HEADER (dải tiện ích trên): skin thêm box-shadow "gạch mờ" + padding vào
   .navbar-fixed-top làm hàng logo·menu·tìm-kiếm lệch dọc & bar cao dư.
   Bỏ box-shadow + ép bar gọn, căn giữa dọc toàn hàng, giới hạn chiều cao logo. --- */
.navbar-fixed-top {
    box-shadow: none !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    min-height: 60px !important;      /* dải header cao thoáng, cân đối với banner */
    display: flex !important;
    align-items: center !important;
}
.navbar-fixed-top > .container { width: 100%; }
.navbar-fixed-top .container,
.navbar-fixed-top .sp_bw_menu {
    align-items: center !important;
}
.navbar-fixed-top .sp_bw_menu > div {
    display: flex;
    align-items: center;
}
.navbar-fixed-top .sp_bw_menu img {
    max-height: 46px;
    width: auto;
    padding: 0 !important;
}
.navbar-fixed-top .qibgtop1,
.navbar-fixed-top .qibgtop1 .navbar-nav {
    align-items: center !important;
    min-height: 0 !important;
}
/* Icon tìm kiếm: skin để nút search nền xanh (--m-primary); icon xanh #1565C0 của
   Đà Nẵng nằm trên nền xanh -> chìm. Cho icon TRẮNG để hiện rõ. */
.qibgmenutop .input-group-append .input-group-text .fas.fa-search,
.qibgmenutop .input-group-append .input-group-text i.fa-search {
    color: #fff !important;
}

/* --- HEADER KHỐI (.qihome_tieudebg): skin thêm ::before (gạch nhấn trái) → hiện
   thành "ô vuông lạ" trên nền xanh gradient Đà Nẵng. Ẩn đi. --- */
.qihome_tieudebg::before {
    content: none !important;
    display: none !important;
}

/* --- Skin ép .qihome_tieude đậm 800/15px (khác font). Khôi phục 500/17px như
   thiết kế Đà Nẵng (áp cho mọi tiêu đề khối: DANH MỤC, TIÊU ĐIỂM, các block). --- */
body .qihome_tieude {
    font-weight: 500 !important;
    font-size: 17px !important;
}

/* --- KHỐI CHUYÊN MỤC Đà Nẵng (.qihome_tieudebg_DN, vd "Giáo dục Mầm non"):
   skin-modern biến .qiContainer thành card viền/bóng, cột nội dung dùng px-0 ->
   ảnh & chữ DÍNH SÁT VIỀN. GIỮ card, thêm KHOẢNG ĐỆM cho phần nội dung (.row sau
   header). Header .qihome_tieudebg_DN vẫn tràn mép card. --- */
.qiContainer:has(> .qihome_tieudebg_DN) > .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px 12px 6px !important;
}

/* ==========================================================================
   QUẢNG CÁO BAY 2 BÊN (adsLeft/adsRight) — SỬA TRÀN TRANG.
   Base qistyleall.css hardcode .adsRight{left:1125px} canh cho container CŨ
   (~1140px). #MainContent nay đã nới 1200px -> cột PHẢI (spans 1125–1250px)
   ĐÈ nội dung ~75px và THÒ ra ~50px = tràn trang. Fix: neo tuyệt đối theo
   #MainContent (position:relative), đối xứng 2 mép; ẩn khi lề không đủ.
   ========================================================================== */
#MainContent { position: relative; }
.ads-wrapper { top: 8px; }
.adsLeft  {right: auto; }
.adsRight { left: auto; right: -105px; }
/* Màn < 1500px: lề mỗi bên < 150px -> ẩn để không đè nội dung / tràn ngang. */
@media (max-width: 1499.98px) {
    #qctrai.ads-wrapper, #qcphai.ads-wrapper { display: none !important; }
}

/* ==========================================================================
   Item Truyền hình ẢNH-TRÁI (.qiContainer_border li có .row: col-sm-5 ẢNH + col-sm-7 CHỮ).
   YÊU CẦU: khi TIÊU ĐỀ DÀI tràn xuống DƯỚI ảnh thì chạy FULL-WIDTH THẲNG mép trái ảnh
   (không bị nhốt/thụt trong cột phải). -> Đổi bố cục 2-CỘT (flex) sang ẢNH FLOAT-LEFT +
   chữ WRAP quanh ảnh: chữ chảy bên phải ảnh, dài thì xuống DƯỚI ảnh thẳng lề trái.
   Hover bar dùng của skin (border-left ở mép li, nằm trong lề trái -> không đè ảnh).
   ========================================================================== */
.qiContainer_border li:has(> .row) > .row { display: block !important; }
.qiContainer_border li:has(> .row) .col-sm-5 {
    float: left;
    width: 42%;
    max-width: 42%;
    padding-right: 8px !important;   /* khe ảnh↔chữ */
}
.qiContainer_border li:has(> .row) .col-sm-7 {
    display: block;
    width: auto;
    max-width: none;
    flex: none;
}
/* Clear float -> item không bị chồng lên nhau khi ảnh cao hơn chữ. */
.qiContainer_border li:has(> .row)::after { content: ""; display: block; clear: both; }
/* BỎ thanh bar cho item ảnh-trái (chữ có thể tràn xuống dưới ảnh -> bar dễ đè ảnh). Chỉ giữ
   NỀN + ĐỔI MÀU TIÊU ĐỀ khi hover. */
.qiContainer_border li:has(> .row):hover { border-left-color: transparent !important; }

/* /App_Themes/all/allcss/qiColorSite.css */
:root {
    --color-md: #38B000;    
}
.qimenu {
    background-color: var(--color-md);
}
.qihomemenudoc, .header-snip, .qilitop:hover, #toolbar, .qifootermobile, .rssxemthem a, #section04 {
    background-color: var(--color-md) !important;
}
.qifontbold-1:hover, .s_CategoryHome_Title_Parent, .qitabtop .nav-link.active, .qitabtop > li.active > a, .qitabtop > li.active > a:focus, .qitabtop > li.active > a:hover, .qitabtop > li > a:active, .qitabtop .nav-link.active, .h5level0 a, .CatParent a, .quaylai, .text-info, .s_CategoryHome_Title_Parent a, .qiChuChay, .qifontbold-1:active, .qitopsubmenu:hover, .qitopsubmenu:hover a, .qitopsubmenu a:hover, .dropdown-menu > li > a:hover, .submenu > li > a:hover, .s_CategoryHome_Title_Chilrent > i.fas.fa-bars, .qiChuChay a, .qitopsubmenu:hover a, ul.qimenudoc li a {
    color: var(--color-md) !important;
  
}
.qihome_tieude {
    color: var(--color-md);
}
.qiborderbottom-2 {
    border-bottom: 1px solid var(--color-md);
}
.qisubtopmenu {
    border-top: 2px solid var(--color-md);
    border-bottom: 2px solid var(--color-md);
}
.qihome_tieudebg {
    border-left: 5px solid var(--color-md);
}
.dropdown-menu > li > a:hover, .submenu > li > a:hover {
    border-left: 2px solid var(--color-md)
}
.qitabtop .nav-link.active {
    border-top: 2px solid var(--color-md) !important;
}
.qilitop:hover > a.qifontbold-1 {
    background-color: var(--color-md) !important;
    color: #fff !important;
}
.b-title, .b-title-ev, .text-more {
    color: var(--color-md) ;
    border-left-color: var(--color-md);
}
.qilitop:active > a.qifontbold-1 {color: #fff !important;}
.menu-option {
    background-color: var(--color-md);
}
.hotline-footer {
    background-color: var(--color-md);
}