@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: #00bcd4;
    background-image: linear-gradient(180deg, #fff 80%, #9fe7f2  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:#00bcd4;
    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: #00bcd4;
}
.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: 20px;
    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: 14px;
    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;
}