@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:red;

    color: white;

}

.t4-megamenu .navbar-nav > li > a, .t4-megamenu .navbar-nav > li > .nav-link {
    color: #ffffff;}
    



.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: #fdd835;

}



.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;

}

.t4-megamenu .dropdown-menu li > a:hover, .t4-megamenu .dropdown-menu li > a:focus, .t4-megamenu .dropdown-menu li > a:active, .t4-megamenu .dropdown-menu li > .nav-link:hover, .t4-megamenu .dropdown-menu li > .nav-link:focus, .t4-megamenu .dropdown-menu li > .nav-link:active, .t4-megamenu .dropdown-menu li .dropdown-item:hover, .t4-megamenu .dropdown-menu li .dropdown-item:focus, .t4-megamenu .dropdown-menu li .dropdown-item:active {
    background-color: #f8f9fa;
    color: #746004;
}