body{
    font-family: Arial, sans-serif, Tahoma, Helvetica;
    font-size: 16px;
    color: #333;
    margin: 0 auto;
    padding: 0;
    background: #eee;
    -webkit-text-size-adjust: 100%;
}

.mobi-logo .ux-logo-link{
    padding: 10px !important;
}

#wide-nav .header-nav > li > .sub-menu {
    border: none;
    padding: 124x 20px !important;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
    padding-left: 0;
    padding-right: 0;
}

#wide-nav .header-nav > li > .sub-menu a{
    color: #333;
    display: block;
    white-space: nowrap;
    padding: .3rem 0;
    border: none;
}

#wide-nav .header-nav > li > .sub-menu li:hover > a,
#wide-nav .header-nav > li > .sub-menu li.current-menu-item > a{
    color: red;
}

.nav li.menu-item.no-text>a>img{
    margin-right: 0;
}

.big-text{
    font-size: 1.8rem;
    font-weight: 500;
}

.text-bold{
    font-weight: bold;
}

.d-block{
    display: block;
}

.d-flex{
    display: flex;
}

.text-white{
    color: #fff !important;
}

.text-red{
    color: #ec3d15 !important;
}

.text-green{
    color: #0fbb36 !important;
}

.text-small{
    font-size: 0.9em !important;
}

.text-right{
    text-align: right !important;
}

.text-decoration-underline {
    text-decoration: underline !important;
    text-underline-position: under;
}

.bg-white{
    background-color: #fff !important;
}

.bg-red{
    background-color: #d00 !important;
}

.uppercase, h6, span.widget-title, th{
    letter-spacing: normal;
}

.bold,
.text-bold{
    font-weight: bold;
}

.underline{
    text-decoration: underline;
}

.box:not(.box-blog-post) {
    border: 0;
    overflow: auto;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.075);
    color: rgb(33,37,41);
}

.box .box-header {
    padding: 0.5rem 1rem;
}

.box .box-body{
    padding: 1rem;
}

.page-wrapper{
    padding-top: 15px;
}

.header-banner{
    display: flex;
    max-height: 80px;
    overflow: hidden;
    align-items: center;
}

.header-banner .header-banner-title{
    writing-mode: tb-rl;
    transform: rotate(-180deg);
}

.header-banner img{
    max-height: 100%;
    width: auto;
}

#xslite-sub-nav{
    --bs-bg-opacity: 1;
    background-color: #fff !important;
    min-height: 40px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

#xslite-sub-nav li{
    margin: 0;
    padding: 0;
}

#xslite-sub-nav li a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    font-weight: 500;
    text-decoration: underline;
    text-underline-position: under;
    color: var(--color-link);
    border-left: 1px solid #dee2e6;
    padding: .5rem 1rem;
}

#xslite-sub-nav li.current-menu-item a:hover,
#xslite-sub-nav li.current-menu-item a{
    color: var(--color-red);
}

#xslite-sub-nav li:last-child a{
/*    border-right: none;*/
}

@media screen and (max-width: 768px){

    #xslite-sub-nav .navbar-nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    #xslite-sub-nav .container{
        padding-left: 0;
        padding-right: 0;
    }

    #xslite-sub-nav li{
        width: 100%;
        flex: 1;
    }

    #xslite-sub-nav li a{
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

}

#content .widget{
  box-shadow: var(--bs-box-shadow-sm);
  border: 0;
  background-color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border-radius: 0.375rem;
}

#content .widget .widget-title {
    padding: 8px 5px;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    font-size: 17px;
    background: #01abcc;
    text-align: center;
    font-weight: bold;
    line-height: 1.5;
    color: #fff;
}

#content .widget .is-divider{
	display: none !important;
}

#content .widget ul{
	padding: 1rem;
	margin: 0;
	border-bottom-left-radius: 0.375rem;
  border-bottom-right-radius: 0.375rem;
}

#content .widget ul > li{
	color: var(--color-brown);
  list-style-type: none;
  border: none;
}

#content .widget ul > li a{
    opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity));
    padding: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    position: relative;
    /* padding-top: .25rem; */
    /* padding-bottom: 0.25rem; */
    /* text-decoration: underline; */
    text-underline-position: under;
    color: var(--color-link);
    font-size: 14px;
}

.widget .recent-blog-posts-li a{
    position: relative;
}

.widget .recent-blog-posts-li a:before,
#content .widget ul > li > a::before {
  width: 10px;
  height: 10px;
  content: "";
  display: inline-block;
  background: url(../images/caret-right-fill-brown.svg) center no-repeat;
  background-size: contain;
  margin-right: 7px;

}

.widget .recent-blog-posts-li .flex-col + .flex-col a:before{
    display: none;
}

#content .widget li > ul > li > a::before{
    display: none;
}

#content .widget ul > li a:hover{
	text-decoration: underline;
    text-underline-position: under;
    color: var(--color-red);
}

#content .widget ul > li a.active{
	color: var(--color-red);
    text-decoration: underline;
    text-underline-position: under;
    font-weight: 500;
}

#content .widget li ul{
    margin: 0;
    padding: 0;
    border-radius: 0;
    padding-left: 40px;
}

#content .widget li ul li{
    list-style: disc;
}

.lich_xs__links,
.calendar-link {
    padding: 1rem;
}

.widget .lich_xs__links.two-cols {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.calendar-link{
    padding-top: 0;
    text-align: center;
}

#content .widget .lich_xs__links p{
    margin-bottom: 0;
    font-weight: bold;
}

#content .widget .lich_xs__links ul{
    padding: 0;
}

#content .widget .lich_xs__links ul > li{
    margin: 0;
    padding: 0;
    
}

#content .widget .lich_xs__links ul > li a{
    padding-top: .25rem;
    padding-bottom: 0.25rem;
    text-decoration: underline;
    text-underline-position: under;
    color: var(--color-link);
}

#content .widget .lich_xs__links ul > li a:hover{
    color: var(--color-red);
}

#content .widget .lich_xs__links ul > li a:before{
    display: none;
}

#content .widget ul > li.recent-blog-posts-li {
	border-bottom: 1px solid #ddd;
}

#content .widget ul > li.recent-blog-posts-li:last-child{
	border-bottom: none;
}

#content .recent-blog-posts-li .badge {
  backface-visibility: hidden;
  display: table;
  height: 80px;
  width: 100px;
  flex-shrink: 0;
  margin-right: 1rem;
  object-fit: cover;
  background-color: #f1f1f1;
  border-radius: 0.375rem;
  overflow: hidden;
}

#content .recent-blog-posts-li .recent-blog-posts .post_comments{
	display: none;
}

.bizcode-tabs {
  padding: 1rem 0.5rem;
}

.bizcode-tabs .tab-links.d-flex{
	display: flex;
	align-items: center;
}

.bizcode-tabs .tab-links.d-flex.justify-sb{
	justify-content: space-between;
}

.bizcode-tabs .tab-links .tab-link{
	border: 1px solid transparent;
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
	margin-bottom: -1px;
	text-align: center;
	width: 100%;
	padding: 0.5rem;
	color: rgb(33,37,41);
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

.bizcode-tabs .tab-links .tab-link:hover{
	border-color: #e9ecef;
	text-decoration: underline;
    text-underline-position: under;
}

.bizcode-tabs .tab-links .tab-link.active{
	border-color: #dee2e6 #dee2e6 #fff;
}

.bizcode-tabs .xslite_tab_content:not(.active){
	display: none;
	visibility: hidden;
}

.bizcode-tabs table.table-con-so{
	margin-bottom: 0;

}

table.table-con-so td, table.table-con-so th{
	padding: 0.5rem;
	font-size: 0.9rem;
	color: #000;
}

table.table-con-so tr + tr > td{
	border-top-width: 0;
}

table.table-con-so td + td{
	border-left-width: 0;
}

table th{
    font-weight: 400;
}

span.icon-con-so {
  height: 30px;
  width: 40px;
  display: inline-block;
  border: 0;
  vertical-align: middle;
  position: static;
  text-align: center;
  text-indent: -99999px;
  background-size: contain;
}

.mb-0,
.mb-0 p{
    margin-bottom: 0;
}

.footer-menu{
    height: fit-content;
}

.footer-menu .menu {
    display: flex;
    justify-content: center;
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer-menu .menu>li+li{
    border-top: none;
}

.footer-menu .menu a {
    color: #c00;
    padding: 10px 15px;
    display: block;
    font-weight: 500;
    text-transform: uppercase;
}

.footer-menu .menu li:hover a {
    text-decoration: underline;
    text-underline-position: under;
}

.absolute-footer{
    display: none !important;
}

.archive-page-header .col{
    padding-bottom: 15px;
}

.archive-page-header .taxonomy-description p{
    margin-bottom: 0;
}


#content .article-inner,
div#post-list {
    background: #fff;
    border-radius: 0.375rem;
    padding: 10px;
    box-shadow: 0 0 0.25rem rgba(0, 0, 0, 0.075);
}

#content .article-inner .row{
    margin-left: -10px;
    margin-right: -10px;
}

#content .article-inner .col{
    padding: 0 10px 0;
}

#content .entry-header-text{
    padding-top: 0;
}

div#post-list .box-vertical .box-text{
    padding-top: 0;
    vertical-align: top;
}

div#post-list .box-vertical .box-image{
    max-width: 33%;
}

div#post-list .box-vertical .box-image .wp-post-image{
    border-radius: 0.375rem;
}

div#post-list .post-item{
    padding-bottom: 1.5rem;
}

div#post-list .post-item .col-inner{
    padding-bottom: 1rem;
    border-bottom: 1px dashed #dedede;
}

@media screen and (max-width: 768px){

    div#post-list .box-vertical .box-image{
        max-width: 100%;
        margin-bottom: 10px;
    }

    #wrapper, #main, #main.dark {
        background-color: #fff !important;
    }

    #footer .footer-menu{
        background-color: rgb(255, 243, 205);
    }

    .footer-menu .menu {
        justify-content: flex-start;
        margin-top: 15px;
        flex-wrap: wrap;
    }

    .footer-menu .menu li{
        width: 48%;
    }

    .footer-menu .menu li > a{
        position: relative;
        padding-left: 0;
    }

    .footer-menu .menu li > a::before {
        width: 10px;
        height: 10px;
        content: "";
        display: inline-block;
        background: url(../images/caret-right-fill-brown.svg) center no-repeat;
        background-size: contain;
        margin-right: 7px;
    }

    #footer .row-collapse>.col{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #footer .text{
        text-align: left !important;
    }
}

.live-icon.menu-item > a{
    display: inline-flex;
    flex-flow: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.box-demo-status {
    padding: 1rem;
    padding-top: 0.5rem;
    margin: 0;
    border-bottom-left-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
    background-color: white;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #dedede;
}

.box-demo-status img{
    min-height: 11px;
}

.icon-right a{
    position: relative;
}

.icon-right a span{
    position: absolute;
    right: 5px;
}

.off-canvas-left.dark .mfp-content, .off-canvas-right.dark .mfp-content{
    background-color: rgba(155,119,0,0.91);
}

#wide-nav .header-bottom-nav  li  a {
    font-size: 13px;
    font-weight: bold;
}

@media screen and (min-width: 768px){
    
    #wide-nav .menu-item.no-text a{
        text-indent: -99999px;
    }

    #wide-nav .header-bottom-nav > li{
        margin: 0;
    }

    #wide-nav .header-bottom-nav .nav-dropdown{
        min-width: initial;
    }

    #wide-nav .header-bottom-nav > li > a {
        line-height: 40px;
        padding: 0 8px;
    }

    #wide-nav .header-bottom-nav > li.no-text > a{
        padding: 0 16px;
    }

    #wide-nav .header-bottom-nav > li:hover,
    #wide-nav .header-bottom-nav > li.current-menu-item {
        background: #c00;
    }

    #wide-nav .nav-dropdown>li>a{
        color: #c00;
    }
}

@media screen and (max-width: 768px){
    .sidebar-menu li.no-text .ux-sidebar-menu-icon{
        display: none;
    }

    .off-canvas .sidebar-menu{
        padding-top: 0;
    }

    .mobile-sidebar .header-block-block-1 {
        width: 100%;
    }

    .off-canvas .mfp-close{
        opacity: 0.8;
        top: 10px;
        right: 10px;
    }
}

.show-less-more {
    overflow: hidden;
    position: relative;
    padding-bottom: 25px;
}

.show-less-more.fix_height{
    max-height: attr(data-max_height px);
    overflow: hidden;
    position: relative;
}

.show-less-more .wooviet_readmore_flatsome {
    text-align: center;
    cursor: pointer;
    position: absolute;
    z-index: 10;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    padding-bottom: 15px;
}

.show-less-more .wooviet_readmore_flatsome:before {
    height: 55px;
    margin-top: -45px;
    content: "";
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff00', endColorstr='#ffffff',GradientType=0 );
    display: block;
}

.show-less-more .wooviet_readmore_flatsome a {
    color: ##62bd21;
    display: block;
}

.show-less-more .wooviet_readmore_flatsome a:after {
    content: '';
    width: 0;
    right: 0;
    border-top: 6px solid #C4DC33;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
}

.show-less-more .wooviet_readmore_flatsome_less a:after {
    border-top: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #62bd21;
}

.show-less-more .wooviet_readmore_flatsome_less:before {
    display: none;
}

.highlight-title{
    padding: 0.5rem 1rem !important;
    margin: 0 0 10px;
    border: 1px solid var(--color-red);
    background: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.highlight-title h1,
.highlight-title h2{
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.25;
    margin: 0;
    border-bottom: none;
}

.highlight-title .section-title-main {
    border-bottom: 0;
    padding: 0;
    margin: 0;
}

.button.load-readmore-kqxs,
.ux-relay__button.ux-relay__load-more-button{
    color: #222;
    font-weight: 400;
    background-color: var(--fs-color-success);
    border-color: rgba(0, 0, 0, .05);
}

.ux-relay__control.ux-relay__control--bottom{
    margin-bottom: 0;
    padding-bottom: 0;
}

.ux-relay__button.ux-relay__load-more-button{
    font-size: 1.15em;
    letter-spacing: .03em;
    line-height: 2.4em;
    display: block;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
}

@media screen and (max-width: 768px){
    #wide-nav .header-bottom-nav.mobile-nav{
        overflow-x: auto !important;
        white-space: nowrap;
        display: flex;
        flex-wrap: nowrap;
        overflow-y: hidden;
        align-items: center;
        padding-left: 0;
        justify-content: flex-start;
        margin-bottom: 0;
    }

    #wide-nav  .flex-grow + .flex-grow{
        max-width: 100%;
    }

    #wide-nav .header-bottom-nav.mobile-nav li .nav-top-link{
        line-height: 22px;
    }

    #wide-nav .nav-spacing-xlarge>li {
        margin: 0 8px;
    }
}

.footer-description .block_title {
    font-size: 1.3rem;
    border-bottom: 1px solid #f1ebeb;
    padding-bottom: 0.5rem;
}

.highlight-header{
    margin: 0 0 1rem;
    padding: .7rem 1rem;
    border: 1px solid var(--color-red);
    background: #fff;
    border-radius: 0.375rem;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.highlight-header .header-title{
    font-size: 1.35rem;
    font-weight: 500;
    line-height: 1.25;
    margin: 0;
    padding: 0;
    border-bottom: none;
    margin-bottom: 0.5rem;
}

.highlight-header .inline-links{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.highlight-header .inline-links a{
    display: inline-block;
    padding: 0.2rem 0.375rem;
    text-decoration: underline;
    text-underline-position: under;
    font-size: 0.95rem;
    line-height: 1.1rem;
    letter-spacing: 0.05rem;
    font-weight: 400;
}

.highlight-header .inline-links a:first-child{
    padding-left: 0;
}

.highlight-header .inline-links a:hover{
    color: var(--color-red);
}

.datepicker-box{
    display: flex;
    align-items: center;
    height: 24px;
    padding-left: 5px;
    cursor: pointer;
}

.datepicker-box button.ui-datepicker-trigger {
    padding: 0;
    height: initial;
    line-height: initial;
    min-height: inherit;
    margin: 0;
    margin-right: 3px;
    margin-bottom: 2px;
}

.wpcf7 p {
    margin: inherit;
    padding: inherit;
    margin-bottom: 1rem; 
}


.tab-panel * {
    position: relative;
    word-spacing: normal;
}

.tab-panel li {
    display: inline-block;
    list-style: none;
    flex-grow: 1;
    z-index: 0;
    border: 1px solid #dedede;
    margin-bottom: 0;
}

.tab-panel li.active {
    background: #eb2c71;

    z-index: 1;
    font-size: 14px;
    font-weight: 600;
    border-color: #eb2c71;
}
.tab-panel li.active a {
    color: #fff;
    text-decoration: none;
}

.tab-panel {
    padding: 0;
    background: transparent;
    position: relative;
    display: flex;
    border-bottom: 2px solid #eb2c71;
    margin: 5px 0;
    text-align: center;
}
.tab-panel li a {
    display: block;
    padding: 0.6em;
    font-size: 14px;
    color: #eb2c71;
    font-weight: bold;
}


@media (max-width: 640px) {
    .tab-panel.tab-auto li {
        flex: 1 1 auto;
    }
    .tab-panel li {
        flex: 1 1 25%;
        border-radius: 0;
        background: none;

    }
    .tab-panel li a {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        width: 100%;

    }
}

.page-title {
    margin: 0.5em auto;
    font-weight: 700;
    font-size: 22px;
    color: #ec3d15;
}

.tab-header {
    padding: 0;
    background: transparent;
    position: relative;
    display: flex;
    margin-bottom: -5px;
}

.tab-header * {
    position: relative;
    word-spacing: normal;
    text-align: center;
}

.tab-header li {
    display: inline-block;
    list-style: none;
    z-index: 0;
    border: 1px solid #DDDDDD;
    flex-grow: 1;
    margin-bottom: 0;
}

.tab-header li.active {
    background: #01abcc;
    font-size: 14px;
    font-weight: 600;
    border-color: #01abcc;
}

.tab-header li a {
    display: block;
    padding: 0.6em;
    font-weight: bold;
    color: #333;
}

.tab-header li.active a {
    color: #fff;
    text-decoration: none;
}

.result-block .header__title,
.form-title{
    padding: 8px 5px;
    background: #01abcc;
    font-size: 17px;
    color: #fff;
    margin-top: 5px;
    font-weight: bold;
}

.result-block .header__title{
    margin-bottom: 20px;
}

.result-block .header__title.sub{
    background: #cfe2ff;
    font-size: 16px;
    color: #333;
}

.form-title h2{
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.thong-ke-form{
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
}

.thong-ke-form .form-actions{
    text-align: center;
}

.result-block .header__title{
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    margin-bottom: 0;
    text-align: center;
}

.ball{
    box-sizing: content-box;
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 100%;
    font-size: 1.2rem;
    font-weight: bold;
    color: #ff0000;
    border: 2px solid #cccccc;
    background: white;
}

.ball.ball-big{
    width:3rem;
    height:3rem;
    line-height:3rem;
    font-size:1.4rem;
}

.ball.ball-red{
    color: #fff;
    background: linear-gradient(to bottom, #fa5288 0%, #bb002a 100%);
    border: none;
}

table.text-center td,
table.text-center th{
    text-align: center;
}

.see-more {
    margin-top: 20px;
    text-align: center;
}

.see-more ul{
    display: inline-flex;
    gap: 25px;
}

.du-doan-page ul li{
    list-style-position: inside;
}

.du-doan-page blockquote{
    font-size: 1em;
}

.section-title-container.title-bold {
    border-bottom: 2px solid #eb2c71;
    margin: 5px 0 0.5rem;
}

.section-title-container.title-bold .section-title span {
    text-transform: none;
    color: #fff;
    background: #eb2c71;
    display: inline-block;
    padding: 0.5rem;
    font-size: 1.1rem;
    border: none;
}

.block-news > .col{
    padding-bottom: 1rem;
}
.block-news .large-columns-1>.col{
    padding-bottom: 0;
}

.block-news .box:not(.box-blog-post){
    border: none;
    box-shadow: none;
}

.big-news .post-title,
.big-news h3{
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
}

.big-news .post-title:hover,
.big-news h3:hover{
    text-decoration: underline !important;
    color: #f30;
}

.block-news .box-vertical .box-text{
    padding: 0 0 0 10px;
}

.no-padding-left{
    padding-left: 0 !important;
}

.no-padding-right{
    padding-right: 0 !important;
}

.small-news .col{
    padding-left: 0 !important;
    padding-bottom: 10px;
}

.small-news .col .page-box{
    padding-top: 10px;
    padding-bottom: 10px;
}

.small-news .col.post-item{
    padding: 7px 0 !important
}

.small-news .col + .col .page-box{
    border-top: 1px dotted #999;
}

.small-news .post-item + .post-item{
    border-top: 1px dotted #999;
}

.big-news.title-top .box{
    display: flex;
    flex-flow: column-reverse;
}

.big-news.title-top .box .box-image{
    width: 100%;
}

.big-news .post-title,
.small-news .post-title {
    text-transform: none;
}

.archive .post-item .is-divider,
.big-news .is-divider,
.small-news .is-divider{
    display: none;
}

.big-news .box .box-text{
    padding-top: 0;
    padding-bottom: 0;
}

#footer .text p{
    margin-bottom: 0;
}

.archive #post-list .post-item {
    padding-bottom: 1rem;
}

.archive #post-list .post-item .box-text{
    padding-bottom: 0;
}

.archive-page-header h1.page-title{
    margin-bottom: 0;
}

.s18{
    font-size: 18px;
}

.clnote {
    color: red;
}

.colgiai td{
    font-weight: bold;
}

.list-unstyle {
    list-style: none;
    margin: 0;
    padding: 0;
}

.list-dau-db li {
    padding: 8px 0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    float: left;
    text-align: center;
    width: 20%;
    font-weight: 700;
}


.html_description ul li{
    list-style-position: inside;
}

.magT1 {
    margin-top: 1rem;
}
.form-vote-number {
    width: 100%;
}
.form-vote-number, .top-vote-number {
    display: flex;
    flex-wrap: wrap;
}
.form-vote-number li{
    padding: 4px;
    margin: 4px 0;
    text-align: center;
    flex: 0 1 10%;
}
.top-vote-number li{
    padding: 4px;
    flex: 0 1 20%;
}
.form-vote-number .vote-number{
    border: 1px solid #cccccc;
    border-radius: 3px;
    padding: 3px 20px;
    text-align: center;
    cursor: pointer;
    font-weight: bold;

}

.form-vote-number .vote-number.right{
    padding: 5px;
}

.form-vote-number .vote-number.highlight {
    background: #eb2c71;
    color: #ffffff;
    border: none;
}

.list-loto-mb h3, .logo-gan, .logo-gan li.gr-gray, .pad5, .quayso .tab1 li, .suportsc, .title-bor, span.title-bor {
    padding: 5px;
}
.title, .tit-mien{
    padding:8px 5px;
    border-radius:5px 5px 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    font-size:17px;
    background:#01abcc;
    margin-top: 5px;
    color: #fff;
        margin-bottom: 0;
}
.title.title-blue{
    background:#eb2c71;
}

.bang-kq table td {
    border: 1px solid #ccc;
    font-size: 14px;
}

.bang-kq table th {
    border-bottom: 1px solid #ccc;
}
.bang-kq table th, .bang-kq table td {
    text-align: center;
    padding: 5px;
}

.bang-kq table {
    -webkit-border-horizontal-spacing: 0px;
    -webkit-border-vertical-spacing: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

.kqmb thead{display: none}
.kqmb td.number {
    font-size: 20px;
}
.kqmb td {
    padding:7px;
    border-color: #ccc;
}

.db td.number,.giai7 td.number {
    font-size: 22px;
    color: #e80000;
}
.kqmb td.number {
    font-size: 24px;
}
.kqmb .db td.number {
    font-size: 28px;
}
.bg_ef {background-color: #f8f8f8}
.kqmb thead{display: none}
.kqmb td.number {
    font-size: 20px;
}
.kqmb td {
    padding:7px;
    border-color: #ccc;
}

.db td.number,.giai7 td.number {
    font-size: 22px;
    color: #e80000;
}
.kqmb td.number {
    font-size: 24px;
}
.kqmb .db td.number {
    font-size: 28px;
}

.col-firstlast.colgiai{
    margin-top:3px;
}
.col-firstlast.colgiai th{
    background:#ebebeb;
    padding:5px;
    color:#333;
    font-weight:bold;
    font-size:14px
}
.col-firstlast.colgiai th{
    background:#ebebeb;
    padding:5px;
    color:#333;
    font-weight:bold;
    font-size:14px
}

.firstlast-mb{
    border-right:none;
    font-weight: bold;
}
.firstlast-mb.fl,.firstlast-mb.fr{
    width:50%;
    border-left:1px solid #ccc;
    border-top:1px solid #ccc;
}
.firstlast-mb.fl td,.firstlast-mb.fr td{
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
    height: 25px;
}
.firstlast-mb.fl td:last-child{
    text-align: left;
}
.firstlast-mb.fl th:last-child{
    text-align: left;
}
.firstlast-mb.fr td:first-child,.firstlast-mb.fr th:first-child{
    text-align: right;
}
.firstlast-mb.fl td:first-child,.firstlast-mb.fr td:last-child{
    text-align: left;
}

.kqmb td.v-giai{padding: 0;
    font-weight: bold
}

.kqmb td.v-giai span[class^="v-g"]{
    display: inline-block;
    width: 100%;
    min-width: 20px;
    padding:8px 0px;
    line-height: 1em;
}

.txt-giai{
    width:90px;
}

.kqmb td.v-giai span[class^='v-g2-']{width:48%}
.kqmb td.v-giai span[class^='v-g3-']{width:32%}
.kqmb td.v-giai span[class^='v-g4-']{width:24%}
.kqmb td.v-giai span[class^='v-g5-']{width:32%}
.kqmb td.v-giai span[class^='v-g6-']{width:32%}
.kqmb td.v-giai span[class^='v-g7-']{width:24%}
.kqmb td.v-giai span.v-g2-1, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2, .kqmb td.v-giai span.v-g3-4, .kqmb td.v-giai span.v-g3-5, .kqmb td.v-giai span.v-g4-1, .kqmb td.v-giai span.v-g4-2, .kqmb td.v-giai span.v-g4-3, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2, .kqmb td.v-giai span.v-g5-4, .kqmb td.v-giai span.v-g5-5, .kqmb td.v-giai span.v-g6-1, .kqmb td.v-giai span.v-g6-2, .kqmb td.v-giai span.v-g7-1, .kqmb td.v-giai span.v-g7-2, .kqmb td.v-giai span.v-g7-3{border-left:1px solid #ccc;}
.kqmb td.v-giai span.v-g3-0, .kqmb td.v-giai span.v-g3-1, .kqmb td.v-giai span.v-g3-2,.kqmb td.v-giai span.v-g5-0, .kqmb td.v-giai span.v-g5-1, .kqmb td.v-giai span.v-g5-2{border-bottom:1px solid #ccc;}
.kqmb td.v-giai span.imgloadig:before{content: "\200b";}

@media (max-width: 640px) {

    .txt-giai{
        width:70px;
    }
}
@media (max-width: 480px) {
    .txt-giai {
        width: 60px;
    }
}@media (max-width: 320px) {
    .txt-giai {
        width: 60px;
    }
}
.bang-loto {
    margin-bottom: 10px;
}
.bang-loto td {
    height: 28px;
}

table.hover-panel {
    border-collapse: collapse;
    text-align: center;
}

table.hover-panel td{
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0;
    padding: 5px;
    font-weight: bold;
}

.bang-loto th{
    background: #F3F7F8;
}

.clblue {
    color: #1ea6ec;
}

.kqmb .clblue {
    font-size: 32px;
}

.form-vote-numbers{
    padding: 0 1rem;
    margin-top: 1rem;
}
.form-vote-title{
    margin-bottom: 0;
}

#content .widget .form-vote-numbers ul{
    padding: 0;
}

#child-pages {
    padding-top: 20px;
}

#child-pages .page-col{
    margin-bottom: 20px;
}

#child-pages .page-box .box-text{
    padding-top: 0;
    padding-bottom: 0;
}

.du-doan-page .button-actions{
    position: relative;
    text-decoration: underline;
    color: blue;
    font-weight: bold;
    display: block;
    padding: 0 30px;
    margin: 0 auto;
    width: fit-content;
}

.du-doan-page .button-actions:hover{
    color: red;
}

.du-doan-page .button-actions:before,
.du-doan-page .button-actions:after{
    position: absolute;
    content: "";
    width: 23px;
    height: 100%;
    left: 0;
    top: 0;
    background: url(../images/17--2.gif) center no-repeat;
}

.du-doan-page .button-actions:after{
    left: inherit;
    right: 0;
    background: url(../images/18--2.gif) center no-repeat;
}

.du-doan-page .button{
    margin-bottom: 1.3em;
}

@media screen and (max-width: 550px){
    .small-news .col{
        padding-left: 10px !important;
    }

    .small-news .col.post-item{
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .small-news .box.box-vertical{
        display: flex;
    }

    .small-news .box.box-vertical > .box-image{
        flex: 1;
    }

    .small-news .box.box-vertical > .box-text{
        flex: 2;
    }

    #wide-nav .header-bottom-nav.mobile-nav li .nav-top-link {
        line-height: 40px;
    }

    #wide-nav .menu-item.no-text a .ux-menu-icon{
        display: none;
    }

    #wide-nav .menu-item a i.icon-angle-down{
        display: none;
    }
}