@charset "utf-8";

*, html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; text-decoration:none; list-style:none; font-family: 'Inter', sans-serif; font-size:14px;}

header, section, footer, aside, nav, main, article, figure{ display:block;}

ol, ul { /*list-style: none;*/ }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles!*/
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

/* clear fix */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; }

* html .clearfix { height: 1%; }

body {
    overflow-x: hidden;
}

/*.icon{ display:inline-block; background-image:url(../images/dgts_icon.png); background-repeat:no-repeat;}*/

#wrapper{max-width:1440px; margin:0 auto; display:flex; justify-content:center; align-items:center}

header{ background-image:url(../images/header_bg.jpg); background-repeat:no-repeat; background-size:100% auto; margin:0 0 5px;}
header .header{ position:relative;}
header .header .logo{ float:left; padding:15px 0 20px 75px;}
header .header .logo img{}
header .header h6{ font-size:28px; line-height:45px; text-transform:uppercase; text-align:center; padding:35px 0 0 35px; float:left; color:#fef600;}
header .header ul{ position:absolute; bottom:45px; right:15px;}
header .header ul li{ display:inline-block; float:left;}
header .header ul li a{ display:block; height:23px; border:solid 1px #fff; line-height:23px; font-size:14px; width:90px; text-align:center; color:#fff; transition:all 0.2s; margin:0 0 0 8px;}
header .header ul li a:hover{ border:solid 1px #fff; background-color:#fff; color:#107fb2;}

nav{ min-height:45px; background-color:#f3f2f7; text-align: center;}
nav .menu-main{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; column-gap: 8px; margin: 0 auto}
nav .menu-main > span{ flex: 0 0 auto; }
nav span{ display:inline-block; position:relative;}
nav > .menu-main > span::before{
    position: absolute;
    content: "";
    width: 1px;
    background-color: #cccccc;
    height: 25px;
    right: -2px;
    top: 10px;
    z-index: 9;
}
nav > .menu-main > span:last-child::before {
    content: none;
}
nav a{ display:inline-block; color:#013A5D; font-weight:500; line-height:45px; height:45px; padding:0 16px; transition:all 0.2s; font-size: 18px; white-space: nowrap;}
nav a.active{ color:#ffffff; background-color:#026eaf; z-index: 10}
nav span:last-child{ border:none;}
nav span .subDiv{ display:none; position:absolute; top:40px; left:0; z-index:99; width:250px; background-color:#fff; padding:10px 0; box-shadow:0 1px 1px rgba(0,0,0,0.1);}
nav span:hover .subDiv{ display: block;}
nav span .subDiv a{ color:#026eaf; font-size:12px; height:35px; line-height:35px; display:block;}
nav span .subDiv a:hover{ background-color:#f1f1f1; text-indent:5px;}
nav span .subDiv a.active{ background-color:#f1f1f1; text-indent:0px;}

main{}
main .slide {margin: 0 0 16px;position: relative;overflow: hidden;}
main .slide img {display: block;width: 100%;height: auto;}
main .slide::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,rgba(0, 105, 191, 0.75),rgba(0, 105, 191, 0.15));pointer-events: none;}
main .content{ width:1128px;display:flex; justify-content: space-between;overflow:hidden;max-width:100%;}

main .content .maincontent{width:calc(70% + 74px);overflow:hidden;max-width:100%;}
main .content .maincontent .searchbox{margin:0 0 16px;overflow:hidden;}
main .content .maincontent .searchbox ul{font-size:0;}
main .content .maincontent .searchbox ul li{display:inline-block;}
main .content .maincontent .searchbox ul li a{padding:6px 10px;font-weight:500;display:block;font-size:18px;border-bottom:1px solid #cccccc;color:#026eaf;border-radius:5px 5px 0 0;}
main .content .maincontent .searchbox ul li a.active{color:#013A5D; border-bottom:1px solid #013A5D;}
main .content .maincontent .searchbox .searchForm{padding:16px 0 0;overflow:hidden;}
.ng-hide{display:none}

main .content .maincontent .searchbox .searchForm-inner{display:none;flex-wrap:wrap;gap:20px; padding: 4px 16px 0;overflow:hidden;}
main .content .maincontent .searchbox .searchForm-inner.is-open{display:block !important;overflow:hidden;}
main .content .maincontent .searchbox .asset-search-advanced.is-active{font-weight:700;color:#026eaf;}
main .content .maincontent .searchbox .advanced-separator{display:none;height:1px;background:#e5e7eb;margin:12px 0;}
main .content .maincontent .searchbox .advanced-separator.is-open{display:block;}

main .content .maincontent .searchbox .left{flex:1 1 260px;min-width:260px;}
main .content .maincontent .searchbox .left.right{}
main .content .maincontent .searchbox .inputBox{display:flex;flex-direction:column;align-items:flex-start;margin:0 0 12px;height:auto;min-width:0;max-width:100%;overflow:hidden;}
main .content .maincontent .searchbox .inputBox p{width:100%;margin:0 0 6px 0;font-size:14px;font-weight:600;line-height:1.4;}
main .content .maincontent .searchbox .inputBox input,main .content .maincontent .searchbox .inputBox select{border-radius:8px;width:100%;height:40px;border:1px solid #d1d5db;text-indent:10px;font-size:14px;padding-right:10px}
main .content .maincontent .searchbox .inputBox input:focus,main .content .maincontent .searchbox .inputBox select:focus{border-color:#026eaf;outline:none;box-shadow:0 0 0 1px rgba(0,123,255,0.15);}

main .content .maincontent .searchbox .inputBox select{text-indent:1px;height:38px;width:100%; }
main .content .maincontent .searchbox .inputBox input[type="date"]{text-indent:5px;}
main .content .maincontent .searchbox button{cursor:pointer;display:block;height:30px;background-color:#026eaf;width:120px;text-align:center;line-height:30px;color:#fff;font-weight:bold;font-size:14px;margin:0 auto;border-radius:5px;border:solid 1px #026eaf;}

main .content .maincontent .searchbox .top-action-row{}
main .content .maincontent .searchbox .btn-top-search{height:28px;padding:0 20px;background-color:#026eaf;border:1px solid #f4d1c3;border-radius:5px;cursor:pointer;font-size:14px;font-weight:bold;line-height:28px;}
main .content .maincontent .searchbox .asset-search-row{display:flex;align-items:flex-end;gap:10px;margin:0 0 12px;}
main .content .maincontent .searchbox .asset-search-main{display:flex;flex-direction:column;align-items:stretch;flex:1;}
main .content .maincontent .searchbox .asset-search-main p{width:auto;margin:0 0 6px 0;font-weight:bold;}
main .content .maincontent .searchbox .asset-search-input-wrapper{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:5px;padding:0 12px;background-color:#fff;min-height:34px;}
main .content .maincontent .searchbox .asset-search-input-wrapper input{flex:1;border:none;height:40px;outline:none;text-indent:0;font-size:13px;}
main .content .maincontent .searchbox .asset-search-input-wrapper input:focus{outline:none;box-shadow:none;}
main .content .maincontent .searchbox .asset-search-advanced{display:inline-flex;align-items:center;padding-left:10px;margin-left:10px;border-left:1px solid #e5e7eb;font-size:14px;color:#026eaf;text-decoration:none;white-space:nowrap;}
main .content .maincontent .searchbox .asset-search-advanced:hover{text-decoration:underline;}
main .content .maincontent .searchbox .asset-search-button{margin-bottom: 13px; height: 40px;line-height: 40px;}

main .content .maincontent .searchbox .price-range{width: 100%;display:flex;align-items:center;border:1px solid #d1d5db;border-radius:8px;min-height:38px;background-color:#fff;}
main .content .maincontent .searchbox .price-range input{ padding:0 10px;text-indent:10px;flex:1;border:none;height:32px;outline:none;font-size:14px;text-indent:0;}
main .content .maincontent .searchbox .price-range input:focus{outline:none;box-shadow:none;}
main .content .maincontent .searchbox .price-range-separator{padding:0 8px;font-size:14px;color:#9ca3af;white-space:nowrap;}

main .content .maincontent .searchbox .date-wrapper{position:relative;width:100%;min-width:0;overflow:hidden;}
main .content .maincontent .searchbox .date-wrapper .date-icon{position:absolute;right:12px;top:45%;transform:translateY(-50%);font-size:16px;color:#6b7280;pointer-events:none;}
main .content .maincontent .searchbox .inputBox{min-width:0;}
main .content .maincontent .searchbox .inputBox .select2-container{min-width:0;max-width:100%;}
main .content .maincontent .searchbox .inputBox .select2-container .select2-choice{overflow:hidden;}
main .content .maincontent .searchbox .row>[class*="col-"]{min-width:0;overflow:hidden;max-width:100%;}
main .content .maincontent .searchbox .row{overflow:hidden;}
main .content .maincontent .searchbox .select2-container{max-width:100% !important;width:100% !important;box-sizing:border-box;}
main .content .maincontent .searchbox .select2-choice{max-width:100% !important;overflow:hidden !important;box-sizing:border-box;}
main .content .maincontent .searchbox .select2-chosen{max-width:calc(100% - 30px) !important;overflow:hidden !important;word-break:break-word;white-space:normal;display:block;}
main .content .maincontent .searchbox .date-wrapper{contain:inline-size;overflow:hidden;}
main .content .maincontent .searchbox .inputBox{contain:inline-size;}

@media (max-width:768px){main .content .maincontent .searchbox .asset-search-row{flex-direction:column;align-items:stretch;}main .content .maincontent .searchbox .asset-search-button{align-self:flex-end;margin-top:6px;}}
@media (max-width:992px){main .content .maincontent{width:100%;}main .content .maincontent .searchbox .searchForm{padding:15px 15px 0 15px;}main .content .maincontent .searchbox .left{min-width:240px;}}
@media (max-width:768px){main .content .maincontent .searchbox .searchForm-inner{flex-direction:column;}main .content .maincontent .searchbox .left{flex:1 1 100%;min-width:100%;}main .content .maincontent .searchbox .inputBox{flex-direction:column;align-items:stretch;}main .content .maincontent .searchbox .inputBox p{width:100%;margin:0 0 4px 0;}}


main .content .maincontent .noti:last-child{ margin:0;}
main .content .maincontent .noti .noti-container {display:flex; justify-content:space-between}
main .content .maincontent .noti .noti-container .noti-sub { width: 49%}
main .content .maincontent .noti .noti-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 16px; background-color: #e6f2fa; border-radius: 8px; padding: 0 20px; min-height: 60px; }
main .content .maincontent .noti .noti-header .title-link{ font-size: 20px; font-weight: bold; color: #27272a;}
main .content .maincontent .noti .noti-header .btnViewmore{ display:block; font-size:14px; color:#026daf;  transition:all 0.2s; white-space: nowrap;}
main .content .maincontent .noti .noti-header .btnViewmore:hover{ color: #026daf; text-decoration:underline;}
main .content .maincontent .noti .notiList{ padding:16px 5px; font-size:0;}
main .content .maincontent .noti .notiList#ketqua{ display:block}
main .content .maincontent .noti .notiList article{ width:calc(50% - 15px); position:relative; padding:0 0 16px; border-bottom:1px solid #cccccc; align-items: flex-start; gap: 12px; vertical-align: top;}
main .content .maincontent .noti .notiList article .article-content { flex: 1;}
main .content .maincontent .noti.daugia .notiList article{ width:100%; float:none;}
main .content .maincontent .noti .notiList article .icon{ width:11px; height:10px; background-position:0 0; position:absolute; top:3px; left:0;}
main .content .maincontent .noti .notiList article h2 a{ font-size:16px; font-weight:normal; color:#000; transition:all 0.2s; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 4.5em;}
main .content .maincontent .noti .notiList article h2 a:hover{color:#026daf;}

main .content .maincontent .noti .notiList article .time-ctn {display: flex; justify-content: flex-start; gap: 70px; padding:12px 35px 0 35px}
main .content .maincontent .noti .notiList article .time-ctn .time-left{width:100%}
main .content .maincontent .noti .notiList article .time-ctn .time-right{width:100%;display:flex;gap: 70px;}
main .content .maincontent .noti .notiList article .time{ font-size:12px;}
main .content .maincontent .noti .notiList article .time p{ font-size:12px;}
main .content .maincontent .noti .notiList article .time-title {color: #808089; margin-right: 6px}
main .content .maincontent .noti .notiList article .article-content .time{ font-size:12px; margin-top: 12px; text-align:right}

main .content .maincontent .noti .notiList article .selected-time-ctn{display:flex;justify-content: space-between;padding:12px 0 0 36px;}
main .content .maincontent .noti .notiList article .selected-time-left{width:70% ; display:flex}
main .content .maincontent .noti .notiList article .selected-time-right{width:30%; display:flex; justify-content: end}
main .content .maincontent .noti .notiList article .selected-time-right p{text-align:right}

main .content .maincontent .noti .notiList article span { flex-shrink: 0; display: flex; align-items: flex-start; margin-right: 3px }

/* === SIDEBAR === */
main .content .sidebar {
    margin-left:24px;
    width: calc(30% - 66px);
    font-family: Arial, sans-serif;
    margin-top: 62px;
}


/* === SUBMENU - DANH SÁCH DỌC === */
main .content .sidebar .submenu {
    margin: 0 0 20px;
    padding: 0;
}

main .content .sidebar .submenu a {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    background: #fff;
    border-bottom: 1px solid #e5e5e5;
    text-decoration: none;
    color: #026eaf;
    font-size: 14px;
    line-height: 1.5;
    transition: background 0.2s ease;
    position: relative;
}

/*main .content .sidebar .submenu a:last-child {*/
/*    border-bottom: none;*/
/*}*/

main .content .sidebar .submenu a:hover {
    background-color: #f8fbff;
}

/* === ICON TRÒN – DÙNG SVG === */
main > .content > .sidebar > .submenu > a > .icon {
    width: 56px;
    height: 56px;
    min-width: 50px;
    margin-right: 14px;
    background-color: #e3f2fd;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4px;
}

main > .content > .sidebar > .submenu > a > .icon > svg {
    width: 100%;
    /*height: 100%;*/
    fill: #026eaf;
}

/* === TEXT === */
main .content .sidebar .submenu a .text {
    flex: 1;
    color: #013A5D;
    font-weight: 500;
    font-size: 16px;
}

/* === KHỐI TIN TỨC & HỎI ĐÁP === */
main .content .sidebar .news {
    margin: 0 0 20px;
    border: 1px solid #026eaf;
    border-radius: 8px;
    overflow: hidden;
}

main .content .sidebar .news:last-child { margin: 0; }

main .content .sidebar .news h2 {
    background: #026eaf;
    color: #fff;
    font-size: 15px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    margin: 0;
    font-weight: 600;
    text-transform: uppercase;
}

/* News List */
main .content .news .newsList,
main .content .sidebar .news ul {
    background: #fff;
    padding: 10px;
    margin: 0;
}

main .content .news .newsList article,
main .content .sidebar .news ul li {
    padding: 10px 0;
    border-bottom: dashed 1px #ddd;
}

main .content .news .newsList article:last-child,
main .content .sidebar .news ul li:last-child {
    border-bottom: none;
}

main .content .news .newsList article h3 a,
main .content .sidebar .news ul li a {
    color: #333;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding-left: 90px;
    position: relative;
    line-height: 1.5;
    transition: color 0.2s;
}

main .content .news .newsList article h3 a:hover,
main .content .sidebar .news ul li a:hover {
    color: #026eaf;
}

main .content .news .newsList article .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 60px;
    overflow: hidden;
    border-radius: 4px;
}

main .content .news .newsList article .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Clear */
main .content .sidebar::after {
    content: "";
    display: table;
    clear: both;
}

/* === FOOTER CHUNG === */
footer {
    padding: 0;
    background: transparent;
    font-family: Arial, sans-serif;
}

footer .footer-top {
    background-color: #eeeeee;
    padding: 28px 20px;
    display: flex;
    justify-content: space-around;
}
footer .footer-top a{
    display: flex;
    align-items: center;
    justify-content:center;
}

footer .footer-btn {
    display: flex;
    align-items: center;
    gap: 10px;
}

footer .footer-btn:hover {
    color: #004c80;
}

footer .footer-btn .icon {
    width: 64px;
    height: 64px;
    background-color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

footer .footer-btn .icon svg {
    width: 25px;
    height: 25px;
    fill: #026eaf;
}

footer .footer-btn:hover .icon svg {
    fill: #004c80;
}

footer .footer-top a .text{
    font-weight: 600;
    font-size: 15px;
    color: #013A5D;
}
/* === FOOTER BOTTOM === */
footer .footer-bottom {
    background-color: #013A5D;
    color: #fff;
    text-align: center;
    padding: 14px 20px;
    font-size: 13px;
    line-height: 1.5;
}

footer .footer-bottom div{
    width:1128px;
    margin: 0 auto;
}

footer .footer-bottom h5 {
    text-align: left;
    margin: 0 0 6px;
    font-size: 17px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    letter-spacing: 0.5px;
}

footer .footer-bottom p {
    text-align: left;
    color: #e6f5ff;
    display: flex;
    justify-content: space-between;
}

footer .footer-bottom p strong {
    color: #fff;
}

/* Responsive */
@media (max-width: 1150px){
    footer .footer-bottom div {
        width: 100%;
        text-align: center;
    }
}
@media (max-width: 951px){
    footer .footer-bottom p{
        display: block
    }
}
@media (max-width: 750px) {
    footer .footer-top .footer-btn {
        display:block
    }
    footer .footer-top .footer-btn p{
        margin-top: 10px
    }

}


/*=====================*/
main .content .maincontent .breadcrumb{ font-size:0; background-color: transparent; padding: 0; margin: 0}
main .content .maincontent .breadcrumb li{ display:inline-block}
main .content .maincontent .breadcrumb li a{ display:block; font-size:12px; position:relative; height:25px; line-height:25px; color: #808089; margin:0 10px 0 0; transition:all 0.2s;}
main .content .maincontent .breadcrumb li a:hover{color:#026eaf;}
main .content .maincontent .breadcrumb li a .icon{ width:15px; height:25px; position:absolute; right:-15px; top:0; background-position:-50px 0;}
main .content .maincontent .breadcrumb li span{ font-size:12px; height:25px; line-height:25px; color:#696969;}
main .content .maincontent .breadcrumb{ font-size:0; margin:0 0 15px;}
/*hungnn add*/
main .content .maincontent .breadcrumbcustom{ font-size:0; margin:0 0 15px;}
main .content .maincontent .breadcrumbcustom li{ display:inline-block}
main .content .maincontent .breadcrumbcustom li a{ display:block; font-size:12px; position:relative; background-color:#f1f1f1; height:25px; line-height:25px; color:#000; padding:0 5px 0 10px; margin:0 25px 0 0; transition:all 0.2s;}
main .content .maincontent .breadcrumbcustom li a:hover{color:#026eaf;}
main .content .maincontent .breadcrumbcustom li a .icon{ width:15px; height:25px; position:absolute; right:-15px; top:0; background-position:-50px 0;}
main .content .maincontent .breadcrumbcustom li span{ font-size:12px; display:block; height:25px; line-height:25px; color:#696969;}
main .content .maincontent .breadcrumbcustom{ font-size:0; margin:0 0 15px;}


main .content .maincontent .rowcustom h1{ font-size:24px; margin:0 0 5px; }
main .content .maincontent .rowcustom button{ margin:0 0 40px; display:block; float:right; height:30px; background-color:#fee7d7; border:solid 1px #f4d1c3; line-height:28px; width:120px; text-align:center; border-radius:5px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#bc2433; cursor: pointer}


/*end*/
main .content .maincontent h1{ font-size:20px; padding: 16px; width: 100%; background-color: #E6F2FA; font-weight:bold; border-radius: 8px}
main .content .maincontent .filter{ margin:0 0 45px;}
main .content .maincontent .filter ul{ font-size:0;}
main .content .maincontent .filter ul li{ display:inline-block;}
main .content .maincontent .filter ul li a{ color:#757575; font-size:12px; display:block; height:25px; line-height:25px; margin:0 15px 0 0;}
main .content .maincontent .filter ul li a:hover{}
main .content .maincontent .filter ul li a.active{ color:#000; font-weight:bold;}
main .content .maincontent .filter .filterBox{ display:none;}
main .content .maincontent .filter .filterBox:nth-child(2){ display:block;}
main .content .maincontent .filter .filterBox .searchBar{ height:30px;}
main .content .maincontent .filter .filterBox .searchBar input{ float:left; width:calc(100% - 130px); height:28px; display:block; border:solid 1px #b2b2b2; border-radius:5px; text-indent:15px; font-size:14px;}
main .content .maincontent .filter .filterBox .searchBar button{ display:block; float:right; height:30px; background-color:#026DAF; line-height:28px; width:120px; text-align:center; border-radius:5px; font-size:14px; font-weight:bold; color:#ffffff; cursor: pointer}
main .content .maincontent .noti.luachontochuc{margin-bottom: 20px}
main .content .maincontent .noti.luachontochuc .notiList{ padding:0; border:none;}
main .content .maincontent .noti.luachontochuc .notiList article{ width:100%; float:none; margin:0 0 20px;}
main .content .maincontent .noti.luachontochuc .notiList article h2 a, main .content .maincontent .noti.nghiepvu .notiList article h2 a{ font-size:16px; position:relative; font-weight: 500}
main .content .maincontent .noti .paging{ display: flex; justify-content:space-between;}
main .content .maincontent .noti .paging div:first-child{ font-size:0;}
main .content .maincontent .noti .paging div span{ display:inline-block; color:#000000; font-size:14px; height:25px; line-height:25px; float:left; padding:0 10px;}
main .content .maincontent .noti .paging div span.icon{ width:25px; background-position:-92px 5px; padding:0;}
main .content .maincontent .noti .paging div span.icon.nextIcon{ transform:scale(-1);}
main .content .maincontent .noti .paging ul{font-size:0;}
main .content .maincontent .noti .paging ul li{ display:inline-block;}
main .content .maincontent .noti .paging ul li a{ display:block; width:auto; height:25px; line-height:25px; color:#5b5b5b; text-align:center; border:none; padding:0 8px; font-weight:normal; margin:0 0 0 5px;}
main .content .maincontent .noti .paging ul li a:hover{color:#026eaf;}
main .content .maincontent .noti .paging ul li a.active{ font-weight:bold; color:#026eaf; background-color:#fff; border: 1px solid}



/*=====================*/
main .content .maincontent .noti.luachontochuc .notiList article .description{ padding:0 0 0 20px; margin:-2px 0 5px;}



/*=====================*/
main .content .maincontent table{ width:100%; margin:-15px 0 20px;}
main .content .maincontent table tr .VBPL_link{ color:#000; transition:all 0.2s; display:block;}
main .content .maincontent table tr .VBPL_link:hover{ color:#026eaf;}
main .content .maincontent table td{ border:solid 1px #eee; border-top:none; padding:10px 12px;align-content: center;}
main .content .maincontent table td:first-child{ text-align:center;}
main .content .maincontent table th{ height:66px; border-right:solid 1px #fff; background-color:#026DAF; vertical-align:middle; color:#fff; font-weight:bold; font-size:14px; text-align:center; padding:6px 12px;}
main .content .maincontent table th:last-child{ border-right:solid 1px #fee7d7;}
main .content .maincontent table span{ color:#bc2433;}
main .content .maincontent table span.available{ color:#73a409;}
main .content .maincontent table td .icon{ width:17px; height:17px; display:inline-block; background-position:-300px 0;}
main .content .maincontent table td .icon.reload{ background-position:-350px 0;}
main .content .maincontent table td .icon.info{ background-position:-400px 0;}

main .content .maincontent .noti.hoidap .notiList article h2 a{ font-weight:bold;}

main .content .maincontent .gioithieu{ padding:0 0 0 30px;}
main .content .maincontent .gioithieu h2{ border-top:solid 1px #efefef;}
main .content .maincontent .gioithieu h2:first-child{ border:none;}
main .content .maincontent .gioithieu h2 a{ display:block; position:relative; font-size:16px; color:#000; padding:15px 0; transition:all 0.2s;}
main .content .maincontent .gioithieu h2 a:hover{ text-indent:5px;}
main .content .maincontent .gioithieu h2 a .icon{ width:20px; height:25px; background-position:-150px 0; position:absolute; top:15px; left:-25px;}
main .content .maincontent .gioithieu div{ display:none; padding:0 0 50px;}
main .content .maincontent .gioithieu div.active{ display:block;}

main .content .maincontent .noti-title{background-color: #fff; padding: 0; text-align:justify}
main .content .maincontent .dangthongbao{}
main .content .maincontent .dangthongbao h6{ font-size:18px; color:#27272A; font-weight:600; padding:0 0 16px}
main .content .maincontent .dangthongbao .searchbox{ margin:0;}
main .content .maincontent .dangthongbao table{ margin:0; border-radius: 4px}
main .content .maincontent .dangthongbao .themmoi{ border:solid 1px #eee; border-top:none; padding:16px;}
main .content .maincontent .dangthongbao .themmoi a{ display:block; background-color:#f1f1f1; width:118px; height:28px; border-radius:5px; font-size:12px; font-weight:bold; color:#000; text-align:center; line-height:28px; margin:0 auto;}
main .content .maincontent .dangthongbao textarea{ border:solid 1px #b2b2b2; display:block; width:calc(100% - 22px); resize:none; height:165px; border-radius:5px; padding:15px 10px 0;}
main .content .maincontent .dangthongbao ul{ text-align:center;}
main .content .maincontent .dangthongbao ul li{}
main .content .maincontent .dangthongbao ul li a{ border:solid 1px #f4d1c3; border-radius:5px; background-color:#fee7d7; height:28px; line-height:28px; width:118px; text-align:center; color:#bc2433; padding:0; margin:0 2.5px;}
main .content .maincontent .dangthongbao ul li a.huyboBtn{ border:solid 1px #c7c7c7; background-color:#E6F2FA; color:#026DAF;}

.popup{ position:fixed; top:0; left:0; z-index:999; width:100%; height:100vh; display:none;}
.popup .bgPopup{ width:100%; height:100vh; background-color:rgba(255,255,255,0.3);}
.popup .contentPopup{ background-color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:96%; max-width:520px; border-radius:5px; box-shadow:0 0 20px rgba(0,0,0,0.2); overflow:hidden;}
.popup .contentPopup h5{ height:45px; background-color:#026eaf; font-size:16px; text-transform:uppercase; color:#fff; line-height:45px; text-align:center;}
.popup .contentPopup .closeBtn{ position:absolute; top:0; right:0; height:45px; width:45px; background-position:-184px 16px; cursor:pointer;}
.popup .contentPopup .formBox{ padding:40px 50px 50px;}
.popup .contentPopup .formBox .inputBox{ height:30px; clear:both; margin:0 0 12px;}
.popup .contentPopup .formBox .inputBox p{ float:left; width:110px; height:30px; line-height:30px; font-size:12px;}
.popup .contentPopup .formBox .inputBox p span{color:#026eaf;}
.popup .contentPopup .formBox input, .popup .contentPopup .formBox select{ height:28px; border:solid 1px #b2b2b2; display:block; border-radius:5px; text-indent:10px; width:265px; margin:0 auto 12px;}
.popup .contentPopup .formBox .inputBox input{ float:right; width:calc(100% - 112px); margin:0;}
.popup .contentPopup .formBox .inputBox input[type="file"]{ height:18px; padding:5px 0 5px 5px; text-indent:0px; width:calc(100% - 117px);}
.popup .contentPopup .formBox .inputBox select{ height:30px; width:calc(100% - 110px); text-indent:3px;}
.popup .contentPopup .formBox button{ cursor:pointer; display:block; height:30px; background-color:#fbe4d5; width:120px; text-align:center; line-height:30px; text-transform:uppercase; color:#bc2433; font-weight:bold; font-size:14px; border-radius:5px; border:solid 1px #f4d1c3; margin:0 auto 12px;}
.popup .contentPopup .formBox .inputBox button{float:left; margin:0;}
.popup .contentPopup .formBox ul{ text-align:center; font-size:0; padding:10px 0 0;}
.popup .contentPopup .formBox ul li{ display:inline-block;}
.popup .contentPopup .formBox ul li a{ color:#398fb3; font-size:12px; display:block; padding:0 9px;}
.popup .contentPopup .formBox ul li a:hover{ text-decoration:underline;}
.popup .contentPopup .formBox ul.popupBtn{}
.popup .contentPopup .formBox ul.popupBtn li{}
.popup .contentPopup .formBox ul.popupBtn li a{ height:30px; border-radius:5px; background-color:#398fb3; line-height:30px; color:#fff; margin:0 2.5px; padding:0 20px;}
.popup .contentPopup .formBox ul.popupBtn li a.cancel{ background-color:#444;}
.popup .contentPopup .formBox ul.popupBtn li a.save{ background-color:#73a409;}
.popup .contentPopup .formBox ul.popupBtn li a:hover{ text-decoration:none;}

.popup .contentPopup .formBox .mota{ text-align:center; font-size:14px; margin:0 0 20px;}

main .content .maincontent .searchbox.registerBox{}
main .content .maincontent .searchbox.registerBox .searchForm{ border:none; padding:0; display:block;}
main .content .maincontent .searchbox.registerBox .inputBox p span{color:#026eaf;}
main .content .maincontent .searchbox.registerBox .inputBox textarea{height:60px; border:solid 1px #b2b2b2; display:block; border-radius:5px; width:calc(100% - 111px); resize:none; padding:10px 10px 0;}
main .content .maincontent .searchbox.registerBox .dieukhoan{ background-color:#f6f6f6; padding:15px 10px 0; height:160px; overflow:auto; margin:20px 0 12px;}
main .content .maincontent .searchbox.registerBox .dieukhoan h4{ text-transform:uppercase; margin:0 0 10px;}
main .content .maincontent .searchbox.registerBox .dieukhoan p{ line-height:20px;}
main .content .maincontent .searchbox.registerBox .checkbox{ text-align:center; margin:0 0 30px;}
main .content .maincontent .searchbox.registerBox .checkbox label{ font-size:12px;}
main .content .maincontent .searchbox.registerBox .checkbox input{ display:inline-block; border:solid 1px #b2b2b2; border-radius:5px; width:18px; height:18px; position:relative; top:2px;}
main .content .maincontent .searchbox.registerBox ul{ text-align:center; font-size:0; padding:30px 0 0;}
main .content .maincontent .searchbox.registerBox ul li{ display:inline-block;}
main .content .maincontent .searchbox.registerBox ul li a{ color:#398fb3; font-size:12px; display:block; padding:0 9px; height:auto; border:none; line-height:normal; font-weight:normal; text-transform:none;}
main .content .maincontent .searchbox.registerBox ul li a:hover{ text-decoration:underline;}

main .content .maincontent .dangthongbao .thongtinchung .info-ctn,
main .content .maincontent .dangthongbao .auction-info-ctn
{display: flex; padding:20px 0 16px; justify-content: space-between}

main .content .maincontent .dangthongbao .thongtinchung .sub-info,
main .content .maincontent .dangthongbao .auction-info-ctn .thongtinchung
{display: flex; align-items: center}

main .content .maincontent .dangthongbao .thongtinchung .sub-info p:first-child{ margin-right: 4px;padding-right:4px; border-right: 1px solid #cccccc}
main .content .maincontent .dangthongbao .thongtinchung .sub-info p:nth-child(2){ font-weight: bold;}
main .content .maincontent .dangthongbao .thongtinchung .sub-info p:nth-child(3){ margin-left: 4px;padding-left:4px; border-left: 1px solid #cccccc}

main .content .maincontent .dangthongbao .sub-file{display: flex;align-items: center}
main .content .maincontent .dangthongbao .user-info .detail-user-info,
main .content .maincontent .dangthongbao .sub-time-info
{display:flex}

main .content .maincontent .dangthongbao .user-info .detail-user-info p:first-child,
main .content .maincontent .dangthongbao .sub-time-info p:first-child
{margin-right: 4px; margin-bottom:4px; color:#A6A6B0; flex: 0 0 auto; white-space: nowrap;}

main .content .maincontent .dangthongbao .user-info .detail-user-info p:nth-child(2),
main .content .maincontent .dangthongbao .sub-time-info p:nth-child(2)
{font-weight: 600; flex: 1 1 0; min-width: 0;}

main .content .maincontent .separator{height:1px;background:#e5e7eb;margin:16px 0;}
main .content .maincontent .clear-margin{margin-right:0!important; margin-left:0!important}
main .content .maincontent .back-btn{padding: 3px 25px;background-color: #E6F2FA;border: 1px solid #E6F2FA;border-radius: 5px;color: #026DAF;font-size: 14px;}
main .content .maincontent .back-btn-ctn{display:flex; justify-content:center; padding-bottom: 24px}

main .content .maincontent .notiDetails p{ padding:0; }
main .content .maincontent .notiDetails .thongtinchung p, main .content .maincontent .notiDetails .thongtinchung p b{ padding:0; font-size:12px;}
main .content .maincontent .notiDetails .thongtinnho{ font-size:0;}
main .content .maincontent .notiDetails .thongtinnho .thongtin1{ vertical-align:top; width:50%; display:inline-block; padding:0 0 20px;}
main .content .maincontent .notiDetails .thongtinnho .thongtin1 p{ float:left; width:100px;}
main .content .maincontent .notiDetails .thongtinnho .thongtin1 .noidung{ float:right; width:calc(100% - 135px);}
main .content .maincontent .notiDetails .thongtinnho .thongtin1 .noidung p{ padding:0; width:auto;}
main .content .maincontent .notiDetails .thongtinchung p a{ color:#1A94FF; font-size:12px;}
main .content .maincontent .notiDetails .thongtinchung p a:hover{ text-decoration:underline;}
main .content .maincontent .notiDetails table td a{ color:#1A94FF; font-size:12px}
main .content .maincontent .notiDetails table td a:hover{ text-decoration:underline;}
main .content .maincontent .notiDetails .tieuchi{}
main .content .maincontent .notiDetails .tieuchi p{ margin-top: 8px; padding: 4px 10px; background-color: #E6F2FA;border-right: 2px solid #fff; border-radius: 4px}
main .content .maincontent .notiDetails .tieuchi p a{color:#1A94FF}
main .content .maincontent .notiDetails .tieuchi p a:hover{text-decoration: underline}

main .content .maincontent .lichsuthongbao .noti .notiList{ padding:20px 0px 30px;}
main .content .maincontent .lichsuthongbao h1{ font-size:14px; padding:0 120px 0 0;}
main .content .maincontent .lichsuthongbao .dangthongbaoBtn{ float:right; display:block; margin:-25px 0; color:#398fb3; font-size:12px; font-weight:bold;}
main .content .maincontent .lichsuthongbao .dangthongbaoBtn:hover{ text-decoration:underline;}
main .content .maincontent .lichsuthongbao .dangthongbaoBtn .icon{ width:10px; height:10px; background-position:-250px 0; position:relative; top:1px;}
main .content .maincontent .lichsuthongbao .filter ul li a{ text-transform:none; font-weight:normal; border:none; background:none; padding:0;}
main .content .maincontent .lichsuthongbao .filter ul li a.active{ font-weight:bold;}
main .content .maincontent .lichsuthongbao .filter{ margin:0 0 35px;}

header .header .user{ position:absolute; bottom:45px; right:25px; color:#fff; max-width:180px; text-align:right; border:solid 1px #fff; padding:5px 25px 5px 5px; cursor:pointer; z-index:99;}
header .header .user .notiNum{ position:absolute; border-radius:5px; height:18px; line-height:18px; padding:0 5px; top:-12px; right:-15px; background-color:#026eaf; border:solid 1px #fff;}
header .header .user .downArrow{ width:10px; height:6px; background-position:-300px -150px; position:absolute; right:8px; top:50%; transform:translateY(-50%);}
header .header .user ul{ top:100%; bottom:auto; right:-1px; background-color:#fff; width:230px; padding:10px 10px; display:none; box-shadow:0 0 1px rgba(0,0,0,0.3);}
header .header .user ul li{ display:block; float:none;}
header .header .user ul li a{ height:30px; line-height:30px; border:none; color:#398fb3; text-transform:uppercase; text-align:right; width:auto; margin:0; font-size:12px; border-top:solid 1px #f0f0f0; padding:0 25px 0 0; position:relative;}
header .header .user ul li a:hover{ background-color:#f0f0f0; padding:0 15px 0 0;}
header .header .user ul li:first-child a{border:none;}
header .header .user ul li a b{ color:#026eaf; font-size:12px;}
header .header .user ul li a .icon{ width:16px; height:18px; background-position:-100px -150px; position:absolute; right:1px; top:5px;}
header .header .user ul li a .icon.noti{ background-position:-150px -150px;}
header .header .user ul li a .icon.history{ background-position:-200px -150px;}
header .header .user ul li a .icon.logout{ background-position:-250px -150px;}

main .content .maincontent .dangthongbao ul.fileSub{ float:right; height:20px; margin:-45px 0 0;}
main .content .maincontent .dangthongbao ul.fileSub li a{ color:#398fb3; text-transform:none; font-size:12px; border:none; background:none; height:auto; line-height:normal; width:auto; margin:0 0 0 20px;}
main .content .maincontent .dangthongbao ul.fileSub li a .icon{ width:20px; height:21px; background-position:0 -150px; position:relative; top:6px; margin:0 5px 0 0;}
main .content .maincontent .dangthongbao ul.fileSub li a .share{ background-position:-50px -150px;}
main .content .maincontent .dangthongbao .wordPreviewer{ border:solid 1px #000; height:600px; overflow:auto;}

#ui-datepicker-div{ background-color:#fff; text-align:center; box-shadow:0 0 8px rgba(0,0,0,0.3);}
#ui-datepicker-div .ui-datepicker-header{ background-color:#fbe4d5; position:relative;}
#ui-datepicker-div .ui-datepicker-header a{ position:absolute; display:block; height:30px; width:50px; line-height:30px;  top:0; left:0; cursor:pointer; transition:all 0.2s;}
#ui-datepicker-div .ui-datepicker-header a:hover{ background-color:#f7d1b8;}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next{left:auto; right:0;}
#ui-datepicker-div .ui-datepicker-header a span{text-transform:uppercase; color:#bc2433; font-size:11px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title{ height:40px; line-height:30px;}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title span{ font-weight:bold; color:#bc2433; font-size:16px;}
#ui-datepicker-div table{}
#ui-datepicker-div table tr{}
#ui-datepicker-div table th{ background-color:#fbe4d5;}
#ui-datepicker-div table th span{ font-weight:normal; font-size:10px; text-transform:uppercase; color:#c6988d; padding:3px 0; display:block;}
#ui-datepicker-div table td{ height:35px; width:35px; vertical-align:middle; border:solid 1px #e5e5e5; cursor:pointer; transition:all 0.2s;}
#ui-datepicker-div table td.ui-datepicker-today{ background-color:#026eaf; border:solid 1px #fff;}
#ui-datepicker-div table td:first-child{ border-left:solid 1px #fff;}
#ui-datepicker-div table td:last-child{ border-right:solid 1px #fff;}
#ui-datepicker-div table tr:last-child td{ border-bottom:solid 1px #fff;}
#ui-datepicker-div table tr:first-child td{ border-top:solid 1px #fff;}
#ui-datepicker-div table td:hover{ background-color:#fbe4d5;}
#ui-datepicker-div table td a{ font-weight:bold; color:#222; font-size:13px; transition:all 0.1s; display:inline-block;}
#ui-datepicker-div table td:hover a{ color:#bc2433; transform:scale(1.1);}
#ui-datepicker-div table td.ui-datepicker-today a{ color:#fff;}

main .content .maincontent .filter .filterBox .searchbox{ margin:0;}
main .content .maincontent .filter .filterBox .searchbox .searchForm{ display:block; padding:20px 0; border:none; border-top:solid 1px #e5e5e5;}

main .content .maincontent .noti.news{}
main .content .maincontent .noti.news .newsList{ border:none; font-size:0;}
main .content .maincontent .noti.news .newsList article{ border:none; border-bottom:dashed 1px #026eaf; padding:0 0 10px; margin:0 4% 10px 0; width:48%; display:inline-block; vertical-align:top;}
main .content .maincontent .noti.news .newsList article:nth-child(even){ margin:0 0 10px;}
main .content .maincontent .noti.news .paging{ padding:10px 0 0;}

a { cursor: pointer; }

.btnUpload {
    display: inline-block;
    background-color: #f1f1f1;
    width: 90px;
    height: 28px;
    border-radius: 5px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    text-align: center;
    line-height: 28px;
}

.btnUploadModal {
    height: 30px;
    border-radius: 5px;
    background-color: #f1f1f1;
    line-height: 30px;
    color: #000;
    padding: 6px 20px;
    font-size: 12px;
    font-weight: bold;
}