@media (max-width: 767.98px) {
    .nav-breakpoint-sm .navbar-toggler {
        display: none;
    }
}
@media (max-width: 767.98px) {
    .nav-breakpoint-sm .t4-offcanvas-toggle {
        right: 5px;
        top: -5px;
    }
}
#t4-header .container {
    padding-top: 0;
    padding-bottom: 0;
   
}


#t4-header {
    /*background: aqua;*/
     background-color: #d6e7f3c7;
    background-image: linear-gradient(180deg, #fff 80%, #d6e7f3c7  100%);
    position: relative;
    box-shadow: inset 0 5px 5px #00000008;
}

@media (min-width: 576px) {
  .header-block-1 .navbar-brand {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding-left: 15px;
    padding-right: 15px;
  }
}



.navbar-brand.logo-control img.logo-img {
    max-height: 130px;
    width: auto;
}
.t4-navbar {
    padding: 0 10px 0 10px;
    font-size: 18px;
    text-transform: uppercase;
}
.t4-mainnav
{
    background:#d6e7f3c7;
    color: white;
}
.t4-navbar .navbar {
    float: left;
    min-height: 35px;
}
.t4-megamenu .dropdown-menu li > a, .t4-megamenu .dropdown-menu li > .nav-link, .t4-megamenu .dropdown-menu li .dropdown-item {
    background: #d6e7f3c7;
}
.article-aside {
    justify-content: left;
}
.navbar .navbar-toggler button {
    /*display: none;*/
}
#t4-section-2 {
padding-bottom: 10px;}

.custom p{ margin: 0px 0px 5px 0px;

}


@media (min-width: 768px) {
  .t4-main-body {
    padding-top: 10px; 
    padding-bottom: 0;
  }
}

.f5-slide-anh{padding-top: 10px;
padding-bottom: 10px;


}
 .raxo-default h3 {


    text-transform: uppercase;
}
.page-header h2, .categories-list h2 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
    margin: 0;
}
h1, .h1 {
    /* font-size: var(--h1-font-size); */
    font-size: 22px;
    margin: 0px;
    font-weight: 900;
    padding-bottom: 10px;
}


/* --- cdc Color --- */
.raxo-portal.portal-cdc,
.raxo-portal.portal-cdc a,
.portal-cdc .raxo-block-name,
.portal-cdc article:hover .raxo-image {
	color: #00bcd4;
	border-color: #00bcd4;
   
}
.portal-cdc article:hover .raxo-title a,
.portal-cdc .raxo-meta a:hover {
	color: #00bcd4 !important;
}
.portal-cdc .raxo-title a:hover {
	text-decoration-color: #00bcd4;
}

.f5-center{

     text-align: center;
}

h3, .h3 {
    font-size: 18px;
    font-weight: bold;
}

#t4-banner-top1 {
    margin-bottom: 0px;
    padding-top: 10px;
}
/*---Gioi thieu---*/
   .menu-f5-blue li a {
    text-decoration: none;
    font-weight: bold;
    color: #00bcd4;
}
   .menu-f5-blue li {
    border-bottom: 1px solid #cef2f4;
}


  .md-f5-blue {
    border: 1px solid #00bcd4;
    margin-bottom: 10px;
    /* background: #e5f0fd3d; */
    background: #1fcadf14;
    border-radius: 5px; padding-top: 10px;
}
 .md-f5-blue h3 {
   /* background-image: url(https://ttvhquangninh.quangbinh.gov.vn/images/h3-gt-30.png);*/
   
   background-image: url(/images/cdcquangtri.vn/giaodien-web/h3-gt-30.png);
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
    color: #00bcd4;
    margin-left: 10px;
    font-size: large;
    padding-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

#t4-section-1 {
  background: #00bcd4;
  padding: 20px;

}
#t4-slide-anh{
    background-image: linear-gradient(180deg, #fff 80%, #9fe7f2 100%);
    position: relative;

}

.t4-palette-cam .nav > li a, .t4-palette-cam .nav > li .nav-link {
    color: #f44336;
    font-weight: 600;
}
.jt-title {
   
    font-weight: 600;
    color: red;
    text-transform: uppercase;
    text-align: justify;
}

.jtcs193 .owl-dots {
    /* bottom: -15px; */
    margin: 0px;
    padding: 0px; bottom: unset;
}

.page-item.active .page-link {
  
    background-color: #00bcd4;
    border-color: #00bcd4;
}

.page-link {

    color: #00bcd4;
    background-color: #fff;
    border: 1px solid #ddd;
}

.items-more .nav-tabs > li > a:hover, .items-more .nav-tabs > li > a:active, .items-more .nav-tabs > li > a:focus {
    background: #e6b509;
    color: #fff;
}
.t4-palette-blue {
    background-color: #00bcd4;
    color: #f8f9fa;
}
.breadcrumb-item.active {
    color: #f9f300;
}

#login-form {
    margin-top: 10px;
}

.jttabs-wrapper.layout-default .tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 15px;
    overflow-y: auto;
    padding-bottom: 0;
    margin-bottom: 0px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    color: #fff;
    background-color: orange;
    border-color: #ddd;
}

.nav-link {
    display: block;
    padding: 10px 15px 10px 15px;
    font-weight: bolder;
    font-size: medium;
}

.jttabs-wrapper.layout-default .tab-content {
    border-left:unset;
    border-right: unset;
    border-bottom: unset;
    padding: 0;
    padding-top: 0px;
    margin-top: -5px;
    overflow-y: auto;
  

}

.raxo-bricks .raxo-top article {
    margin-bottom: 10px;

}

.nav-tabs {
    border-bottom: 2px solid #7fe4f1;
    justify-content: center;
}

.raxo-bricks-cdc {
    margin: 0px;
}

.raxo-bricks {
    margin: 0px;
    box-sizing: border-box;
}
figure.pull-left {
   
    display: none;
}
/* Begin - Liên kết*/

/* End - Liên kết*/

.t4-footnav .container {
    padding-top: 0px;
    padding-bottom: 0px;
}

.mod-whosonline p{
    padding-top: 20px;
}

.f5-timkiem-top{padding-top: 5px; padding-bottom: 5px;}

.com-finder{margin-top: 20px;}
.awesomplete {
    
    margin-right: 3px;
}

#t4-tintucsukien{
    margin-top: -30px;
}
.result-title a {
   
    font-weight: bold;
    color: red;
}

.t4-palette-gray {
    padding-top: 10px;
}

.default-cdc{
    background: #a7f3fd;
    padding-right: 10px;
    padding-left: 10px;
    border-radius: 10px;
    margin-top: 10px;    text-align: justify;
}

.raxo-prime article {
    margin: 2px;
}
.custom-f5 {
    padding-left: 12px;
    padding-right: 12px;
}
.t4-megamenu .navbar-nav > li.active > a, .t4-megamenu .navbar-nav > li.active > .nav-link {
    color: #ed1c24;
}

.t4-megamenu .navbar-nav > li > a:hover, .t4-megamenu .navbar-nav > li > a:focus, .t4-megamenu .navbar-nav > li > a:active, .t4-megamenu .navbar-nav > li > .nav-link:hover, .t4-megamenu .navbar-nav > li > .nav-link:focus, .t4-megamenu .navbar-nav > li > .nav-link:active {
    color: #0c4da2;
}

.t4-footer {
    background-color: rgb(223 236 246);
    border-top: 2px solid rgb(255 255 255);
    color: #122c52;
    font-size: 0.875rem;
}

.categories-list h2 {
    font-size: 18px;
    font-weight: 900;
  
}

.page-header h2 {
    font-size: 18px;
    font-weight: 900;
}
.form-search {
margin-top: 1px;

 }

h4.f5-cl-raxo-title {
    position: relative;
    padding-left: 20px; /* Tạo khoảng trống để không đè lên chữ */
    font-size: 15px;
    line-height: 18px;

}

h4.f5-cl-raxo-title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;      /* Kích thước chiều rộng hình vuông */
    height: 5px;     /* Kích thước chiều cao hình vuông */
    background-color: var(--raxo-theme-color); /* Thay màu này bằng mã màu bạn muốn */
       
    border-radius: 50%;
    
}
.raxo-slider .raxo-title {
       text-align: justify;
}

.raxo-portal .raxo-title {
    text-align: justify;}

/* Sử dụng class columns-pink để giới hạn phạm vi áp dụng */
.raxo-columns.h3-icon1 .raxo-block-name {
    position: relative;
    padding-left: 35px; /* Điều chỉnh khoảng cách cho vừa với icon của bạn */
}

.raxo-columns.h3-icon1 .raxo-block-name::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    
    width: 25px;  /* Chiều rộng icon */
    height: 25px; /* Chiều cao icon */
    
    background-image: url(https://joomla5.congtyf5.com/images/icon/quran.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.btn-secondary, .js-stools-container-bar .btn, .tag-category .filters .btn-group .btn {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    margin-right: 10px;
}