:root {
    /*Mau sac chinh cua trang web*/
     --main-color-1: #222;
     --main-color-2: #666;
     --main-color-3: #999;
     --main-color-4: #333;
     --main-white-color: #fff;
     --main-grey-color: #f5f5f5;
     --main-border-color: #e0e0e0;
     --main-red-color: #db2121;
     --main-orange-color: #f67f15;
     --main-light-yellow-color: #fffee5;
     --menu-drop-down-color: #204f86;
}
 body {
     font-family: 'Roboto-Regular', sans-serif;
     font-size: 15px;
}
 p {
     color: var(--main-color-4);
}
.file--x-office-document {
    overflow-wrap: anywhere;
}
 img {
     max-width: 100%;
}
.node__content img{
	height:100%;
}
 article, #block-mttq-theme-page-title, #block-mttq-theme-local-tasks {
    /* Tuy chinh title chung cua bai viet*/
     padding-left: 1rem;
     padding-right: 1rem;
     text-align: justify;
}
 div#block-mttq-theme-page-title h1 {
     font-size: 20px;
     color: var(--main-red-color);
     font-weight: bold;
     border-bottom: 1px solid var(--main-border-color);
     padding-bottom: 9px;
}
 .views-field-created{
     color: #666;
     font-style: italic;
     font-size: 11px;
}
 #block-mttq-theme-views-block-block-tin-khac-block-1 .views-field-created, #block-mttq-theme-views-block-block-tin-khac-2-block-1 .views-field-created {
     color: #666;
     font-style: italic;
     font-size: 11px;
}
 .sticky-list img {
     padding: 5px;
}
 .first-view-attachment a{
     font-weight:bold;
     color: var(--main-red-color);
}
 .first-view-attachment a:hover, .view-tab-attachment a:hover{
     color:var(--main-orange-color);
}
 .tab-attachment-title a {
     color:var(--main-color-1);
     font-size:14px;
     font-weight:700;
}
 .tab-attachment-title a:hover{
     color:var(--main-orange-color);
}
 .tab-attachment-created {
     font-size:12px;
     padding-top: 2px;
     color:var(--main-color-3);
}
 .tab-created {
     font-size:14px;
     color:var(--main-color-3);
}
.view-page-thu-vien-anh .view-content {
    text-align: center;
}
.field__item .colorbox img {
    float: left;
}
 .tab-body{
     color:var(--main-color-2);
}
 @media (min-width:1000){
     .region.region-nav-branding {
         display: flex;
    }
}
 .home-icon img {
     margin: 0px 20px;
}
 .home-icon:hover {
     background-color: #FFC107;
}
 .navbar {
     padding-top: 0;
     padding-bottom: 0;
     background-image: linear-gradient(#a50000, #f70100);
}
 .nav-sub {
     background-image: linear-gradient(#a50000, #f70100);
	 padding:0;
}
 .container.messages-box-container {
     padding-left: 0;
}
 #block-mttq-theme-views-block-block-tin-khac-block-1 h2, #block-mttq-theme-views-block-block-tin-khac-2-block-1 h2 {
     margin-top: 100px;
     font-weight: bold;
     font-size: 30px;
     color: #F73210;
}
 #block-mttq-theme-views-block-block-tin-khac-block-1 a, #block-mttq-theme-views-block-block-tin-khac-2-block-1 a {
     color: #0C1A63;
}
 #block-mttq-theme-views-block-block-tin-khac-block-1 a:hover, #block-mttq-theme-views-block-block-tin-khac-2-block-1 a:hover {
     color: #F73210;
}
 #block-mttq-theme-mainnavigation > ul > li {
     position: relative;
}
 #block-mttq-theme-mainnavigation > ul > li ul {
     display: none;
     position: absolute;
     background-color: var(--main-white-color);
    /* Màu nền của dropdown menu */
}
 #block-mttq-theme-mainnavigation > ul > li ul a{
     font-size: 14px;
     color: var(--main-color-1);
     font-weight: 700;
     text-transform: none;
}
 #block-mttq-theme-mainnavigation > ul > li ul li a{
     border-bottom: solid 1px var(--main-border-color);
     padding: 8px 8px 8px 8px;
     border-left: none;
}
 #block-mttq-theme-mainnavigation > ul > li:hover ul {
     display: block;
}
 #block-mttq-theme-mainnavigation > ul > li a {
     padding: 7px 30px;
     display: block;
     text-transform: uppercase;
     border-left: 2px solid #e60707;
     color: #fff;
     font-size: 15px;
     font-weight: bold;
     text-decoration: none;
}
 #block-mttq-theme-mainnavigation > ul > li a:hover {
     background: #e31212 !important;
     color: #fff;
}
 #block-mttq-theme-mainnavigation > ul > li a.is-active {
     background-color: #e31212;
}
 #header-wrapper {
    /* background: url(/themes/custom/mttq_theme/image/bg_hearder.png) 0 0 repeat-x transparent;
     */
     padding: 0;
}
 #header-wrapper img {
    /*max-width: 1200px;
    */
     height: auto;
     aspect-ratio: 1024/140;
}
 #banner-bg-box {
     background-color: #fec27c;
}
 .messages_box {
     background-color: var(--main-light-yellow-color);
    /* box-shadow: 1px 1px 2px #444;
     */
     border-bottom: solid 1px var(--main-border-color);
     padding: 7px 10px;
}
 .container_sub {
     width: 100%;
    /*max-width: 1200px;
    */
}
 body.path-frontpage .home-icon {
     background-color: #FFC107;
}
/*#block-mttq-theme-mainnavigation > ul > li a.is-active {
     background-color: #FFC107;
}
*/
 .region.region-nav-branding-2 {
     display: flex;
}
 div#block-mttq-theme-blocktime {
     white-space: nowrap;
     padding-right: 40px;
     border-right: solid 1px var(--main-border-color);
     align-items: center !important;
     display: flex;
     font-weight: 700;
}
 div#block-mttq-theme-block-marquee-message {
     padding-left: 20px;
}
 div#block-mttq-theme-block-marquee-message div marquee {
     display: flex;
     align-items: center;
     color: #e10000;
}
 .view-marquee-thong-bao .views-view-marquee marquee {
     width: 95%;
     height: 258px;
}
 .view-marquee-thong-bao .views-view-marquee,.view.view-view-van-ban-phap-quy {
     border: 1px solid var(--main-border-color);
     text-align: justify;
     border-top: none;
}
 .marquee-row,.views-row {
     padding: 3px 0 2px 15px;
}
 .marquee-row a,.region.region-sidebar-second .views-field.views-field-title a {
     display: flex;
     text-decoration: none;
     color: #000;
     justify-content: space-between;
}
 .marquee-row:hover a {
     color: var(--main-orange-color) !important;
     text-decoration: none !important;
}
 .region.region-sidebar-second .views-field.views-field-title:hover a {
     text-decoration: underline;
}
 .marquee-row::before {
     content: "";
     float: left;
     margin-top: 3px;
     width: 10px;
     height: 10px;
     background-image: url('/themes/custom/mttq_theme/image/arrow1.png');
     background-size: cover;
}
 .region.region-sidebar-second .marquee-row .views-field.views-field-title {
     border-bottom: 1px solid var(--main-border-color);
     margin-left: 15px;
}
 .field.field--name-title {
     font-size: 25px;
}
 article h2 a {
     text-decoration: none;
}
 .region.region-sidebar-second .block h2, .region.region-zone-left h2 {
    /* background: url(/themes/custom/mttq_theme/image/bg_sidebar_center.png) repeat-x left top transparent;
     */
     font-size: 14px;
     padding: 7px 10px 6px 45px;
     text-transform: uppercase;
     border-radius: 5px 5px 0 0;
     color: #fff;
     margin-bottom: 0;
     font-weight: 700;
     text-shadow: 1px 1px 3px black;
     border-left: 0;
}
 .region.region-sidebar-second .block h2:before, .region.region-zone-left h2:before{
     content:"";
     border-radius: 5px 5px 0 0;
     margin-top: -7px;
     margin-left: -45px;
     width:45px;
     height: 27px;
     background: url('/themes/custom/mttq_theme/image/bg_sidebar_start1.png') no-repeat left top transparent;
     float:left;
    /* display: inline;
     */
}
/* .region.region-sidebar-second .block h2:after, .region.region-zone-left h2:after{
     content:"";
     border-radius: 5px 5px 0 0;
     margin-top: -7px;
     margin-right: -11px;
     width:70px;
     height: 27px;
     background: url('/themes/custom/mttq_theme/image/bg_sidebar_end.png') no-repeat left top transparent;
     float:right;
}
 */
 .row-van-ban-phap-quy {
     margin-right: 10px;
}
 .view-content {
     padding-bottom: 15px;
}
 #block-mttq-theme-menuleft ul li ul {
     display: none;
     list-style-type: none;
     padding-left: 0;
}
 #block-mttq-theme-menuleft ul.nav.navbar-nav>li>a {
     color: #fff;
     text-transform: uppercase;
     text-decoration: none;
     border-bottom: 1px solid #960505;
     background-color: #c90404;
     display: block;
     cursor: pointer;
}
 #block-mttq-theme-menuleft ul.nav.navbar-nav>li>a:hover {
     background-color: #f83b15;
}
 #block-mttq-theme-menuleft ul.nav.navbar-nav li>ul li a {
     color: #04386D;
     text-decoration: none;
     font-size: 12px;
     line-height: 27px;
     display: block;
     padding: 0 15px;
     transition: all 0.15s;
}
 #block-mttq-theme-menuleft ul.nav.navbar-nav li>ul li a:hover {
     background-color: #fcd899;
}
 #block-mttq-theme-menuleft ul.nav.navbar-nav li ul li {
     font-size: 12px;
     line-height: 34px;
     cursor: pointer;
     background: #fee2b0;
     list-style: none;
     padding: 0;
     border-bottom: 1px dashed #04386D;
}
 .zone_left {
     width: 240px;
     word-wrap: break-word;
}
 .dropdown-toggle::after {
     display: none;
}
 .body-box {
    /*display: flex;
     justify-content: center;
     max-width: 1500px;
     */
     padding-top: 1px;
     background: white;
}
 .region-sidebar-second {
     padding-right: 10px;
}
 #block-mttq-theme-views-block-view-thu-vien-anh-block-1 .view-content {
     border: 1px solid var(--main-border-color);
     text-align: justify;
     border-top: none;
     margin-bottom: 15px;
     padding: 5px;
}
 #block-mttq-theme-khachthamquan {
    /*Block module visitor*/
     margin-top: 15px;
}
 #block-mttq-theme-khachthamquan .item-list {
     border: 1px solid var(--main-border-color);
     text-align: justify;
     border-top: none;
     padding: 10px;
}
 div#block-mttq-theme-views-block-view-thu-vien-anh-block-1 img {
    width: 100%;
    height: 180px;
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 {
    /*Thu vien video*/
     margin-top: -5px;
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 .view-content {
     border: 1px solid var(--main-border-color);
     text-align: justify;
     border-top: none;
     margin-bottom: 15px;
     padding: 5px;
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 .views-row {
     padding-left:0;
}
 .form-tim-kiem input,.form-tim-kiem select {
     font-size: 12px;
}
 .form-tim-kiem label {
     font-weight: bold;
}
 .form-tim-kiem .form--inline.clearfix div {
     margin-top: 6px;
}
 .form-item-field-hoc-phan-value{
     width:80%;
}
 #block-mttq-theme-menuleft .nav.navbar-nav .nav-link {
     cursor: pointer;
     display: block;
     -webkit-transition: all 0.4s ease;
     -o-transition: all 0.4s ease;
     transition: all 0.4s ease;
}
 #block-mttq-theme-menuleft ul.nav.navbar-nav {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
}
 .submenu {
     display: none;
}
 .submenu li {
     border-bottom: 1px solid #4b4a5e;
}
 .submenu a {
     display: block;
     -webkit-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 #block-mttq-theme-menuleft ul.nav.navbar-nav li ul li:last-child {
     border-bottom: 0;
}
 ul.quicktabs-tabs {
     margin: 0;
     padding: 8px 0 7px 10px;
     border-bottom: 2px solid #FFC107;
     clear: both;
}
 ul.quicktabs-tabs li.active {
     background: url('/themes/custom/mttq_theme/image/bg_block_fp.png') no-repeat left top #f67f15;
}
 ul.quicktabs-tabs li.active a {
     color: #fff;
     font-weight: 600;
}
 ul.quicktabs-tabs li {
     display: inline;
     background: none;
     list-style-type: none;
     padding: 2px;
     white-space: nowrap;
}
 ul.quicktabs-tabs li {
     margin: 0 5px 0 0;
     padding: 9px 15px;
     background-color: #ddd;
     border-radius: 5px 5px 0 0;
}
 ul.quicktabs-tabs li a {
     color: #fff;
     text-transform: uppercase;
     text-decoration: none;
}
 ul.quicktabs-tabs li:hover a {
     color: #e60202;
}
 ul.quicktabs-tabs li.active:hover a {
     color: #fff;
}
 .tabs-row .views-field.views-field-title .field-content:before {
     content: "";
     display: inline-block;
     width: 16px;
     height: 16px;
     background-image: url(/themes/custom/mttq_theme/image/arrow3.png);
     margin-right: 10px;
}
 .tabs-row .views-field.views-field-title .field-content a {
     color: #000;
}
 .tabs-row .views-field.views-field-title .field-content:hover a {
     color: #f00;
}
 a {
     text-decoration: none;
}
 .tab-attachment-content-box {
     height: 90px;
     overflow: hidden;
}
 .content-box {
     height: 110px;
     overflow: hidden;
     text-align:justify;
}
 .image-box img {
     float: left;
     padding: 2px;
     border: 1px solid var(--main-border-color);
     margin-right: 10px;
}
 .created-box {
     color: #666;
     font-style: italic;
     font-size: 11px;
}
 .title-box a {
     color: var(--main-red-color);
     font-weight: bold;
     font-size: 17px;
}
 .title-box a:hover {
     color: var(--main-orange-color);
}
 .row-tin-tuc {
     border-bottom: 1px dashed var(--main-border-color);
     margin: 0 0 10px;
     padding: 0 0 10px;
}
 #news-list {
     height: 445px;
     margin-bottom: 5px;
     border-left: 1px solid var(--main-border-color);
     border-top: 3px solid var(--main-red-color);
     padding: 5px;
}
 #news-sticky {
     height: 445px;
     overflow: hidden;
     margin-left: 10px;
     margin-right: 5px;
     padding: 5px;
     margin-bottom: 5px;
     border: 1px solid var(--main-border-color);
}
 .content_box {
     clear: both;
}
 .zone_1_box {
     margin: 0;
}
 .new-sticky-title a {
     font-size: 18px;
     font-weight: bold;
     color: var(--main-red-color);
     text-decoration: none;
     line-height: 0.5em;
}
 #news-list #block-mttq-theme-views-block-view-tin-moi-block-1 h2 {
    /* font-size: 14px;
     */
    /* background-color: #e60202;
     */
    /* color: #ffffff;
     */
    /* border-bottom: 1px solid #f00;
     */
     text-transform: uppercase;
    /* padding: 4px 10px;
     */
     margin-top: 0;
}
 .new-sticky-img img {
     display: flex;
     margin-left: auto;
     margin-right: auto;
     --f: 1.15;
    /* the scale factor */
     clip-path: inset(0);
     transition: .4s;
}
 .new-sticky-img:hover img {
     clip-path: inset(calc((1 - 1/var(--f)) * 50%));
     scale: var(--f) 
}
 .new-item-image img {
     float: left;
     margin-right: 5px;
     padding: 2px;
     border: 1px solid #4D90FE;
     background-color: #fff;
}
 #news-list .views-row {
     padding: 6px;
     border-bottom: 1px solid var(--main-border-color);
}
 .news-list-item-box {
     clear: left;
}
 .icon-mark {
     background-image: url(/themes/custom/mttq_theme/image/LogoMTTQ.png);
     width: 50px;
     height: auto;
     aspect-ratio: 1/1;
     float: left;
     background-size: cover;
     margin-right: 10px;
     margin-top: 8px;
}
 .time-icon{
     background-image: url(/themes/custom/mttq_theme/image/time-icon.png);
     width: 20px;
     height: auto;
     aspect-ratio: 100/108;
     float: left;
     background-size: cover;
     margin-right: 5px;
     margin-top: 0px;
     margin-left: 5px;
}
 #news-list .new-item-title {
     height: 67px;
     text-align: justify;
     overflow: hidden;
}
 #news-list .new-item-title a {
     color: var(--main-color-1);
     text-decoration: none;
     display: block;
     font-size: 14px;
     font-weight: bold;
}
 #news-list .new-item-title a:hover {
     color: var(--main-orange-color);
}
 #news-list .views-row:nth-child(even) {
     background-color: var(--main-grey-color);
}
 #sticky-list {
     clear: both;
     margin: 5px 0;
     border: 1px solid var(--main-border-color);
     padding: 5px 3px;
}
 #news-sticky .new-sticky-title a:hover {
     color: #f67f15;
}
 .carousel-item {
     transition: all 0.5s ease;
}
 #news-sticky h3 {
     line-height: 0.75;
}
 .border-bottom-dashed {
     border-bottom: 1px dashed var(--main-border-color);
     margin: 0 0 10px;
     padding: 0 0 25px;
}
 .vb-box {
     margin: 10px 0;
}
 #sticky-list .views-col:hover {
     opacity: 0.8;
}
 #sticky-list .views-field-title a:hover {
     color: #2196f3;
}
 #sticky-list .views-field-title a {
     text-decoration: none;
     color: #444;
     display: block;
}
 .region-sidebar-second .block-content,.region-zone-left .block-content {
     padding: 5px;
     border: 1px solid var(--main-border-color);
     text-align: justify;
     border-top: none;
}
 .block-link img {
     margin: 2px 0;
}
 #block-mttq-theme-menuleft {
     margin-bottom: 10px;
}
 .block-tuyen-truyen a {
     color: #000;
}
 .block-tuyen-truyen a:hover {
     text-decoration: underline;
}
/*#footer-wrapper {
     background-color: #ca0404;
     height: 120px;
}
*/
 #block-mttq-theme-views-block-view-message-marquee-block-1 {
     width: 100%;
     padding-left: 20px;
}
 #block-mttq-theme-views-block-view-message-marquee-block-1 .view-content {
     padding: 0;
}
 #block-mttq-theme-views-block-view-message-marquee-block-1 marquee {
     display: flex;
     align-items: center;
     color: #ec0000;
     font-weight: 700;
}
 @media (min-width:1080px){
    /*1000 > 1080*/
    /* #block-mttq-theme-mainnavigation > ul > li:first-child a {
         content-visibility: hidden;
         width: 70px;
         height: 36px;
         background-image: url('/themes/custom/mttq_theme/image/home-icon.png');
         background-size: 30px 30px;
         background-repeat: no-repeat;
         background-position-x: center;
         background-position-y: center;
    }
     */
     .nav-sub {
        /*display: flex;
         justify-content: left;
         */
         padding-left: 0px;
    }
}
 @media (min-width: 1080px){
     #block-mttq-theme-blockhideshowmenu{
         display:none;
    }
}
 @media (min-width: 1000px){
     div#block-mttq-theme-views-block-view-tabs-tin-moi-block-1 {
         width: 73vw;
         max-width: 1100px;
    }
}
/*navbar set @media (min-width:1400px) and (max-width:1650px){
     #block-mttq-theme-mainnavigation > ul > li a{
         padding: 7px 28px;
         display: block;
         text-transform: uppercase;
         border-left: 3px solid #e60707;
         color: #fff;
         font-size: 20px;
         font-weight: bold;
         text-decoration: none;
    }
     #block-mttq-theme-mainnavigation > ul > li:first-child a{
         height: 45px;
         width: 90px;
         border-left:0;
    }
}
 @media (min-width:1651px){
     #block-mttq-theme-mainnavigation > ul > li a{
         padding: 7px 30px;
         display: block;
         text-transform: uppercase;
         border-left: 3px solid #e60707;
         color: #fff;
         font-size: 25px;
         font-weight: bold;
         text-decoration: none;
    }
     #block-mttq-theme-mainnavigation > ul > li:first-child a{
         height: 52px;
         width: 100px;
         border-left:0;
    }
}
 */
 @media (max-width: 1079px) {
    /*1000 > 1079*/
     #block-mttq-theme-blockhideshowmenu {
         display:block;
		 background-color: #ca0404;
         border-bottom: black 1px solid;
    }
     .navbar-expand-lg .navbar-nav {
         flex-direction:column;
    }
     #block-mttq-theme-mainnavigation {
         display: none;
         text-align: center;
    }
     #block-mttq-theme-mainnavigation.show {
         display: block;
         transition: all 0.5s ease;
    }
     #block-mttq-theme-mainnavigation > ul > li a{
         background-color:#ca0404;
         border-bottom:black 1px solid;
         border-top:red 1px solid;
    }
     div#block-mttq-theme-views-block-view-tabs-tin-moi-block-1 {
         width: 73vw;
    }
	.region-nav-branding{
		 width:100%;
	}
}
 @media (max-width: 991px){
     div#block-mttq-theme-views-block-view-tabs-tin-moi-block-1 {
         width: 97vw;
    }
}
 @media (max-width:599px){
     .region.region-nav-branding-2{
         display:block;
    }
     #block-mttq-theme-blocktime{
         display:flex;
         justify-content: center;
         border-right:0!important;
         border-bottom: 1px dashed;
         padding-bottom:5px;
    }
     #block-mttq-theme-views-block-view-message-marquee-block-1{
         padding-right:20px;
         padding-top:5px;
    }
}
 @media (min-width:900px){
    /* test 576 -> 900*/
     .tab-attachment-image {
         float: left;
         margin: 5px;
         width: 100px;
         height: 70px;
         overflow: hidden;
    }
     .first-view-attachment {
         float: left;
         width: 60%;
         margin: 5px;
         border-right: solid 1px #e0e0e0;
    }
     .first-view-attachment .view-content{
         height: 273px;
         overflow:hidden;
         background-color: var(--main-grey-color);
    }
     .tab-image {
         margin: 5px;
         float: left;
         width: 200px;
    }
     .tab-body {
         text-align: justify;
    }
     .tab-title {
         text-align: justify;
    }
     .tab-image img {
         width: 100%;
    }
     .view-tab-block > .view-content {
         padding-bottom: 0;
    }
     .view-tab-attachment > .view-content .views-row{
         padding-bottom: 0;
         padding-top: 0;
    }
     .border-div {
         width: 40%;
         height: 1px;
         border-bottom: 0.5px dashed #6c757d;
         margin-left: 60%;
    }
     .first-view-attachment > .view-content .views-row{
         padding-left:5px;
         padding-right:5px;
    }
     .view-tab-attachment .views-row:nth-child(even) .attachment-view-container {
         background-color: var(--main-grey-color);
         margin-left: 60%;
    }
}
@media (max-width:425px){
    .block-views>h2 {
        background: url('/themes/custom/mttq_theme/image/bg_block_fp.png') no-repeat left top #f67f15;
        background-size: cover;
        height: unset;
        padding-bottom: 5px;
    }

	.views-row {
		padding: 3px 0 2px 2px;
	}
	#news-sticky {
		margin-left: 0px;
		margin-right: 0px;
	}
}
 @media (max-width:481px){
     .img-carousel-box {
         width: 37vw;
         height: auto;
        /* aspect-ratio: 190/80;
         */
         overflow: hidden;
         margin-left: auto;
         margin-right: auto;
    }
}
 #scrollTopButton-image {
     background: url('/themes/custom/mttq_theme/image/up-arrow.png') no-repeat center center transparent;
     background-color: #CCCCCC;
     bottom: 50px;
     right: 50px;
     width: 50px;
     height: 50px;
     opacity: 0.8;
     border-radius: 8px;
}
/* #scrollTopButton-image:after{
     content:"Đầu Trang";
     display:block;
     position:relative;
     top:55px;
     text-align:center;
     color:#9a93fc;
     font-weight:bold;
     font-size:14px;
     line-height:1;
}
 */
 #scrollTopButton-image:hover:after{
     color:#93d9fc;
}
 .contextual-region{
     clear: both;
}
 @media (max-width: 899px) {
    /* test 575 -> 899 */
     .first-view-attachment .tab-image img{
         width:100%;
    }
     .attachment.attachment-after .tab-attachment-image{
         width:30%;
         float:left;
    }
     .attachment.attachment-after .tab-attachment-image img{
         width:100%;
    }
     .attachment-view-container{
        /* display:inline;
         */
    }
     .border-div{
         clear:both;
    }
     .attachment-view-container{
        /* border-bottom: 1px solid black;
         */
         width: 100%;
         height: auto;
         aspect-ratio: 9/2;
         margin: 5px 0px;
    }
     .attachment.attachment-after .tab-attachment-content-box{
         padding-left:10px;
    }
     ul.quicktabs-tabs {
         display:flex;
         justify-content:center;
         background-color: #FFC107;
         border:solid #FFC107;
         padding:0 !important;
         margin-bottom:10px !important;
    }
}
 tbody tr:nth-child(odd) td {
     background-color: #e9e9e9bf;
}
 .quicktabs-wrapper {
     margin-top: 14px;
}
 div#block-mttq-theme-views-block-linkcarousel-block-1 {
     width: 80vw;
     max-width: 1200px;
}
 .img-carousel-box {
     width: 190px;
     height: 80px;
     overflow: hidden;
     margin-left: auto;
     margin-right: auto;
}
 nav#block-mttq-theme-menuright li.nav-item ul.show {
     display: block;
     background: #04386D;
     list-style-type: none;
     padding: 0;
     transition: all 0.5s ease;
}
 nav#block-mttq-theme-menuright li.nav-item ul {
     display: none;
}
 nav#block-mttq-theme-menuright .dropdown-toggle::after {
     display: block;
     border: 0;
     background: url('/themes/custom/mttq_theme/image/down-arrow.png') no-repeat left top transparent;
     background-size: cover;
     content: "";
     width: 10px;
     height: 10px;
     position: relative;
     right: 0px;
}
 nav#block-mttq-theme-menuright li.nav-item, nav#block-mttq-theme-menuright li.nav-item button {
     background-color: var(--menu-drop-down-color);
     text-transform:uppercase;
    /* box-shadow: 1px 1px black;
     */
     border-bottom: solid 1px black;
     color: white;
     font-weight: bold;
     padding-top: 5.3px;
    /* text-shadow: 1px 1px #33322b;
     */
}
 nav#block-mttq-theme-menuright li.nav-item ul li.nav-item {
     background: #A4CCF3;
     border: 0;
     color: black;
     border-top: dashed 1px black;
}
 nav#block-mttq-theme-menuright li.nav-item ul li.nav-item a {
     text-transform: none;
}
 nav#block-mttq-theme-menuright li.nav-item button {
     width: 100%;
     text-align:left;
     margin-top: -5.3px;
     padding-top: 10.6px;
}
/*.opened button {
     color: #bd000000 !important;
     user-select:none;
}
*/
 nav#block-mttq-theme-menuright .nav-item:hover, nav#block-mttq-theme-menuright .nav-item button:hover {
     background: var(--main-light-yellow-color) !important;
     color: var(--main-color-1);
}
 button.nav-link.dropdown-toggle {
     border: 0 !important;
}
 .opened button.nav-link.dropdown-toggle {
    /*background: #6989ff !important;
    */
}
 .block-views>h2 {
     background: url('/themes/custom/mttq_theme/image/bg_block_fp.png') no-repeat left top #f67f15;
     text-shadow: 1px 1px white;
     color: #ffffff00;
     height: 30px;
     padding-top: 5px;
     padding-left: 10px;
     border-left: red solid 5px;
     margin-top: 20px;
     font-weight: bold;
     font-size: 18px;
}
 div#block-mttq-theme-blocktuyentruyen h2 {
     margin-top: 20px;
}
 #block-mttq-theme-views-block-view-tabs-tin-moi-block-1 h2 {
     margin-top: 0px;
}
 #block-mttq-theme-views-block-view-tabs-tin-moi-block-1 h2, #block-mttq-theme-views-block-view-tabs-bv-nt-tt-cua-dang-block-1 h2, #block-mttq-theme-views-block-view-tabs-nghien-cuu-khoa-hoc-block-1 h2, #block-mttq-theme-views-block-view-tabs-tt-hd-cua-truong-block-1 h2, #block-mttq-theme-views-block-view-tabs-tt-ly-luan-va-thuc-tien-block-1 h2, #block-mttq-theme-views-block-view-tabs-thong-tin-trao-doi-block-1-2 h2, #block-mttq-theme-views-block-view-tabs-thu-vien-truong-block-1 h2 {
     padding-block: 7px;
}
 nav#block-mttq-theme-menuright ul li ul li a {
     padding-left: 20px;
}
 .page-bg {
     position: fixed;
     top: 0;
     left: 0;
     min-width: 100%;
     width:100vw;
     height:100vw;
     z-index:-999;
     min-height: 100%;
    /*background-color: var(--main-orange-color);
    */
     background: #feb157 url(/themes/custom/mttq_theme/image/bgtrongdong_1.png) top center no-repeat;
     opacity: 0.5;
}
 #footer-wrapper {
     background-color: #ca0404;
     height: fit-content;
    /*max-width: 1200px;
    */
     width: 100%;
     margin-left: auto;
     margin-right: auto;
}
#block-mttq-theme-footer1 p{
	color:#ffffff;
}
 .bg-content2 {
     background: #d5dce2;
}
 div#block-mttq-theme-views-block-view-tabs-tin-moi-block-1 .views-field-title a {
     display: flex;
     text-align: center;
     color: black;
     font-weight: bold;
     margin-top: 10px;
}
 div#block-mttq-theme-views-block-view-tabs-tin-moi-block-1 .views-field-title a:hover {
     color: #fb0311;
     text-shadow: 1px 1px 3px #f7970694;
}
 button.nav-link.dropdown-toggle.active {
     text-align: left;
}
 nav#block-mttq-theme-menuright ul li ul a:hover {
     margin-left: 10px;
     transition: all 0.5s ease;
}
 #block-mttq-theme-menuright .dropdown-toggle {
     white-space: normal;
}
 .field.field--name-field-author.field--type-string.field--label-inline.clearfix {
     display:flex;
     justify-content: flex-end;
     margin-bottom: 20px;
}
 div#views-bootstrap-view-tin-noi-bat-block-1 .carousel-item p {
     text-align: justify;
     color: var(--main-color-2);
}
 .carousel-item h3 {
     text-align: justify;
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 .views-field.views-field-title {
     text-align: justify;
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 .views-field.views-field-title a{
     color: var(--main-color-2);
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 figure.youtube-container{
     margin: 0;
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 .views-field.views-field-nothing, #block-mttq-theme-views-block-view-thu-vien-anh-block-1 p {
    text-align: right;
	margin-top: 10px;
}
 #block-mttq-theme-views-block-view-thu-vien-video-block-1 .views-field.views-field-operations a{
     color: var(--main-red-color);
}
a.link-see-more{
	color: var(--main-red-color);
}
 #block-mttq-theme-blocklienketwebsite h2 {
     background: url(/themes/custom/mttq_theme/image/bg_block_fp.png) no-repeat left top #f67f15;
}
 #block-mttq-theme-khachthamquan h2 {
     background: url(/themes/custom/mttq_theme/image/bg_block_fp.png) no-repeat left top #f67f15;
}
 #block-mttq-theme-views-block-tai-lieu-tuyen-truyen-block-1 {
     margin-bottom: -15px;
}
 #block-mttq-theme-views-block-tai-lieu-tuyen-truyen-block-1 .views-field.views-field-title a{
     text-align: justify;
     color: var(--main-color-2);
}
 .tab-attachment-title {
     text-align: justify;
}
 .view-page-video .views-col {
     display:flex;
     flex-direction: column;
     align-items: center;
}
 .view-page-video .views-field.views-field-title {
     text-align: center;
     margin-bottom: 25px;
}
 .view-page-video .views-field.views-field-title a {
     color: var(--main-red-color);
}
 .view-page-video .views-field.views-field-title a:hover {
     color: var(--main-orange-color);
}
 #block-mttq-theme-content .views-field.views-field-title {
     padding-top:10px;
}
 #block-mttq-theme-content .views-field.views-field-title a{
     color: var(--main-red-color);
}
 #block-mttq-theme-content .views-field.views-field-title a:hover{
     color: var(--main-orange-color);
}
 #block-mttq-theme-blocklienketwebsite img {
     border-bottom: 3px solid var(--main-white-color);
     height: 105px;
}
 #block-mttq-theme-views-block-tin-khac-block-1 .views-field.views-field-title a {
    /* Block tin khac */
     color: var(--main-color-1);
}
 #block-mttq-theme-views-block-tin-khac-block-1 .views-field.views-field-title a:hover {
     color: var(--main-orange-color);
}
 #block-mttq-theme-views-block-tin-khac-block-1 .views-field-title .field-content:before {
     content: "";
     display: inline-block;
     width: 14px;
     height: 14px;
     background-image: url(/themes/custom/mttq_theme/image/check1.png);
     margin-right: 8px;
}
 .zone_1_2_box .view-content {
     height: 400px;
     overflow-y: scroll;
}