/**
 * NukeViet Content Management System
 * @version 4.x
 * @author VINADES.,JSC <contact@vinades.vn>
 * @copyright (C) 2009-2021 VINADES.,JSC. All rights reserved
 * @license GNU/GPL version 2 or any later version
 * @see https://github.com/nukeviet The NukeViet CMS GitHub project
 */

/* Các tùy chỉnh CSS của giao diện nên để vào đây */
body {
    background-color: #FFF;
}

#body {
    border-color: transparent;
    border-style: solid;
    border-width: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.cat-icon:before {
    display: none;
}

.two_column .panel-default>.panel-heading {
    background-color: transparent;
    background-image: none !important;
    padding-left: 0px;
}

.cat-icon span {
    text-transform: uppercase;
    padding: 13px;
    background: #00a3e4;
    border-radius: 4px 4px 0px 0
}

h4.cat-icon {
    font-size: 14px;
}

h4.cat-icon a {
    color: #FFF;
}

h4.cat-icon a:hover, .two_column .panel-body a:hover {
    color: #af0000;
}

.two_column .panel-body a {
    color: #000;
}

.two_column .panel-body h3,  .two_column .panel-body p{
    font-size: 13px
}

.two_column .panel-body .icon_list a {
    padding-left: 10px;
}

.two_column .panel-body .text-muted {
    display: none;
}

.img-thumbnail {
    background-color: transparent;
    border-radius: 0;
    margin-right: 10px;
}

.viewmore {
    padding-left: 10px;
    font-size: 13px;
}

.item_quick_link {
    background: #00a3e4;
    border-radius: 4px;
    padding: 5px;
}

.item_quick_link .item_head_landing .white-bg {
    display: flex;
    align-items: center;
}

.item_quick_link .item_head_landing h3 {
    font-size: 12px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.item_quick_link .item_head_landing h3 a {
    color: #FFF;
    z-index: 10;
    position: relative;
}

.item_content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    grid-gap: 20px 5px;
    margin-bottom: 20px;
}

.item_head_landing {
    display: flex;
    position: relative;
    z-index: 5
}

.item_head_landing .item_td {
    flex-basis: 60px;
    flex-grow: 0;
    flex-shrink: 0;
}

.d-flex {
    display: flex;
}

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

.item_quick_link {
    position: relative;
}

.item_head_landing:before, .item_head_landing:after {
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    opacity: 0;
    z-index: 4;
    content: "";
    transition: transform 0.5s;
}

.item_head_landing:before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: scale(0, 1);
}

.item_head_landing:after {
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    transform: scale(1, 0);
}

.item_quick_link:hover .item_head_landing:before, .item_quick_link:hover .item_head_landing:after {
    transform: scale(1);
    opacity: 1;
}

#footer {
    min-height: inherit;
}

#footer, #footer a {
    color: #FFF;
}

.panel-primary>.panel-heading {
    background-color: #00a3e4;
    border-color: #e4e4e4;
    background-image: none;
    text-transform: uppercase;
    font-weight: bold;
}

.panel-primary {
    border-color: #e4e4e4;
}

.text-heading-css .panel-primary>.panel-heading {
    text-align: center;
}

.item-others a {
    font-size: 14px;
    color: #000
}

.item-others a:hover {
    color: #af0000;
}

.item-others .item {
    padding: 10px 0px;
    border-bottom: 1px solid #ccc;
}

.item-others .item i {
    color: #00a3e4;
}

.marquee-container {
  min-height: 150px; /* Điều chỉnh chiều cao vùng chứa theo ý muốn */
  overflow: hidden;
  position: relative;
  width: 100%;
  max-height: 250px;
}

.marquee-container:hover .marquee-content {
  animation-play-state: paused; /* Dừng animation khi hover */
}

.marquee-content {
  animation: scroll-up 15s linear infinite; /* Điều chỉnh thời gian và kiểu animation */
}

@keyframes scroll-up {
  0% { transform: translateY(0%); }
  100% { transform: translateY(-100%); }
}

.panel-primary>.panel-body {
    padding: 10px
}

.panel-padding>.panel-heading {
    background-color: #00a3e4;
    border-color: transparent;
    background-image: none !important;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
}

.panel-padding>.panel-heading a, .panel-primary>.panel-heading a {
    color: #FFF;
}

.panel-padding>.panel-body {
    padding: 0px;
    border-color: transparent;
}

.panel-padding {
    border: 0px;
    box-shadow: none;
}

.panel-padding .nv-block-banners img {
    width: 100%
}

a.fontsize {
    position: relative;
}

a.fontsize>.fa {
    position: absolute;
    bottom: 7px;
    left: 5px;
}

.list-items-block .fa-square {
    font-size: 5px;
    position: relative;
    top: -3px;
}

.font-css a {
    font-size: 12px;
    color: #000;
}

.font-css .first-new {
    font-weight: bold;
    margin-bottom: 20px;
}

.font-css .first-new img {
    margin-bottom: 10px;
    width: 100%;
    height: auto
}

.list-items-block {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.font-css .list-items-block:last-child {
    border-bottom: 0;
}

.panel-content>.panel-heading, .panel-content-home>.panel-heading {
    background-color: transparent;
    background-image: none !important;
    border-bottom: 2px solid #00a3e4;
    color: #00a3e4;
    text-transform: uppercase;
    font-weight: bold;
    padding: 10px 5px
}

.panel-content>.panel-body {
    padding: 10px 5px
}

.panel-content>.panel-heading a:hover, .font-css a:hover, .list-video h2 a:hover, .list-video ul li a:hover, .panel-content-home a:hover,
#lazySliderNews .slick-slide .css-news-slide a:hover{
    color: #af0000;
}

.panel-content-home, .panel-content, .two_column .panel-default, .panel-primary {
    box-shadow: none
}

.detail-related.related li * {
    display: inline;
}

.list-video ul{
    padding-left: 0px
}

.list-video ul li img {
    margin-right: 10px
}

.list-video ul li{
    padding-bottom: 10px;
    border-bottom: 1px solid #f5f5f5;
    margin-top: 10px
}

.list-video ul li:first-child {
    margin-top: 0px
}

.list-video ul li:last-child {
    border-bottom: 0;
}

.list-video h2 a {
    color: #000;
    font-size: 13px
}

.panel-content-home span {
    background-color: #00a3e4;
    color: #FFF;
    padding: 10px;
    border-radius: 4px 4px 0px 0;
}

.panel-content-home>.panel-heading {
    padding: 15px 5px
}

.panel-content-home span>a {
    color: #FFF;
}

.menu_footer ul {
    padding: 5px 0;
    margin-bottom: 0
}

.menu_footer ul li {
    display: inline;
    padding: 0 10px;
    border-right: 1px solid #fff;
}

.menu_footer ul li a {
    color: #FFF;
}

.text-color-bule {
    color: #1c5ba2
}

.text-color-red {
    color: #d11313
}

.color-menu a {
    color: #000;
}

#lazySliderNews .slick-slide .css-news-slide {
    padding: 0 10px
}

#lazySliderNews .slick-prev {
    left: -12px;
}

#lazySliderNews .slick-next {
    right: -12px;
}

#lazySliderNews .slick-slide .css-news-slide a {
    font-weight: bold;
    color: #000;
    font-size: 13px
}

#lazySliderNews .slick-slide .css-news-slide img {
    margin-bottom: 10px;
    height: 120px;
    width: 100%;
    object-fit: cover;
}

.panel-slide {
    border: 0px;
    box-shadow: none;
}

.panel-slide .panel-body {
    border: 1px solid #f5f5f5;
    border-radius: 0 0 4px 4px
}

.panel-slide>.panel-heading {
    background-color: transparent;
    border-color: transparent;
    background-image: none !important;
    border-bottom: 1px solid #00a3e4;
    padding-left: 0px;
    padding-bottom: 7px
}

.panel-slide>.panel-heading span {
    padding: 10px 15px;
    background: #00a3e4;
    text-transform: uppercase;
    font-weight: bold;
    color: #FFF;
}

.panel-slide>.panel-heading span a {
    color: #FFF;
}

.videoplayer_bl {
  width: 100%;
  height: auto;
}

.css-block-config .kttt-search {
    background-color: #00a3e4;
    padding: 10px 10px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.css-block-config .kttt-search .form-control {
    height: 27px
}

.css-block-config .kttt-search .btn {
    padding: 3px 12px;
    background-color: rgba(255, 255, 255, 0.51);
    border: 1px solid rgba(255, 255, 255, 0.51);
    font-weight: bold;
    color: #FFF;
}

.css-block-config .kttt-search .input-group .form-control {
    width: 95%;
    box-shadow: none;
    border-color: #FFF;
    background-color: transparent;
    color: #FFF !important;
    font-weight: bold;
}

.css-block-config .kttt-search .input-group .form-control::placeholder {
    color: #FFF !important;
}

.nv-block-banners {
    overflow: hidden;
}

.nv-block-banners img {
    transition: 0.4s;
    transform: scale(1.0, 1.0);
    border-radius: 4px;
}

.nv-block-banners:hover img {
    transform: scale(1.1, 1.1);
}

.text-font {
    font-size: 13px;
    color: #707070;
    font-style: italic;
}

.news_column_css ul.list-items {
    padding-left: 20px;
}

.news_column_css .icon_list a {
    padding-left: 10px
}

.detailContent .videoTitle {
    display: none !important;
}

@media (max-width: 500px) {
    #lazySliderNews .slick-slide .css-news-slide img {
        height: auto;
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .css-block-config .nv-block-banners {
        display: none;
    }
}