﻿body {
    font-family: 'Be Vietnam Pro Regular',sans-serif;
    font-size: 15px;
    background: #6A6A6A;
}

.container {
    width: 100% !important;
    margin: 0px !important;
    padding: 0px !important;
}

.fix-slide {
    width: 25%;
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100%;
}

li {
    list-style: none;
}


#liveClock {
    font-size: 13px;
}

.bg-white {
    background: #FFF;
}

.bg-white-yellow {
    background: #F5F1ED;
}
/*#menu_main {
}*/
#menu_main .sf-menu {
    width: 100%;
    margin-bottom: 0px;
    padding: 5px;
}

.mm-slideout {
    display: none;
}

.wrapper_heading {
    width: 100%;
}

.wrapper_footer {
    width: 100%;
    /*background: #0A629B;*/
}

.bg-header {
    background: #E3E3F6;
}

    .bg-header .container {
        padding: 0px;
    }

#menu_main {
    position: relative;
}

.dk-pd60 {
    padding-left: 60px;
    padding-right: 60px;
}

.pt30 {
    padding-top: 30px !important;
}
.m-t-20 {
    margin-top: 20px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

#sf-menu-main {
    margin-top: -10px;
}

.centerdiv {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    height: 100%; /* Full height of viewport */
    width: 100%; /* Full width */
}

.item-news-1:nth-child(n+3):nth-child(-n+6) {
    margin-top: 60px;
}

.div-tintucsukien {
}

.tintuc-image {
    position: relative;
}

.tintuc-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.25%, rgba(0, 0, 0, 0.3) 65.17%, rgba(0, 0, 0, 0.6) 100%);
}

.d-flex {
    display: flex;
}

.border-bottom {
    border-bottom: solid 1px #E4E4E4;
}

.p-b-25 {
    padding-bottom: 25px;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.div-center {
    display: flex;
    align-items: center; /* Center vertically */
    /*justify-content: center;*/
    height: 100%; /* Ensure it takes full height of the parent */
}

.d-flex-equal {
    display: flex;
    align-items: stretch;
}

.d-flex-equal-item {
    display: flex;
    flex-direction: column;
}

.social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: solid 1px #fff;
    border-radius: 50%;
    color: white;
    text-decoration: none;
    font-size: 20px;
    margin-right: 20px;
}

.carousel-caption {
    position: absolute;
    bottom: 5%;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    text-align: center;
    width: 100%;
}

    .carousel-caption h3 {
        font-size: 24px;
        margin: 0;
    }

    .carousel-caption p {
        font-size: 16px;
        margin: 5px 0 0;
    }

/* Tùy chỉnh hover nếu cần */
.fb:hover {
    color: #0866FF !important;
    text-decoration: none !important;
}

.youtube:hover {
    color: #FF0101 !important;
    text-decoration: none !important;
}

.d-flex-equal-item-center {
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

.chon-truong {
    background: #F5F1ED;
    border-radius: 10px;
    padding: 30px 25px;
}

.ka-title {
    font-size: 20px;
    color: #03014C;
    font-weight: 500;
}

.ka-link {
    font-size: 14px;
}

.ka-underline {
    text-decoration: underline;
    text-decoration-color: #03014C;
    text-underline-offset: 4px;
}

.no-mg {
    margin: 0px !important;
}

.header-body {
    margin-top: 15px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ABB0B4;
}
.ka-select {
    border-radius: 8px;
    border: solid 1px #E4E4E4;
    width: 100%;
    color: #ABB0B4;
    /*color: #03014C;*/
    appearance: none; /* Removes default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px 10px 8px 10px;
    padding-right: 40px; /* Space for custom arrow */
    font-size: 16px;
    cursor: pointer;
    position: relative;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='black'><polyline points='6,8 10,12 14,8' stroke='black' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 35px;
}

.lb-text {
    color: #ABB0B4;
}
.ka-blue {
    color: #03014C!important;
}
.ka-input {
    border-radius: 8px;
    border: solid 1px #E4E4E4;
    width: 100%;
    padding: 12px 16px;
    color: #03014C;
    appearance: none; /* Removes default arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: white;
    border: 1px solid #ccc;
    padding: 10px;
    padding-right: 40px; /* Space for custom arrow */
    font-size: 16px;
    cursor: pointer;
    position: relative;
}

.m-t-10 {
    margin-top: 10px;
}

.m-b-10 {
    margin-bottom: 10px;
}

.ka-left {
    float: left;
}

.ka-right {
    float: right;
}

.ka-button {
    padding: 12px 24px;
    background-color: #BF0F0F;
    color: #FFFFFF;
    border-radius: 5px;
}

    .ka-button:hover {
        background-color: #AD051A !important;
        color: #FFFFFF !important;
    }

.div-tin-chinh, .div-tin-tuc-1 {
}

    .div-tin-chinh .row {
        margin: 0px !important;
    }

.div-chiSo .item-counter:first-child {
    padding-left: 0px !important;
}

#sf-menu-main .sf-with-ul:after {
    border-left-color: #03014C !important;
}

.hocvien-item {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

    .hocvien-item:first-child {
        margin-left: 0px !important;
    }

.br-10 {
    border-radius: 10px;
    overflow: hidden;
}

.br-12 {
    border-radius: 10px;
    overflow: hidden;
}

.br-15 {
    border-radius: 10px;
    overflow: hidden;
}

.bg-wy {
    background-color: #F5F1ED;
}

.p-25 {
    padding: 25px;
}

.p-t-10 {
    padding-top: 10px;
}

.m-t-30 {
    margin-top: 30px !important;
}

.daihoc-item:nth-child(even) {
}

.div-tin-chinh .item-news:nth-child(even) {
    margin-right: 0px !important;
    padding-left: 15px;
    padding-right: 0px !important;
}

.div-tintucsukien .item-tintuc .item {
    margin-left: 15px;
    margin-right: 15px;
}

.div-nhanxet {
}

.div-tin-chinh .item-news:nth-child(odd) {
    padding-right: 15px;
}

.div-tin-chinh .item-news:nth-child(n+3) {
    margin-top: 30px;
}

.item-counter {
    padding-right: 15px !important;
    padding-left: 15px !important;
}

    .item-counter:nth-child(3n) {
        margin-right: 0px !important;
        padding-left: 15px !important;
        padding-right: 0px !important;
    }

    .item-counter:first-child {
        padding-left: 10px !important;
    }


.div-tin-chinh .item-news .bg-wy {
    height: 270px;
}


.header-title h3 {
    margin: 0px;
    padding: 0px;
    font-size: 24px !important;
    padding-bottom: 5px;
}

    .header-title h3 .ka-title {
        font-size: 24px;
    }

.header-title h2, .header-title h2 .ka-title {
    font-size: 32px;
    font-weight: 500;
}

.body-content {
    color: #5C5C65;
    font-size: 15px;
    text-align: justify;
}

.div-tin-tuc-1 h3 .ka-title {
    font-size: 20px !important;
}

.b-r-10 {
    border-radius: 10px;
}

.no-mg {
    margin: 0px !important;
}

.div-truong {
    padding-top: 0px !important;
}

.div-img-counter {
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
    height: 100vh; /* Full height of viewport */
    width: 100%; /* Full width */
    background-color: #f0f0f0; /* Just for visualization */
}

.input-form {
    border-radius: 8px;
    border: solid 1px #E4E4E4;
    width: 100%;
    padding: 12px 16px 8px 10px;
}

    .input-form:focus-visible, .ka-select:focus-visible {
        outline: none; /* Removes default outline */
        border: 1px solid #BF0F0F; /* Adds a blue border */
    }

    .input-form::placeholder {
        /*color: #03014C;*/ /* Màu của placeholder */
        color: #ABB0B4;
    }

.button-full {
    width: 100%;
    display: block;
    background: #BF0F0F;
    padding: 12px 0px;
    border-radius: 10px;
    color: #FFF;
    text-align: center
}

    .button-full:hover {
        color: #fff !important;
        background: #AF081A;
    }

.p-60 {
    padding: 60px;
}

.m-60 {
    margin: 60px;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-t-30 {
    padding-top: 20px !important;
}

.div-tuvan {
    background: #F3D488;
}

.trai, .phai {
    display: flex;
    flex-direction: column;
}

    .trai > div {
        flex: 1;
    }

.div-img-counter img {
    width: 50%;
}

.counter-number {
    font-size: 44px;
    font-weight: bold;
}

.counter-content {
    font-size: 18px;
}

.daihoc-border {
    border-width: 1px;
    border-style: solid;
    border-color: #E4E4E4;
}

.div-chiSo {
    background: #F5F1ED;
}

.daihoc-content {
    border: solid 1px #E4E4E4;
    border-radius: 0px 0px 15px 15px;
    border-top: none;
}

.font-red {
    color: #BF0F0F;
}

.daihoc-content h3 {
    padding: 0px;
    margin: 0px;
    font-size: 24px !important;
    font-weight: 500;
}

.daihoc-mota, .daihoc-mota a {
    color: #5C5C65;
    text-align: justify;
}

.daihoc-content h3 .ka-title {
    font-size: 24px !important;
}

.daihoc-logo img {
    border-radius: 15px 15px 0px 0px;
    width: 100%;
}

.p-20 {
    padding: 20px;
}

.font-blue {
    color: #03014C;
}

.font-bold {
    font-family: 'Be Vietnam Pro Medium' !important;
}

.bold {
    font-weight: 600 !important;
}

.font-24 {
    font-size: 24px !important;
    line-height: 32px;
}

.font-18 {
    font-size: 18px !important;
    line-height: 32px;
}

.paging-v3 ul.pagingCss li {
    padding: 8px 15px !important;
    border: solid 1px #E4E4E4 !important;
    margin-right: 10px !important;
    height: auto !important;
    border-radius: 3px;
    color: #03014C !important;
    font-size: 16px !important;
    font-weight: normal !important;
}

.paging-v3 ul.pagingCss .page_next, .paging-v3 ul.pagingCss .page_last {
    background: none !important;
    padding: 8px 18px !important;
}

    .paging-v3 ul.pagingCss .page_next span .paging-v3 ul.pagingCss .page_last span {
        margin-left: -2px;
        width: auto !important;
        height: auto !important;
    }

    .paging-v3 ul.pagingCss .page_next span:before {
        content: "\f105";
        font: normal normal normal 20px / 1 FontAwesome;
    }

ul.pagingCss li.page_last span {
    width: auto !important;
    height: auto !important;
    margin-left: -4px;
}

.paging-v3 ul.pagingCss .page_last span:before {
    content: "\f101";
    font: normal normal normal 20px / 1 FontAwesome;
}

.paging-v3 ul.pagingCss .page-current, .paging-v3 ul.pagingCss li:hover {
    background-color: #03014C !important;
    color: #fff !important;
}


.paging-v3 ul.pagingCss .page_back, .paging-v3 ul.pagingCss .page_first {
    background: none !important;
    padding: 8px 18px !important;
}

    .paging-v3 ul.pagingCss .page_back span .paging-v3 ul.pagingCss .page_first span {
        margin-left: -2px;
        width: auto !important;
        height: auto !important;
    }

    .paging-v3 ul.pagingCss .page_back span:before {
        content: "\f104";
        font: normal normal normal 20px / 1 FontAwesome;
    }

ul.pagingCss li.page_first span {
    width: auto !important;
    height: auto !important;
    margin-left: -4px;
}

.paging-v3 ul.pagingCss .page_first span:before {
    content: "\f100";
    font: normal normal normal 20px / 1 FontAwesome;
}

.paging-v3 ul.pagingCss .page-current, .paging-v3 ul.pagingCss li:hover {
    background-color: #03014C !important;
    color: #fff !important;
}




.title-news-item h3 {
    margin-top: 0px !important;
}

.daihoc-border img {
}

.div-hocvien {
    width: 100%;
    background-image: url('/images/temp/bg-hocvien.png'); /* Replace with your image URL */
    background-size: cover; /* Ensures the image covers the entire div */
    background-position: top center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents repeating */
}

.div-top-news {
    width: 100%;
    background-size: cover; /* Ensures the image covers the entire div */
    background-position: top center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents repeating */
}

.div-hocvien .header-title {
    text-align: center !important;
}

    .div-hocvien .header-title h3 .ka-title {
        font-size: 32px !important;
    }

.hocvien-mota {
    font-size: 24px !important;
}

.font-white {
    color: #fff !important;
}


    .font-white:hover {
        color: #fff !important;
    }

    .font-white a, .font-white:hover {
        text-decoration-color: #fff !important;
    }

.ka-underline.font-white {
    text-decoration-color: #fff !important
}

.font-20 {
    font-size: 20px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-l-25 {
    padding-left: 25px !important;
}

.p-t-25 {
    padding-top: 25px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-r-20 {
    padding-right: 20px;
}
.p-l-30 {
    padding-left: 30px;
}
.p-r-30 {
    padding-right: 30px;
}

.p-r-60 {
    padding-right: 60px;
}

.p-60 {
    padding: 60px !important;
}

.notmg {
    margin: 0px !important;
}

.list-item {
    font-size: 20px !important;
}

.list-item {
    border-bottom: solid #F2F2F6 1px;
    padding: 16px 0px;
}

.sub-list {
    display: none;
    font-size: 18px !important;
}

    .sub-list li {
        padding-top: 14px;
    }

.list-item {
    cursor: pointer;
}

.list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.toggle-icon, .toggle-icon i {
    font-weight: unset !important;
}
.div-tuvan .b-r-10 img {
    border-radius: 10px;
}

#sf-menu-main .sf-vertical, #sf-menu-main .sf-vertical ul li {
    background-color: #E3E3F6 !important;
}
/*.nav-menu {
    /*background: url("/images/icons/bg-blue.png") repeat;
}*/
/*.nav-menu ul#sf-menu-main:before {
    content: "";
    background: url("/images/icons/menu-left-blue.png") no-repeat;
    width: 10px;
    height: 56px;
    position: absolute;
    left: -10px;
    z-index: 1;
    top: -10px;
}

.nav-menu ul#sf-menu-main:after {
    content: "";
    background: url("/images/icons/menu-right-blue.png") no-repeat;
    width: 10px;
    height: 56px;
    position: absolute;
    right: -10px;
    z-index: 1;
    top: -10
}*/
#menu_main .sf-menu li {
    background: none;
}

    #menu_main .sf-menu li:hover, #menu_main .sf-menu .active {
        text-decoration: underline;
        text-decoration-color: #03014C;
        text-underline-offset: 4px;
    }

    #menu_main .sf-menu li a {
        color: #03014C;
        padding: 8px 14px 8px 14px;
        border-left: 0px;
        border-top: 0px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: bold;
    }

    #menu_main .sf-menu li ul li a {
        font-weight: normal;
    }

#menu_main .sf-menu ul li.current {
    background: #eee;
}

#menu_main .sf-menu li.folder_act, #menu_navbar .sf-navbar li.folder_act {
    background: #ccc;
}

#menu_main .sf-menu li:hover, #menu_navbar .sf-navbar li.sfHover {
    background: #ccc;
}

#menu_main .sf-menu ul li {
    background: #eee;
}

#sf-menu-main ul li {
    background: none !important;
}

    #sf-menu-main ul li a {
        padding: 5px 5px !important;
    }

#sf-menu-main ul {
    width: auto !important;
    padding: 5px 0px !important;
}

    #sf-menu-main ul li {
        border-bottom: solid thin #fff;
    }

#menu_main .sf-menu ul {
    margin-bottom: 0px !important;
}

#menu_main .sf-menu ul {
    margin-bottom: 0px !important;
}

#sidebar_left .th_display {
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    border-top: none;
    background: #F7F7F7;
}

    #sidebar_left .th_display .title_box, #sidebar_left .th_display .box_title {
        text-align: left;
        padding-left: 10px;
        font-size: 15px;
        text-transform: uppercase;
        height: 35px;
        line-height: 35px;
        border-bottom: 1px solid #0D527E;
        color: #0F6FAF;
    }

        #sidebar_left .th_display .title_box span, #sidebar_left .th_display .box_title span {
            font-size: 18px;
            line-height: 43px;
            width: 100%;
            display: block;
            text-align: left;
            color: #940016;
        }

            #sidebar_left .th_display .title_box span a, #sidebar_left .th_display .box_title span a {
                font-size: 18px;
                line-height: 43px;
                width: 100%;
                display: block;
                text-align: left;
                color: #940016;
                text-align: center;
            }

    #sidebar_left .th_display .box_content, #sidebar_left .th_display .content_box {
        padding: 5px;
    }


#wr_search {
    float: right;
    position: relative;
    margin-right: 25px;
}

    #wr_search #key_search {
        width: 230px;
    }

#menu_bottom {
    background: #ededed;
    padding-top: 7px;
    display: block;
    height: 40px;
}

#display_7 .box_title {
    display: none;
}

/*.left_menu {
}*/

.left_menu .sf-menu a {
    color: #000;
    border-bottom: 1px dotted #ccc !important;
}

.sf-arrows .sf-with-ul:after {
    border-left-color: #ccc !important;
}

.left_menu ul {
    margin-bottom: 0px !important;
}

#display_2 {
    margin-bottom: 0;
}

.wr_slide_show {
    overflow: hidden;
}

#carousel-slide-new .item .title {
    color: #FFF;
    font-weight: bold;
    font-size: 16px;
    margin: -25px 0 0px 10px;
    text-align: justify;
}

#carousel-slide-new .carousel-indicators li {
    border: 1px solid #b7b7b7;
}

#carousel-slide-new .carousel-indicators {
    bottom: 0px !important;
    right: 0;
    width: 100%;
    left: auto;
}

    #carousel-slide-new .carousel-indicators .active {
        background: #FFF;
    }

#carousel-slide-new .item img {
    max-height: 400px !important;
}

#carousel-slide-new {
    height: auto !important;
}

#display_8 li, #display_49 li, #display_32 li {
    background: url(../images/list-thumb.png) left center no-repeat !important;
    padding: 5px 0px 0 25px;
}

#display_40 img {
    width: 100% !important;
}

.list_news .box_title, .title_page, .page_detail_news .box_title, #display_30 .box_title, #display_15 .box_title {
    color: #cc6666;
    font-size: 18px;
    font-weight: bold;
    padding: 3px;
    display: inline-block;
    margin: 10px 0;
    line-height: 30px;
}

.row_time {
    padding-bottom: 15px;
}

.home.list_news {
    display: inline-block;
}

    .home.list_news .box_title {
        border-bottom: 1px solid #0F6FAF;
        background: #0F6FAF;
        margin: 0 !important;
    }

    .home.list_news .title_name {
        float: left;
        color: #FFF;
        font-size: 15px;
        text-transform: uppercase;
        padding-left: 10px;
    }

    .home.list_news .wr_menu_box {
        float: right;
    }

        .home.list_news .wr_menu_box .menu_box {
            background: transparent !important;
        }

        .home.list_news .wr_menu_box a {
            font-size: 13px;
            font-weight: 400;
            color: #FFF !important;
        }

        .home.list_news .wr_menu_box .title_name {
            display: none;
        }

    .home.list_news .box_title .title_name a {
        padding: 0 10px;
        font-size: 17px;
        color: #ce0909;
    }

    .home.list_news .news_title {
        font-weight: bold;
        color: #084D79;
        padding: 0px 0px 5px 0px;
        text-align: justify;
        display: block;
        font-size: 15px;
        /*text-transform: uppercase;*/
    }

    .home.list_news .bl_1 .list_news {
        margin-top: 10px;
    }

/*.list_news .title {
    /*text-transform:uppercase;
}*/

.page_images .col-md-4 {
    text-align: center;
    color: #3398CC;
    font-weight: bold;
    font-size: 16px;
    margin: 10px 0;
}

    .page_images .col-md-4 .thumbnail {
        margin-bottom: 10px;
    }

.page_news img {
    width: 100%;
}

.so_do_trang {
    padding-left: 20px;
}

    .so_do_trang li a {
        font-weight: bold;
        background: url(../images/red_arrow.gif) no-repeat left center;
        padding-left: 10px;
    }

    .so_do_trang li ul a {
        font-weight: 500;
    }

.logo_rss {
    background: url(../images/img_rss.gif) no-repeat;
    display: block;
    width: 50px;
    height: 20px;
    font-size: 0;
}

.copyright {
    margin: 0 !important;
    padding: 0 20px 20px 0px !important;
}

    .copyright a, .copyright a:link, .copyright a:visited {
        color: #fff;
    }

#display_50, #display_13 {
    margin-bottom: 0 !important;
}
/* Portrait tablet to landscape and desktop */

/* Large desktop */

@media (min-width: 1200px) {
    .Slideshow_news_top_list .photo {
        height: 100px;
        overflow: hidden;
    }

        .Slideshow_news_top_list .photo img {
            width: 100%;
            min-height: 100px;
        }

    #display_63 {
        display: none !important;
    }

    .news-image {
        min-height: 130px;
        max-height: 130px;
        overflow: hidden;
    }
}

@media (min-width: 980px) and (max-width: 1200px) {
    body {
        font-size: 15px !important;
    }

    #wr_search #key_search {
        width: 135px;
    }

    .Slideshow_news_top_list .photo {
        height: 110px;
        overflow: hidden;
    }

        .Slideshow_news_top_list .photo img {
            width: 100%;
            min-height: 110px;
        }

    #carousel-slide-new {
        height: 400px !important;
    }

    #display_63 {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    body {
        font-size: 15px !important;
    }

    #wr_search #key_search {
        width: 135px;
    }

    .Slideshow_news_top_list .photo {
        height: 80px;
        overflow: hidden;
    }

        .Slideshow_news_top_list .photo img {
            width: 100%;
            min-height: 80px;
        }

    #carousel-slide-new {
        height: 400px !important;
    }

    #display_63 {
        display: none !important;
    }
}


/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .page_detail_news .row_content img {
        width: 100%;
    }

    #wr_search {
        margin-top: 40px;
    }

    #main_page {
        margin-top: 10px;
    }

    #main_content {
        display: inline-block;
    }

    .th-details {
        margin-top: 45px !important;
    }

    .copyright {
        padding-left: 20px !important;
    }

    .detail_content iframe {
        width: 90%;
    }

    .banner img {
        width: 100%;
    }

    .banner {
        border-top: none !important;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
    #carousel-slide-new {
        height: 350px !important;
    }

    .not_padding_mobile {
        padding: 0px !important;
    }

    .adv-top {
        display: none;
    }

    #div-message {
        margin-top: 10px;
    }

    .banner img {
        width: 100%;
    }

    #main_content {
        display: inline-block;
    }

    .owl-carousel {
        margin-top: 40px;
    }

    #main_content {
        margin-left: 3px;
    }
}


#display_48 {
    background: #940016 !important;
    border-bottom: 2px solid #940016 !important;
}

    #display_48 .box_title {
        display: none;
    }

    #display_48 .sf-menu {
        margin-bottom: 0px !important;
    }

        #display_48 .sf-menu a {
            background: #940016 !important;
            color: #fff;
        }

#slider1_container {
    height: 187px !important;
}

.not_padding_left {
    padding-left: 0 !important;
}

.not_padding_right {
    padding-right: 0 !important;
}

.upload_table .icon_preview {
    min-width: 75px;
}

#display_63 img {
    width: 100%;
}

#display_1 {
    margin-bottom: 0 !important;
}

#display_33 img, .wrapper_lien_ket img {
    max-width: 100%;
}

.owl-theme {
    position: relative;
}

    .owl-theme .owl-dots {
        position: absolute;
        bottom: 10px;
        text-align: center;
        width: 100%;
    }

.thumbnail {
    margin-bottom: 00px;
}

.list_news li {
    border-bottom: dotted thin #c3c3c3;
    padding: 5px 0px !important;
    text-align: justify;
}

    .list_news li:first-child {
        padding-top: 0px !important;
    }

    .list_news li:last-child {
        border-bottom: none;
    }

.list_news {
    margin-top: 0px !important;
}

.mm-menu {
    z-index: 9999;
}

.video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

    .video-responsive iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute;
    }

.list_news {
    width: 100%;
}

.fr_tbcore td {
    padding: 3px 5px;
}

.vanbanlienquan ol {
    padding-left: 10px;
    margin-top: 10px;
}

.hvview-cddh-container {
    border-bottom: dotted 1px #c3c3c3;
    padding-bottom: 3px;
    margin-top: 5px;
}

    .hvview-cddh-container .hvview-sovb a, .hvview-cddh-container .hvview-sovb a:link, .hvview-cddh-container .hvview-sovb a:visited {
        font-weight: bold;
        color: #0D6F9D;
    }

.box_title span {
    color: white !important;
    font-size: 14px !important;
    text-transform: uppercase;
    padding-left: 3px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fbfcfd;
}

.table-hover > tbody > tr:hover, .table-hover > tbody > tr:hover > td {
    background: #FCF0F2 !important;
}

.schedule {
    width: 100%;
    margin-bottom: 0px !important;
}

    .schedule th {
        background: #0F6FAF;
        color: #fff;
        border-right: solid 1px #fff;
        padding: 5px 10px;
    }

.box_title a:before {
    position: absolute;
    content: '';
    /*left: 99.5%;*/
    bottom: 0;
    width: 25px;
    height: 100%;
    display: inline-block;
    border-left: 0px transparent solid;
    border-right: 20px transparent solid;
}

.widget-head, .widget.dark > .widget-head {
    border: none;
    background: transparent;
    height: auto;
    border-bottom: 1px solid #E5BFA2;
    width: 100%;
    display: inline-block;
}

.widget-content {
    margin-top: 0;
    display: inline-block;
    width: 100%;
    border: none;
}

.btn-media-detail {
    text-align: right;
    float: right;
    background: #2175c3;
    color: #fff !important;
    padding: 3px 10px;
    transition: all ease .3s;
}

.widget-head > .title, .widget.dark > .widget-head > .title, .widget-new-thumb .widget-title-tab > a {
    text-transform: uppercase;
    color: #40403E;
    font-family: Roboto, arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 32px;
    float: left;
    padding: 0px 5px 0px 8px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    background: #FCC9A3;
    top: 0;
    margin-left: 0;
    background-image: url('img/ic-title.png');
    background-position: left center;
    background-position-x: 0px;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

    .widget-head > .title:before, .widget-new-thumb .widget-title-tab > a:before {
        position: absolute;
        content: '';
        left: 99.5%;
        bottom: 0;
        width: 25px;
        height: 100%;
        display: inline-block;
        border-bottom: 32px #FCC9A3 solid;
        border-left: 0px transparent solid;
        border-right: 20px transparent solid;
    }

#news-content span, #detail_content span {
    font-size: inherit !important;
}

.schedule td {
    padding: 5px !important;
}

.thumbnail {
    border: none;
    background: none;
}

.title-v1 {
    text-transform: uppercase;
    color: #0F6FAF;
    font-family: Roboto, arial, sans-serif;
    font-weight: bold;
    font-size: 15px;
    line-height: 29px;
    padding: 0px 5px 0px 8px;
    position: relative;
    top: 0;
    margin-left: 0;
    background-image: url('img/ic-title.png');
    background-position: left center;
    background-position-x: 0px;
    background-repeat: no-repeat;
    background-size: auto 100%;
}

.new-hot a {
    color: #9e100e !important;
}

/*.widget-head {
    /*margin-bottom: 5px;
}*/

.owl-prev, .owl-next {
    position: absolute;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
    font-size: 2.5rem !important;
    color: #cecece;
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}

/*.owl-prev i, .owl-next i {
    
}*/

.owl-nav {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    background: none;
}

.owl-theme .owl-nav [class*=owl-] {
    background: none;
}

.footer-menu .list_news li {
    border-bottom: none;
    padding: 2px 0px !important;
}

@media (max-width: 767px) {
    .banner {
        margin-top: 40px;
    }

    .content-site {
        margin-top: -40px;
    }
}

.pace-active {
    display: none !important;
}
/*.news_title
{

}*/
#exTab1 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

#exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
    border-radius: 0;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0;
}

#exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

.department .nav > li > a {
    padding: 2px 18px;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background: #428bca;
    color: #fff;
}

.department-list {
    margin-top: 5px;
}

    .department-list li {
        padding-top: 5px;
        padding-left: 5px;
    }

.sf-menu li:last-child {
    border-bottom: none !important;
}

.sf-menu li ul {
    margin-top: 0px;
}

#detail_content table {
    width: 100% !important;
}

    #detail_content table td {
        border: solid 1px #A7A5A5 !important;
        padding: 5px 5px !important;
    }

.border-purple {
    border: solid 1px #2B579A;
}

.messages .sf-menu a {
    padding: 0.2em !important;
}

.panel-heading-gray {
    background: linear-gradient(to bottom, #fff 0%, #eee 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #ccc #ccc #ccc #da1c12;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
}

.panel-heading {
    background-color: #2B579A;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    border-bottom: none;
    border-radius: 0px !important;
    color: #fff;
    text-align: left;
}

.panel-messages .panel-title a:hover {
    color: #fff !important;
}

.panel-heading-gray .panel-title {
    position: relative;
    display: inline-block;
    z-index: 100;
    padding-left: 10px;
    padding-right: 14px;
    font-weight: bold;
    font-size: 14px;
    padding: 5px 5px;
    color: #1C4076;
}

.panel-heading .panel-title {
    position: relative;
    display: inline-block;
    z-index: 100;
    padding-left: 10px;
    padding-right: 14px;
    font-weight: bold;
    font-size: 14px;
}

.messages li:last-child a {
    border-bottom: none !important;
}

.messages li {
    text-align: justify;
    padding: 5px;
}

.sf-menu li:hover, .sf-menu li.sfHover {
    background: none !important;
}

.sf-menu li a:hover {
    color: red;
}

.panel-title a {
    text-transform: uppercase !important;
}

.title-news {
    font-size: 14px !important;
}

.panel-heading {
    padding: 5px 0px !important;
}

#detail_content .document-details td {
    border: none !important;
}

#menu_mobile .header, #menu_mobile .footer {
    background: #E3E3F6;
}

.wrapper_footer .th_display {
    min-height: 50px;
    background-image: url(/images/footer.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    padding-bottom: 0px;
    overflow: hidden;
}

.btn {
    padding: 3px 12px !important;
    border-radius: unset;
}

btn-primary {
    border: solid 1px #204d74;
}

#menu_main {
    z-index: 1000;
}

.footer-link a, .footer-link a :visited, .footer-link a:hover {
    color: white;
}

.footer-link {
    color: white;
    text-align: right;
}

.panel-title a {
    color: #fff !important;
}

.panel-heading-gray .panel-title a {
    color: #F52121 !important;
}

a:hover {
    color: #BF0F0F !important;
    cursor: pointer;
    text-decoration: underline;
}

#owl-carousel-daihoc .owl-dots {
    bottom: -35px !important;
}

.bread-crumb a, .bread-crumb {
    font-size: 15px;
}

    .bread-crumb i {
        font-weight: normal !important;
        color: #ABB0B4;
    }

.sub-bread-crumb {
    color: #ABB0B4;
}

.title-news-details {
    font-size: 32px !important;
    font-weight: 600;
    margin-top: 10px !important;
}

.img-full {
    width: 100%;
}

.select2-container--default .select2-selection--single {
    border-radius: 8px !important;
    height: 45px !important;
    line-height: 45px !important;
    border: 1px solid #ccc !important;
    font-size: 16px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px !important;
        /*color: #03014C;*/
        padding-left: 10px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 45px !important;
        right: 18px !important;
    }
/* Ẩn biểu tượng mũi tên mặc định */
.select2-selection__arrow b {
    display: none;
}

/* Thêm biểu tượng mũi tên tùy chỉnh */
.select2-selection__arrow:after {
    content: "\f107" !important; /* Thay đổi ký tự mũi tên theo ý bạn, ví dụ: ▲, ▼, ⬇, hoặc sử dụng biểu tượng font-icon */
    font: normal normal normal 20px / 1 FontAwesome;
    font-size: 28px !important; /* Kích thước của biểu tượng */
    color: #03014C !important; /* Màu sắc */
    position: absolute !important;
    right: 3px !important; /* Khoảng cách từ mép phải */
    top: 50% !important; /* Căn giữa dọc */
    transform: translateY(-50%) !important;
}

.ka-button:focus {
    color: #fff !important;
}

.ka-button-small {
    padding: 8px 15px !important;
}

.circle-btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #F5F1ED;
    color: #03014C;
    transition: background 0.3s ease, color 0.3s ease;
}

    .circle-btn:hover {
        background: #f0f0f0;
        color: #BF0F0F;
    }

    .circle-btn i {
        font-size: 16px;
    }

.table-blue {
    border-left: 1px solid #E4E4E4;
    border-right: 1px solid #E4E4E4
}
.dataTables_scrollHeadInner .table-blue th{
    padding: 10px 8px !important;
}
.table-blue thead th {
    background: #03014C;
    color: #fff;
    font-weight: normal !important;
}

    .table-blue tbody td {
        border-bottom: 1px solid #E4E4E4;
        padding: 8px 8px;
        border-right: 1px solid #E4E4E4;
    }

.p-t-0 {
    padding-top: 0px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}



@media (max-width: 1700px) {
    .hide-sm {
        display: none !important;
    }

    .m-60 {
        margin: 20px !important;
    }

    .p-60 {
        padding: 20px !important;
    }

    .dk-pd60 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #menu_main .sf-menu li a {
        padding-left: 8px !important;
    }

    .bg-header {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .div-tin-tuc-1 h3 .ka-title {
        font-size: 17px !important;
    }

    .header-title .font-24 {
        font-size: 18px !important;
    }

    .ka-button-small {
        padding: 4px 8px !important;
    }

    .daihoc-content h3 .ka-title {
        font-size: 20px !important;
    }

    .dk-p5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
}

@media (max-width: 980px) {
    .fix-slide {
        display: none;
    }
}

@media (max-width: 1360px) {
    #div-menu {
        width: 90% !important;
    }

    .bg-header {
        position: relative;
    }

    .div-search {
        position: absolute !important;
        width: 150px !important;
        bottom: -20px !important;
        right: 0px !important;
    }

    .bg-header {
        padding-top: 20px !important;
        padding-bottom: 30px !important;
    }

    .m-60 {
        margin: 20px !important;
    }

    .p-60 {
        padding: 20px !important;
    }

    .dk-pd60 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    

    .item-counter {
        padding-right: 5px !important;
    }

    .p-s-10 {
        padding: 10px !important;
    }

    .font-18 {
        font-size: 16px !important;
    }

    .hide-sm {
        display: none !important;
    }

    .p-t-s-10 {
        padding-top: 10px !important;
    }

    .font-24 {
        font-size: 16px !important;
        line-height: unset;
    }

    .align-items {
        align-items: center; /* Căn giữa hình ảnh và nội dung trong div-info */
    }

    .center-vertical {
        display: flex;
        align-items: center; /* Căn giữa theo trục dọc */
        justify-content: center; /* Căn giữa theo trục ngang (nếu cần) */
        height: 100%; /* Đảm bảo chiều cao đầy đủ để căn giữa hoạt động */
    }

    .div-info {
        display: flex;
        flex-direction: column; /* Xếp nội dung thông tin theo trục dọc */
        justify-content: center; /* Căn giữa nội dung theo trục dọc so với ảnh */
    }

    .p-r-s-20 {
        padding-right: 20px !important;
    }

    .m-t-s-0 {
        margin-top: 0px !important;
    }

    .p-t-s-10 {
        padding-top: 10px !important;
    }

    .list-item {
        padding: 10px 0px !important;
        font-size: 18px !important;
    }

    .font-sm-20 {
        font-size: 20px !important;
    }

    .header-title .font-24 {
        font-size: 20px !important;
    }

    .p-b-s-30 {
        padding-bottom: 30px !important;
    }

    .p-r-s-10 {
        padding-right: 10px !important;
    }

    .p-l-s-10 {
        padding-left: 10px !important;
    }

    .p-l-s-0 {
        padding-left: 0px !important;
    }

    .div-tin-tuc-1 h3 .ka-title {
        font-size: 17px !important;
    }

    .header-title .font-24 {
        font-size: 18px !important;
    }
    .ka-button-small
    {
        padding:4px 8px!important;
    }
    .daihoc-content h3 .ka-title
    {
        font-size:20px!important;
    }
    .dk-p5 {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    /*.ka-select {
        padding: 5px 8px 5px 8px!important;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 32px !important;
        padding-left: 8px !important;
    }
    .select2-container--default .select2-selection--single {
        height: 35px !important;
    }
    .select2-container--default .select2-selection--single .select2-selection__arrow {
        height: 34px !important;
    }
    .div-input .lb-text {
        padding: 5px 0px 5px 8px;
    }
    .div-input .lb-text {
        padding: 5px 0px 5px 8px!important;
    }
    .input-form {
        padding: 5px 8px 5px 8px!important;
    }*/
}

.no-bg-lg {
    background-image: none !important;
}

.p-b-80 {
    padding-bottom: 80px;
}

.p-t-60 {
    padding-top: 60px;
}
@media (max-width: 768px) {
    .m-60 {
        margin: 20px !important;
    }

    .p-60 {
        padding: 20px !important;
    }

    .dk-pd60 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .bg-header {
        padding: 0px !important;
    }
    .m-t-m-60 {
        margin-top: 60px !important;
    }
}

@media (max-width: 480px) {
    .p-m-0 {
        padding: 0px !important;
    }

    .m-m-0 {
        margin: 0px !important;
    }

    .bg-header {
        padding: 0px !important;
    }

    #menu_mobile .header, #menu_mobile .footer {
        color: #03014C
    }

    .header-title h2, .header-title h2 .ka-title {
        font-size: 20px !important;
    }

    .p-60 {
        padding: 5px;
    }

    .m-60 {
        margin: 10px !important;
    }

    .m-t-m-50 {
        margin-top: 50px !important;
    }

    .font-header-sm {
        font-size: 20px !important;
    }

    .p-m-10 {
        padding: 10px !important;
    }

    .p-b-m-20 {
        padding-bottom: 20px !important;
    }

    .p-r-m-0 {
        padding-right: 0px !important;
    }

    .m-t-m-10 {
        margin-top: 10px !important;
    }

    .m-t-m-20 {
        margin-top: 20px !important;
    }

    .m-t-m-0 {
        margin-top: 0px !important;
    }

    .div-tin-chinh .item-news:nth-child(even) {
        padding-left: 0px !important;
    }

    .div-tin-chinh .item-news:nth-child(odd) {
        padding-right: 0px;
        padding-left: 0px;
    }

    .p-b-s-30 {
        padding-bottom: 30px !important;
    }

    .item-counter, .item-counter:nth-child(3n) {
        padding-left: 0px !important;
        margin-top: 10px !important;
    }

    .div-hocvien .owl-theme .owl-dots {
        bottom: -28px !important;
    }

    .p-t-m-20 {
        padding-top: 20px !important;
    }

    .hocvien-item {
        margin-right: 0px !important;
    }

    .item-news-1 {
        margin-top: 10px;
        padding: 0px !important;
    }

        .item-news-1:nth-child(n+3):nth-child(-n+6) {
            margin-top: 10px;
        }

    .p-l-m-0 {
        padding-left: 0px !important;
    }

    .m-l-m-0 {
        margin-left: 0px !important;
    }

    .p-r-m-0 {
        padding-right: 0px !important;
    }

    .m-r-m-0 {
        margin-right: 0px !important;
    }

    .font-m-20 {
        font-size: 20px !important;
    }

    .p-r-m-10 {
        padding-right: 10px !important;
    }

    .p-l-m-10 {
        padding-left: 10px !important;
    }

    .no-bg-lg {
        background-image: inherit !important;
    }

    .font-16-m {
        font-size: 16px !important;
        line-height: unset !important;
    }

    .font-15-m {
        font-size: 15px !important;
        line-height: unset !important;
    }

    .m-m-10 {
        margin: 10px !important;
    }

    .p-t-m-30 {
        padding-top: 30px !important;
    }

    .p-b-m-30 {
        padding-bottom: 30px !important;
    }

    .b-r-m-10 {
        border-radius: 10px !important;
    }

    .font-18-m {
        font-size: 18px !important;
    }

    .font-20-m {
        font-size: 18px !important;
    }

    .font-bold-m {
        font-weight: bold;
    }

    .div-tintucsukien .item-tintuc .item {
        margin: 0px !important;
    }

    .div-tintucsukien .owl-carousel {
        margin-top: 20px !important;
    }

    .item-counter {
        padding-right: 0px !important;
    }

    #menu_mobile .header a {
        background-image: url('/Images/menu-bar.png');
    }

    .mm-menu {
        background: #F5F1ED;
    }

        .mm-listview > li > a, .mm-listview > li > span, .mm-menu .mm-header > a {
            color: #03014C;
        }

    .m-t-m-40 {
        margin-top: 40px !important;
    }

    .m-t-m-60 {
        margin-top: 60px !important;
    }

    .details-content img {
        max-width: 100% !important;
        height: auto !important;
    }

    .d-flex {
        flex: none !important;
        display: block;
    }

    .m-t-m-30 {
        margin-top: 30px !important;
    }

    .div-top-news {
        max-height: 300px !important;
        background-size: cover;
    }

    .p-t-m-10 {
        padding-top: 10px !important
    }

    #google-map {
        max-height: 300px !important;
    }

    .m-l-m-10 {
        margin-left: 10px !important;
    }

    .m-l-m-7 {
        margin-left: 7px !important;
    }

    #menu_mobile .header a {
        left: 0px;
    }

    #menu_mobile .header, #menu_mobile .footer {
        padding-left: 45px !important;
        text-align: left;
    }

    .mm-listview {
        font-size: 16px !important;
    }
}

.div-input .input-form {
    border: none;
}

.div-input {
    background: #fff;
    border-radius: 10px;
    color: #03014C;
    font-weight: unset;
    border: 1px solid #ccc;
}

    .div-input .lb-text {
        font-weight: unset;
        padding: 12px 0px 8px 10px;
        margin: 0px !important;
        font-size: 16px;
    }

.p-r-10 {
    padding-right: 10px !important;
}

.div-input .ka-select {
    border: none;
}

    .div-input .ka-select:focus {
        border: none;
    }

.div-input .input-form::placeholder {
    color: #BFBCB9; /* Màu của placeholder */
}

.input-search {
    border: none;
    background: none;
    width: 80%;
}

    .input-search:focus {
        border: none;
        outline: none;
        border-color: transparent; /* Hoặc đặt màu tùy thích */
    }

.div-search {
    float: right;
    width: 10%;
    border-bottom: 1px solid #CDCCE4;
    padding-top: 20px !important;
    font-size: 14px;
}

    .div-search .fa {
        font-weight: 500;
    }

.div-search-pages {
    border-bottom: 1px solid #CDCCE4;
    padding-top: 20px !important;
    font-size: 16px;
    margin-bottom:20px!important;
}
#div-chuyenNganh-list td
{
    vertical-align:middle;
}
.font-nomal
{
    text-transform:unset!important;
    font-weight:normal!important;
}
.div-content span, .details-content span {
    font-family: 'Be Vietnam Pro Regular', sans-serif !important;
    font-size: 15px !important;
}

.div-content, .details-content {
    padding-right: 10px;
}
