.gx-3 {--bs-gutter-x: 1rem;}
.gy-3 {--bs-gutter-y: 1rem;}
.title-xs {font-size: 1rem !important;}
.title-2xs {font-size: 1.2rem !important;}
.text-bold {font-weight: bold;font-size: 1.4rem !important;}
.text-bold a {font-weight: bold;color:#333;}
.text-bold a:hover {font-weight: bold;color:#e26f2c;}

.text-thuong-den {color:#1e1e1e; font-size: 14px;line-height: 1.4;}
.text-thuong-den a{color:#1e1e1e; font-size: 14px;line-height: 1.4;}
.text-thuong-den a:hover {color:#e26f2c; }

.text-dacbiet-den {color:#1e1e1e; font-size: 16px;line-height: 1.5;font-weight: bold;}
.text-dacbiet-den a{color:#1e1e1e; font-size: 16px;line-height: 1.5;font-weight: bold;}
.text-dacbiet-den a:hover {color:#e26f2c; }

/*banertet*/
.banertet {color: #fff;min-height: 100px;text-align: center;background: #fff !important;background-size: cover;vertical-align: middle;}
.banertet img {max-height:100px; }
.banertet-khoa {padding: 1em 0;color: #fff;min-height: 240px;text-align: center;background: #075794;background-size: cover;vertical-align: middle;}
.banertet-item {padding: 20px 15px 10px;}
.banertet-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 1px solid #FFEC8A;border-radius: 15px;}
.banertet-small {padding: 10px; background-color: #075794;}
.banertet-box { width: 100%;height:170px;margin: 0px auto;position: relative;text-align: center;border-radius: 15px;    }
.banertet-number {color: gold;text-align: center;font-weight: 700;    font-size: 20px;    line-height: 1;    text-shadow: rgb(0, 0, 6) 0px 1px 1px;    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);    transform-origin: 50% 50% 0px;}

/*sumaries*/
.sumaries {padding: 0.5em 0;color: #fff;min-height: 80px;text-align: center;background: #428bca !important;background-size: cover;vertical-align: middle;}
.sumaries-khoa {padding: 1em 0;color: #fff;min-height: 240px;text-align: center;background: #075794;background-size: cover;vertical-align: middle;}
.sumaries-item {padding: 20px 15px 10px;}
.sumaries-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 1px solid #FFEC8A;border-radius: 15px;}
.sumaries-small {padding: 10px; background-color: #075794;}
.sumaries-box { width: 100%;height:170px;margin: 0px auto;position: relative;text-align: center;border-radius: 15px;    }
.sumaries-number {color: gold;text-align: center;font-weight: 700;    font-size: 20px;    line-height: 1;    text-shadow: rgb(0, 0, 6) 0px 1px 1px;    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);    transform-origin: 50% 50% 0px;}

/*banemain*/
.banemain {padding: 1em 0;color: #fff;min-height: 80px;text-align: center;background-size: cover;vertical-align: middle;margin: 0px 10px 10px 0px;}
.banemain-khoa {padding: 1em 0;color: #fff;min-height: 240px;text-align: center;background: #075794;background-size: cover;vertical-align: middle;}
.banemain-item {padding: 20px 15px 10px;}
.banemain-item-inner {width: 100%;position: relative;margin-left: auto;margin-right: auto;background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;-ms-flex: 1 0 auto;flex: 1 0 auto;border: 1px solid #FFEC8A;border-radius: 15px;}
.banemain-small {padding: 10px; background-color: #075794;}
.banemain-box { width: 100%;height:170px;margin: 0px auto;position: relative;text-align: center;border-radius: 15px;    }
.banemain-number {color: gold;text-align: center;font-weight: 700;    font-size: 20px;    line-height: 1;    text-shadow: rgb(0, 0, 6) 0px 1px 1px;    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);    transform-origin: 50% 50% 0px;}

/*Hot news*/
.hotnews_left {background: #F2F4F7;padding: 5px 5px 15px 5px;margin-top: 10px;max-height: 500px; overflow-y:scroll; -sc }
.hotnews_left .hotnews_left_title {color: #e26f2c;font-weight: 700;font-size: 2.0rem;text-transform: uppercase;font-family: 'Inter-Bold', sans-serif;padding-bottom:15px;}
.hotnews_left .hotnews_left_lists {display:block;padding-top: 10px; overflow-y:auto; }
.hotnews-left_lists .item-hotnews {border:none;padding-bottom: 10px !important;line-height:1.5rem;}
.hotnews-left_lists .item-hotnews a {color:#e26f2c;}

.hotnews_main {min-height: 500px;padding:10px 5px 0px 10px;display:block;}
.hotnews_main .first-item img {border-radius: 7px;transform: scale(1);transition: 1.5s;width:100%;height:425px;}
.hotnews_main .first-item img a {transform: scale(1.5)}
.hotnews_main .first-item .brief-name {margin-top:10px;overflow: hidden;height:65px;background-color:#f2f4f7;}
.hotnews_main .first-item .brief-name a {color:#1e1e1e;}
.hotnews_main .first-item .brief-name a:hover {color:#e26f2c;font-size:15pt;}

.hotnews_right {min-height: 500px;padding:5px;margin-top:5px;}
.hotnews_right .nav .nav-nav-pills .select-tab {border-top:solid 2px #e26f2c; }

/*panel news*/
.frame-base-home {border: none;border-radius: .5rem;box-shadow: none;position: relative;background-color: transparent;padding-right: 10px;}
.frame-base-home .panel-heading {background-color: #075794;border-bottom: none;border-radius: .5rem .5rem 0 0}
.frame-base-home .panel-heading .panel-title {font-size: 18px;text-transform: uppercase;font-weight: 500;color: #fff;}
.frame-base-home .panel-heading .panel-mores a {float: right; margin-top:-20px;width:30%; text-align:right;color:#fff; }
.frame-base-home .panel-heading .panel-mores a:hover {color:#e26f2c;}

.panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.panel-default {border-color: #ddd;}
.panel-news-body { display:block; padding:10px 0px 0px 5px; border-bottom:none;}
.panel-news-primary {border-color: #337ab7;}
.panel-news-list{padding:0px;}

.panel-news-list .top-list {padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px solid #d0d5dd;}
.panel-news-list .top-list .first-item .news-left {display: block;padding-right:5px;}
.panel-news-list .top-list .first-item .news-left img {border-radius: 7px;transform: scale(1);transition: 1.5s;width:100%;height:auto;}
.panel-news-list .top-list .first-item .news-left img a {transform: scale(1.1)}
.panel-news-list .top-list .first-item .news-right { display:block;  }
.panel-news-list .top-list .first-item .news-right .title-xs a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.4;color:#333;font-size:13pt;}
.panel-news-list .top-list .first-item .news-right .title-xs a:hover {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.4;color:#e26f2c;}
.panel-news-list .top-list .first-item .news-right .brief-news {overflow: hidden;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;padding-top:5px;}

.margin-bottom-xs {margin-bottom: 0.5rem !important;}
.row-layout .gx-3 .gy-3 img {width:100%;height:auto;}
.row-layout {--bs-gutter-x: 1.5rem;--bs-gutter-y 1rem : 0;display: flex;flex-wrap: wrap;margin-right: calc(-.5 * var(--bs-gutter-x));margin-left: calc(-.5 * var(--bs-gutter-x));}

.panel-news-list .bottom-list {display:block;padding: 10px 5px 10px 0px; }
.panel-news-list .bottom-list .item-news {display:block;border:none;margin-bottom:10px;}
.panel-news-list .bottom-list .item-news .time-news {color:#666;}

.frame-link-web {border-radius: .5rem;box-shadow: none;background-color: transparent;}
.frame-link-web .panel-heading {background-color: #075794;border-bottom: none;border-radius: .5rem .5rem 0 0}
.frame-link-web .panel-heading .panel-title {font-size: 18px;text-transform: uppercase;font-weight: 500;color: #fff;}
.frame-link-web .frame-release .panel-body {padding: 0;border-top: none !important;}

/* Path Nenu*/
.pathbar {padding: 0px;font-size: 14px;max-height: 140px;overflow: hidden;}
.pathbar_title {padding: .2em 0;}
.pathbar_title ul {margin: 0px;padding: 0px;list-style: none;display: inline-block;}
.pathbar_title ul li {float: left;padding-top: 7px;}
.pathbar_title ul li a {text-transform: uppercase;color: #075794;text-decoration: none;}
.pathbar_title ul li span {color: #075794;text-transform: uppercase;}
.pathway {text-decoration: none;color: #075794;}
.pathway:hover {text-decoration: none;color: #075794;}
.pathway:before {padding: 0 5px;color: #075794;content: "/\00a0";}

.content_right{float:right;width:100%;padding:5px 15px 0px 5px;}
.content_right_main {text-align:justify;}
.content_right_main p{text-align:justify;}
.content_right_main i {margin-top:15px; }
.content_right_main_span {padding: 15px 0px 15px; color:#075794;font-size:15pt; font-weight:bolder;}
.content_right_main_label {padding: 15px 0px 0px; color:#4f575c;font-weight:bolder;}

/*main content */
.content_left {float: left;width:100%;margin-bottom:15px;}
.content_left_main{border:solid 1px #ccc;}
.content_left_main h3 {color: #075794;font-size: 16px;font-weight: bold;padding:0px 0px 15px 10px;text-transform: uppercase;border-bottom: solid 1px #ccc;text-wrap: nowrap;overflow: hidden;}
.content_left_main ul{display: block;list-style-type: disc;}
.content_left_main ul li {color: #075794;list-style:none;margin-left:-30px !important;padding: 10px 5px 10px;border-bottom:solid 1px #ccc;}
.content_left_main ul li a{color:#075794;}
.content_left_main ul li a:hover{color:#ffa500;font-weight:bold;}
.content_left_main ul li:last-of-type{border-bottom:none;}

/* for hotnews slide*/
.any-class {width: auto !important;}
.any-class li {margin-right: 10px;height: auto !important;}

#nextcustom {
    right: 0;
    width: 28px;
    height: 28px;
    z-index: 99;
    background: url( ../Images/right-arrow.png) no-repeat left top;
}

#prevcustom {
    left: 0;
    width: 28px;
    height: 28px;
    z-index: 99;
    background: url( ../Images/left-arrow.png) no-repeat left top;
}

.nav-btn {
    position: absolute;
    top: 50%; /* Đẩy nút xuống giữa khung chứa */
    transform: translateY(-50%); /* Dịch ngược lên 50% chiều cao của chính nó để căn giữa chuẩn */
    /*background-color: rgb(186, 178, 178, 0.50);*/ /* Nền đen trong suốt */
    color: white; /* Màu icon mũi tên */
    border: none;    
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    user-select: none; /* Ngăn người dùng bôi đen icon khi bấm nhanh */
    border-radius: 13px 13px 13px 13px; /* Bo góc bên phải cho nút bên trái */
}

.slider-navigation {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Tạo hiệu ứng mượt mà */
}

.slider-container:hover .slider-navigation {
    opacity: 1;
    visibility: visible;
}

.social_desktop {
    float: right;
    padding-top: 5px;
}

.social_desktop > span {
        display: inline-block;
        margin-left: 5px;
    }

.social_link {
    border-radius: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    margin: 2px 5px;
    border: solid 1px #fff;
}

    .social_link:hover {
        box-shadow: none;
    }

    .social_link a {
        margin: 0px auto;
        padding: 10px 9px !important;
        display: inline-block;
        color: #333 !important;
    }

        .social_link a:hover {
            display: inline-block;
            color: #0f61da !important;
            font-weight: bold;
        }