:root {
    --primary: rgba(255, 83, 0, 1);
    --border-color: rgba(239, 239, 239, 1);

}

a, a:hover, a:focus {
    color: rgba(0, 170, 89, 1);
    text-decoration: none;
    outline: 0;
}

img, iframe {
    max-width: 100%;
    height: auto;
}

a:hover {
    color: #f00;
}

input, input:visited, input:focus, select, textarea, button, button:focus, button:visited, button:hover, button, .btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.label {
    font-size: 16px;
    font-weight: 500;

}

.form-control:focus {
    box-shadow: none;
}

@media screen and (min-width: 768px) and (max-width: 1440px ) {

    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}

body {
    font-family: Inter, sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 0;
    background: #FBFBFB;
    line-height: 1.5;
    font-size: 14px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: Inter, sans-serif;
    font-weight: bold;
}

b, strong {
    font-weight: 600;
}

table.lich-xs.table {
    margin: 0;
}

.bg-primary {
    background-color: #00AA59 !important;
}

.input-group > .form-control:focus, .input-group > .form-select:focus {
    z-index: 1;
    outline: 0;
    box-shadow: none;
}

/* Header */
.site-header {
    background: #fff;
}

.bd {
    border: 1px solid var(--border-color);
}

.header-search input, .header-search .header-s {
    min-height: 44px;
    border-radius: 6px;
    background: #f4f7ff;
    border: 1px solid rgba(231, 231, 231, 1);
}

.header-search .header-s {
    background: var(--primary);
    color: #fff;
    border: 0;
    padding: 0 15px;
    border-radius: 0 6px 6px 0;
}

.header-botom {
    border-top: 1px solid #E7E7E7;
}

#main_menu .nav-link {
    color: rgba(99, 115, 129, 1);
}

#main_menu li {
    position: relative;
}

#main_menu li a {
    font-weight: 600;
    font-size: 15px;
    padding-left: .8rem;
    padding-right: .8rem;
}

#main_menu .active, #main_menu .nav-link:hover, #main_menu .dropdown-menu li a:hover {
    color: #fff;
    background: var(--primary);
    border-radius: 4px;
}

#main_menu .active .nav-link {
    color: #fff !important;
}

#main_menu .has-child:hover > a:after {
    border-color: #fff;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    margin-bottom: 0;
    transition: all .3s;

}

#main_menu .dropdown-menu, #main_menu .sub-menu {
    color: #4f4f4f;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
    border: 0;
    top: 100%;
    left: 0;
    box-shadow: 0 2px 15px -3px rgb(0 0 0 / 7%), 0 10px 20px -2px rgb(0 0 0 / 4%);
    font-size: 0.875rem;
    min-width: 250px;
}

#main_menu .dropdown-menu li a {
    display: block;
    color: #727380;
    font-weight: 500;
    font-family: 'Inter';
    border-bottom: 1px solid #dddddda6;
    padding: 10px 15px;
    font-size: 14px;
}

#main_menu .has-child:hover > ul {
    display: block;
}

#main_menu .has-child > a:after {
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    content: "";
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin: 3px;
    margin-left: 7px;
    transition: all .3s;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #222;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #333;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.navbar-toggle {
    position: relative;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    float: right;
    z-index: 1234;
}

.navbar-toggle .icon-bar:nth-of-type(2) {
    top: 1px;
}

.navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
}

.navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
    background: #ffffff;
    color: #fff;
    transition: all 0.3s;
    /*position: fixed;*/
    position: absolute;
    z-index: 123;
    left: -300px;
}

#sidebar.active {
    min-width: 250px;
    max-width: 250px;
    text-align: center;
    /*height: 100%;*/
}

#sidebar.active .sidebar-header h3, #sidebar.active .CTAs {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 10px 15px;
}

#sidebar.active ul li a i {
    margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active a[aria-expanded="false"]::before, #sidebar.active a[aria-expanded="true"]::before {
    top: auto;
    bottom: 5px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    padding: 20px;
    /*background: #6d7fcc;*/
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7386D5;
    background: #fff;
}

#sidebar ul li a i {
    margin-right: 10px;
}

#sidebar ul li.active > a, a[aria-expanded="true"] {
    color: #fff;
    background: var(--primary);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    background: #00000075;
    width: 100%;
    height: 100%;
    z-index: 12;
    display: none;
}

.overlay.active {
    display: block;
}

@media (max-width: 1023px) {
    #sidebar {
        min-width: 0px;
        max-width: 0px;
        text-align: center;
        margin-left: -80px !important;
    }

    a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
        top: auto;
        bottom: 5px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }

    #sidebar.active {
        margin-left: 0 !important;
        left: 0;
        top: 0;
    }

    #sidebar .sidebar-header h3, #sidebar .CTAs {
        display: none;
    }

    #sidebar .sidebar-header strong {
        display: block;
    }

    #sidebar ul li a {
        padding: 20px 10px;
        color: #333;
        border-bottom: 1px solid #e9e9e9;
    }

    #sidebar ul li a span {
        font-size: 0.85em;
    }

    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }

    #sidebar ul ul a {
        padding: 10px !important;
    }

    #sidebar ul li a i {
        font-size: 1.3em;
    }

    #sidebar {
        margin-left: 0;
    }

    #sidebarCollapse span {
        display: none;
    }
}

/* Main */
#date-picker .datepicker, #date-picker .datepicker table {
    width: 100%;
}

.aside {
    background: #FFFFFF;
    box-shadow: 0px 2.12549px 5.31373px rgba(0, 0, 0, 0.12);
    border-radius: 6px;
}

.datepicker-inline {
    width: 100%;
}

.datepicker table {
    width: 100%;
}

.aside-header {
    color: #fff;
    width: 100%;
    background: #00AA59;
    border-radius: 6px 6px 0px 0px;
    padding: 0 15px;
    font-size: 16px;
    line-height: 40px;
    gap: 15px;
    font-weight: 300;
    align-items: center;
    min-height: 40px;
}

.aside-header h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-weight: 500;
}

.sidebar-content ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-content ul li {
    position: relative;
}

.sidebar-content ul li a {
    color: rgba(33, 43, 54, 1);
    display: block;
    border-top: 1px solid rgba(231, 231, 231, 1);
    padding: 8px 15px;
    transition: all .5s;

}

.bd-1 {
    border: 1px solid rgba(231, 231, 231, 1);
    border-radius: 6px;
}

.sidebar-content ul li:first-child a {
    border: 0;

}

.sidebar-content ul li a:hover, .sidebar-content ul li.active a {
    background: linear-gradient(0deg, #F4F7FF, #F4F7FF),
    linear-gradient(0deg, #E7E7E7, #E7E7E7);
    border-left: 3px solid var(--primary);
    transition: all .5s;

}

.list-mn .hot a:after, .sec-title:after {
    background-image: url(../img/hot.gif);
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 15px;
}

.r-sidebar .sidebar-content ul li a:before, .list-related li a:before {
    content: "\f005";
    font-family: 'FontAwesome';
    color: var(--primary);
    font-size: 12px;
    vertical-align: middle;
    margin-right: 15px;
}

.r-sidebar .sidebar-content ul li:nth-child(odd) {
    background: #F6F6F6;
}

.sec-title {
    border-bottom: 1px solid #E7E7E7;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    padding: 10px 0;
}

.page-desc, .page-c, .page- {
    border-radius: 12px;
    background: #fff;
    padding: 1.5rem;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);

}

.page-desc h3, .page-desc h4, .page-desc h2, .page-desc strong {
    color: var(--primary);
}

.page-desc {
    border-radius: 12px;
    background: #fff;
    padding: 1.5rem;
    overflow-x: auto;
    height: 300px;
}

::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #d9d9d9;
}

.cau-hom-nay {
    border: 1px solid #d9d9d9;
    border-radius: 6px;
}

.cau-hom-nay td:nth-child(2) {
    color: rgba(255, 0, 0, 1);
    font-weight: 700;
}

.cau-hom-nay tr:nth-child(even) {
    background: #F4F7FF;
    border: 0.5px solid #E7E7E7;
    border-radius: 0px;
}

.home-news .first-item {
    background: #F7F7F7;
}

.home-news .first-item .post-title {
    color: rgba(33, 43, 54, 1);
    font-size: 18px;
    line-height: 21px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-news .first-item .desc {
    font-size: .8rem;
    line-height: 18px;
}

.home-news .second-item {
    border-top: 1px solid #f7f7f7;
    padding-top: 15px;
}

.home-news .second-item ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.home-news .second-item ul li {
    flex-basis: 50%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.home-news .second-item a:before {
    content: "\f005";
    font-family: 'FontAwesome';
    color: #f9a530;
    display: inline-block;
    font-size: 12px;
    line-height: 30px;
    margin-right: 5px;
    vertical-align: middle;
    position: relative;
}

.home-news .second-item a {
    color: rgba(33, 43, 54, 1);
    font-weight: 700;
    font-size: 14px;
}

.gr-primary a {
    color: #fff;
    font-weight: 300;
    font-size: 16px;
    line-height: 30px;
}

table.kqsx {
    background: #fff;
    box-shadow: inset 0px -1px 0px #E7E7ED;
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.kqsx tr:nth-child(odd) {
    background: #F4F7FF;
}

.kqsx .gr-primary, .gr-primary {
    background: var(--primary) !important;
    color: #fff;
    box-shadow: inset 0px -1px 0px #E7E7ED;
}

.kqsx tr td:first-child, .kqsx th {
    text-align: center;
    vertical-align: middle;
    width: 60px;
    line-height: 35px;
}

.kqsx tr td {
    font-weight: bold;
    padding: 0;
}

.kqsx tr td span:not(:first-child) {
    border-top: 1px solid #f3e7e7;
    display: block;
    width: 100%;
}

.kqsx tr.gdb td:first-child {
    background: #f00;
    color: #fff;
    vertical-align: middle;
}

.kqsx tr td {
    text-align: center;
}

.kqsx tr td span {
    line-height: 28px;
}

.kqsx tr td {
    border: 1px solid #f3e7e7;
    min-height: 40px;
}

.kqsx th {
    text-align: center;
}

.kqsx tr td, .kqsx tr td span {
    font-weight: bold;
    padding: 0;
    vertical-align: middle;
    line-height: 40px;
}

.nav-kqsx li.active a, .nav-kqsx li a:hover {
    background: #FF5300;
    border-radius: 5px 5px 0px 0px;
    color: #fff;
}

.nav-kqsx li a {
    padding: 10px 20px;
    border-radius: 5px 5px 0px 0px;
    color: rgba(33, 43, 54, 1);
    font-size: 16px;
    padding: .5rem;
    display: block;
    text-align: center;
    font-weight: 600;
    background: #F4F7FF;
}

.p-title {
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    display: block;
    margin-bottom: 15px;

}

.color-primary {
    color: var(--primary);
}

.vh-bt .num {
    color: rgba(255, 0, 0, 1);
    font-weight: bold;
    display: block;
}

.vh-bt td {
    text-align: center;
    vertical-align: middle;
}

.vh-bt {
    background: #fff;
}

td.bt-f {
    background: #F4F7FF;
    font-weight: bold;
}

.vh-bt td:empty {
    background: #e6e6e6;
    border: 0;
}

.vh-bt td {
    width: 58px;
}

.vh-bt td {
    width: 58px;
    border: 1px solid #f8e7e7;
}

.cauloto {
    background: url(../img/shapes.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    padding: 15px;
    margin-bottom: 15px;

}

.cauloto-item {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: center;
}

.cauloto-item .item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 8px;
    width: 56px;
    height: 36px;
    background: #E7E7E7;
    border-radius: 6px;
    font-family: Inter;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;

}

.cauloto-title {
    margin: 0;
    padding: 0;
    color: #fff;
    font-weight: bold;
}

.bg-dacbiet {
    background: url(../img/shapes1.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.lucky-choose input[type="num"] {
    height: 48px;
    border-radius: 6px;
    border: 0;
    width: 162px;
    max-width: 100%;
    padding: 0 15px;
}

.lucky-choose {
    align-items: center;
    display: flex;
    column-gap: 15px;
}

.btn-submit {
    background: var(--primary);
    color: #fff;
    border-radius: 6px;
    margin: 0 auto;
}

.btn-submit:hover {
    color: #fff;
}

.btn-red {
    background: rgba(255, 0, 0, 1);
    color: #fff;

}

.lucky-inner {
    background: url(../img/bg-mm.png);
    background-size: cover;
    padding: 20px;
    border-radius: 6px;
    color: #fff;
    margin-bottom: 30px;
}

.lucky-inner .lucky-date {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;

}

.result-lucky {
    text-align: center;
}

.result-lucky .list-num {
    gap: 10px;
}

.lucky-number .btn-submit {
    padding: 10px 32px;
    margin-bottom: 20px;
}

.thongke td:not(:first-child) {
    font-weight: normal;
}

.comments-list .comment {
    gap: 10px;
    margin-bottom: 30px;
}

.comments-list .author-name {
    font-family: Inter;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;

}

.comments-list .author-comments .post-date {
    color: #637381;
    font-family: Inter;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0px;
    text-align: left;

}

.comments-list .author-comments .comments-content {
    background: #F4F7FF;
    border-radius: 0px 6px 6px 6px;
    padding: 14px;
    margin-top: 5px;
}

.comments-list .comment .author-comments {
    flex: 1;
    margin-left: 10px;
}

.comments-list .comment .avatar img {
    width: 40px;
    height: 40px;
    border-radius: 99px;
}

.top-nha-cai {
    color: #fff;
    padding: 20px;
    text-align: center;
}

.host-info .item-nc .host-img {
    width: 80px;
    height: 80px;
    border-radius: 6px;
    overflow: hidden;
}

.host-details {
    flex: 1;
    text-align: left;
    margin-left: 15px;
    font-size: 14px;
}

.host-details span.host-title {
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}

.btn-host .btn {
    font-family: Inter;
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: center;
    display: block;
    width: 100%;

}

.post-lists .post-item .post-thumb img {
    width: 100%;
    display: block;
    border-radius: 6px;

}

.post-lists .post-item .post-title {
    color: rgba(33, 43, 54, 1);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 12px;
    display: block;

}

.post-lists .post-item:not(:first-child) {
    display: flex;
    flex-wrap: wrap;
    padding-top: 10px;
}

.post-lists .post-item:not(:first-child) .post-thumb {
    width: 85px;
}

.post-lists .post-item:not(:first-child) .post-text {
    order: -1;
    flex: 1;
    padding-top: 0;
}

.post-lists .post-item .post-text {
    padding: 12px;

}

.post-lists .post-item .post-text p {
    font-size: 12px;
}

.post-lists .post-item:not(:last-child) {
    margin-bottom: 5px;
    border-bottom: 1px solid rgba(231, 231, 231, 1);
}

.list-xs .first-item td {
    background: #F9FAFB;
    font-weight: 600;
}

table.lich-xs.table td {
    font-size: 14px;
    line-height: 25px;
}

table.lich-xs.table p {
    margin: 0;
}

.btn-host .btn-cuoc, .btn-host .btn:hover {
    color: var(--primary);
}

.star-rating {
    text-align: left;
    font-size: 16px;
    display: block;
    overflow: hidden;
    position: relative;
    height: 1em;
    line-height: 1em;
    letter-spacing: 0;
    margin: 0.5em 0;
    width: 5.06em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.star-rating:before {
    content: "\2605\2605\2605\2605\2605";
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    color: #ccc;
}

.star-rating span {
    overflow: hidden;
    float: left;
    width: 10px;
    height: 10px;
    top: 0;
    left: 0;
    font-weight: normal !important;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span:before {
    content: "\2605\2605\2605\2605\2605";
    color: #FFA645;
    top: 0;
    position: absolute;
    left: 0;
}

.categories-posts {
    padding: 15px;
    padding-bottom: 0;
}

tr.first-item td {
    background: #F9FAFB;
    font-weight: 600;
}

.kqsx-tinh .list-kq {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    border: 0;
}

.kqsx-tinh .list-kq .text-number {
    position: relative;
}

.kqsx-tinh .list-kq .text-number:not(:first-child):before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 123;
    background: #f3e7e7;
}

.kqsx-tinh .list-kq .text-number {
    margin: 0;
    border: 0;
    line-height: 40px;
}

span.text-number.db, span.highlight {
    font-family: Inter;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    /*letter-spacing: 4.5px;*/
    text-align: center;
    color: rgba(255, 0, 0, 1);
}

.kqsx-tinh td {
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;

}

.font-14 {
    font-size: 14px !important;

}

.rl-dudoan li a {
    color: #fff;

    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;

}

.rl-dudoan {
    list-style: none;
    margin: 0;
    padding: 0;
}

.address-box {
    background: #F4F7FF;
    padding: 15px;
    border-radius: 6px;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 15px;
}

span.companty-title {
    font-weight: bold;
    color: var(--primary);
    display: block;
}

.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5 {
    color: rgba(33, 43, 54, 1);
    font-size: 18px;
    font-weight: bold;
}

.kqsx-tinh .list-kq span {
    flex: 1;
}

.kqsx-tinh tr:first-child td, .kqsx-tinh tr:first-child td span.text-number {
    padding: 3px;
}

.breadcrumb-table-title {
    margin: 0;
    padding: 0;
}

h4.breadcrumb-table-title {
    font-size: 15px;
}

.select-sx {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

label.form-check-label {
    cursor: pointer;
}

h2.sec-title.normal:after {
    display: none;
}

.input-datetick:before {
    content: " ";
    background-image: url(../img/date.png);
    width: 15.35px;
    height: 16px;
    top: 15px;
    right: 15px;
    position: absolute;
}

.input-datetick {
    position: relative;
}

.icon-minus:before {
    content: "\f068";
}

.icon-plus:before {
    content: "\f067";
}

input#range-day {
    border: 0;
    text-align: center;
    margin: 0;
    height: 42px;
}

#btn-plus, #btn-minus, input#dateEnd {
    border: 1px solid currentColor;
    height: 42px;
    padding: 16px;
    border: 1px solid #ced4da;
}

#btn-plus, #btn-minus {
    width: 42px;
    text-align: center;
}

.bt-form-search .label {
    margin-bottom: 4px;
    line-height: 24px;
}

.btnFilterBachThu {
    height: 42px;
    width: 100%;
    background: var(--primary);
    border: 0;
    margin: 0;
    padding: 0;
}

.bt-form-search .input-group {
    align-items: flex-end;
}

.bt-form-search .form-control-lg {
    min-height: 1px;
}

.group-date-link {
    gap: 10px;
    flex-wrap: wrap;
    justify-content: center;
}

.group-date-link span {
    padding: 8px 20px;
    height: 40px;
    background: rgba(255, 83, 0, 0.13);
    border-radius: 4px;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: rgba(33, 43, 54, 1);
}

.group-date-link span.active, .group-date-link span:hover {
    background: rgba(255, 83, 0, 0.13) !important;
    color: var(--primary);
}

.bg-secondary {
    background-color: #F4F7FF !important;
}

.vh-btn {
    background-color: #F4F7FF;

}

.vh-btn.active, .vh-btn:hover {
    background-color: rgba(255, 83, 0, 0.13);
    color: var(--primary);
}

.bien-do .bd-date {
    margin-top: 14px;
    gap: 15px;
}

.bien-do .bd-item {
}

.bien-do .bd-item .item {

    background: #F4F7FF;

    border-radius: 8px;

    padding: 6px 12px;

    font-weight: 600;

    line-height: 24px;

    cursor: pointer;

    width: 53px;

    margin: 1%;

    text-align: center;
}

.bien-do .bd-item {
    display: flex;
    flex-wrap: wrap;
}

.bien-do .bd-item .item:hover {
    background: var(--primary);
    color: #fff;
}

.vh-card {
    background: #F4F7FF;
    box-shadow: 0px 1px 4px rgb(0 0 0 / 12%);
}

.list-soi-cau, .list-mt1 {
    list-style: none;
}

.font-weight-bold {
    font-weight: 600;
}

.font-16 {
    font-size: 16px;
}

.list-soi-cau a {
    color: rgba(255, 83, 0, 1);
    text-decoration: underline;
    font-weight: 700;
    line-height: 24px;
}

.table-province tr:nth-child(even) {
    background: #f4f7ff;
}

.table-province {
    border: 1px solid #F4F7FF;
}

.vh-title {
    color: #fff;
    font-family: Inter;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 12px;
}

.table-province a {
    color: #333;

    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;

}

.table-province a:hover {
    color: var(--primary);
}

.font-12 {
    font-size: 12px;
}

.font-18 {
    font-size: 18px;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;

}

.color-grey {
    color: rgba(33, 43, 54, 1);

}

.tbl-thongke .maxg td {
    font-weight: normal;
}

.tbl-thongke tr td:first-child {
    max-width: 62px;
    padding: 0;
}

.bold {
    font-weight: bold;
}

.font-24 {
    font-size: 24px;
}

.font-weight-normal {
    font-weight: normal;
}

.bg-secondary {
    background-color: #F4F7FF !important;
}

.tk3 .kqsx tr td:first-child {
    font-weight: normal;
}

.tk3 .thongke td:nth-child(even) {
    font-weight: bold;
}

.radio .cricle {
    border: 1.5px solid rgba(231, 231, 231, 1);
    width: 18px;
    height: 18px;
    border-radius: 99px;
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.chon-so .radio {
    cursor: pointer;
}

.chon-so .selected .cricle {
    background: var(--primary);
}

.btn-grey {
    border: 1px solid rgba(231, 231, 231, 1);
    background: linear-gradient(0deg, #F4F7FF, #F4F7FF),
    linear-gradient(0deg, #E7E7E7, #E7E7E7);

}

.thongkedacbiet tbody span {
    border-radius: 6px;
    padding: 10px 20px;
    border: 1px solid rgba(231, 231, 231, 1);
    font-weight: bold;
    cursor: pointer;
    display: block;
}

.thongkedacbiet tbody span.active, .thongkedacbiet tbody span:hover {
    background: var(--primary);
    color: #fff;
}

.thongkedacbiet td {
    text-align: center;
    vertical-align: middle;
}

.thongkedacbiet tr, .thongkedacbiet tfoot {
    border: none;
}

table.thongkedacbiet .btn {
    display: block;
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
}

table.thongke-duoi td span {
    display: block;
    text-align: center;
    width: 100%;
}

table.table.thongke-duoi .first td, table.table.thongke-duoi td:first-child {
    color: rgba(33, 43, 54, 1);
    font-weight: 600;
    background: #f4f7ff;
}

table.table.thongke-duoi td {
    background: #ffffff;
    text-align: center;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;

}

table.table.thongke-duoi th {
    text-align: center;
}

table.table.thongke-duoi td, table.table.thongke-duoi th {
    border: 1px solid #dbdbdb;
    box-shadow: inset 0px -1px 0px #E7E7ED;
}

table.thongke-duoi td:empty {
    background: #EFEFEF;
}

table#tbl-dd td {
    line-height: 17px;
    letter-spacing: 0px;
    text-align: center;
}

#tbl-dd .date {
    font-size: 12px;

}

table#tbl-dd td .num {
    font-weight: 700;

}

table#tbl-dd td:first-child {
    white-space: nowrap;
    vertical-align: middle;
}

table#tbl-dd td {
    line-height: 17px;
    letter-spacing: 0px;
    text-align: center;
    padding: 7px;
}

#tbl-dd span.highlight {
    font-size: 18px;
    letter-spacing: 0;
    margin: 0;
    padding: 0;
}

table#tbl-dd td .num {
    font-weight: 700;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 0;
    gap: 0;
    letter-spacing: 0;
    flex: 1 1 auto;
}

table#tbl-dd td .num span {
    flex: 0;
}

.post-title {
    font-family: Inter;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
}

.list-category {
    border-bottom: 1px solid rgba(229, 229, 229, 1);
    padding-bottom: 20px;
    padding-top: 20px;
}

.breadcrumb-table-title a {
    border-bottom: 1px solid currentColor;
}

.list-category:first-child {
    border: 0;
    padding: 0;
}

div#sokq td, div#sokq th {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: center;
    line-height: 40px;
}

.vh-date-group {
    margin-top: 10px;
    gap: 15px;
    flex-wrap: wrap;
    justify-content: center;
}

.btn-more {
    box-shadow: none;
    padding: 7px 25px;
    background: var(--primary);
    margin-bottom: 10px;
    color: #fff;
}

.color-red {
    color: #f00;
}

.first-normal tr td:first-child {
    font-weight: normal;
}

.related-kqsx li {
    border: 0;
    padding-bottom: 0;
}

.related-kqsx {
    margin-bottom: 30px;
}

.related-kqsx li a {
    color: rgba(255, 83, 0, 1);
    font-weight: bold;

}

.ratings {
    margin-right: 10px;
}

.ratings i {

    color: #cecece;
    font-size: 32px;
}

.rating-color {
    color: #fbc634 !important;
}

.small-ratings i {
    color: #cecece;
}

.vrating {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;

}

.vrating, .posted-date {
    font-family: Inter;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
}

.table-contents {
    border-radius: 4px;
    display: block;
    width: 100%;
    overflow: hidden;
    color: rgba(33, 43, 54, 1);
    padding: 1rem;

}

.tb-contents-title {
    font-weight: bold;
}

.list-related li a {
    color: rgba(33, 43, 54, 1);
    font-weight: bold;
    font-family: Inter;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: left;

}

.list-related li {
    border: 0;
}

.bg-red {
    background: #f00;
}

tr.gdb td:not(:first-child) {
    font-family: Inter;
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: center;
    color: #f00;
}

#main_menu .sub-menu {
    position: absolute;
    top: 0;
    background: #fff;
    min-width: 250px;
    left: unset;
    right: -100%;
    box-shadow: 0 2px 15px -3px rgb(0 0 0 / 7%), 0 10px 20px -2px rgb(0 0 0 / 4%);
    font-size: 0.875rem;
}

.has-child.open > ul {
    display: block;
}

td.list-kq.g3 {
    display: flex;
    flex-wrap: wrap;
}

td.list-kq.g3 span {
    flex-basis: 33%;
    width: 33%;
}

td.list-kq.g3 span:nth-child(3), td.list-kq.g3 span:nth-child(2), td.list-kq.g3 span:nth-child(1) {
    border-bottom: 1px solid #f9e7e7;
}

.kqsx-tinh .list-kq .text-number:nth-child(4):before {
    display: none;
}

@media only screen and (max-width: 48em) {
    .site-content {
        order: -1;
        -webkit-order: -1;
    }

    .sec-title {

        font-size: 18px;

    }

    .vh-bt td:empty {
        display: none;
    }

    .lucky-choose {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .btn-host .btn {
        margin-bottom: 10px;
    }

    .footer-menu {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 30px !important;
    }

    table.kqsx {
        font-size: 14px;
    }

    .nav-kqsx li a {
        font-size: 13px;
        display: block;
    }

    .mobile-menu .nav-item.has-child ul {
        margin-left: 20px;
        border: 0;
        margin-top: 0;
        padding: 0;
    }

    .table-province td a {
        font-size: 13px;
    }

    .table-province td a {
        font-size: 13px;

    }

    .tbl-tkdb {
        max-width: 100%;
        width: 100%;
        overflow-x: scroll;
    }

    .thongkedacbiet td {
        padding: 5px;
        border: 0;
        font-size: 12px;
    }

    .chon-so .radio .text {
        font-size: 12px;
    }

    .radio .cricle {
        width: 14px;
        height: 14px;
        margin-right: 3px;
    }

    .page-desc, .page-c, .page- {
        border-radius: 12px;
        background: #fff;
        padding: 15px;
        box-shadow: 0px 1px 4px rgb(0 0 0 / 12%);
    }

    .list-category .desc {
        display: none;
    }

    .list-category:nth-child(1) .desc, .list-category:nth-child(2) .desc, .list-category:nth-child(3) .desc {
        display: block;
    }

    .kqsx-tinh tr:not(:first-child) .list-kq {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        width: 100%;
        border: 0;
        justify-content: space-between;
    }

    .kqsx tr td:first-child, .kqsx th {

        padding: 0.3rem;
    }

    li.has-child .click_toggle {
        position: absolute;
        right: 15px;
        top: 5px;
        width: 40px;
        height: 40px;
        vertical-align: middle;
        text-align: center;
        color: #000;
    }

    #sidebar .main-menu li {
        position: relative;
    }
}

/* Footer */

.footer-link li {
    flex-basis: 50%;
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 40px;
}

.footer-link {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.footer-link li a {
    display: block;
    color: #637381;
    font-weight: 500;
}

.footer-link li a:hover {
    color: var(--primary);
}

.footer-container {
    background: #F4F7FF;
    border: 1px solid #E7E7E7;
    border-radius: 8px;
    padding: 60px;
}

.social-media a {
    color: #637381;
    width: 32px;
    height: 32px;
    background: #fff;
    border-radius: 99px;
    display: block;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
}

.social-media {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.social-media a:hover {
    background: var(--primary);
    color: #fff;
}

.footer-menu {
    display: flex;
    gap: 15px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-menu a {
    color: #637381;
}

.footer-menu a:hover {
    color: var(--primary);
}

.line-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.text-black1 {
    color: #3E3F42;
}

.l-item ul {
    margin: 0;
    padding: 0;
}

.l-item li {
    line-height: 31px;

}

.l-item li:before {
    content: "\f005";
    font-family: 'FontAwesome';
    color: #b9b9b9;
    margin-right: 5px;
}

.l-item li a {
    color: #3E3F42;
    font-size: 14px;
    font-weight: bold;

}

/*Thêm style*========================================================================================*/
.btn {
    padding: 0.375rem 0.5rem !important;
}

/*@media (min-width: 1200px){*/
/*.container, .container-lg, .container-md, .container-sm, .container-xl {*/
/*max-width: 1170px !important;*/
/*}*/
/*}*/

/*viewmore*/
.bg-viewmore {
    border-bottom: 1px solid #ccc;
    text-align: center;
    margin-bottom: 20px;
    margin-top: -10px
}

p.btn-viewmore {
    padding: 0;
    margin: 0
}

.bg-viewmore p span {
    padding: 10px;
    background-color: #ff5300;
    position: relative;
    top: 11px
}

.loadmoreimg {
    display: none
}

/*// trực tiếp*/
/*.output {*/
/*background: #ed1c25;*/
/*background: -webkit-linear-gradient(rgb(218, 116, 13), rgb(158, 19, 19));*/
/*background: -o-linear-gradient(rgba(195, 9, 9, 1), rgba(73, 3, 3, 1));*/
/*background: -moz-linear-gradient(rgba(195, 9, 9, 1), rgba(73, 3, 3, 1));*/
/*background: linear-gradient(rgb(0 170 89), rgb(255 83 0));*/
/*border-radius: 80% !important;*/
/*font-size: 16px!important;*/
/*color: #fff!important;*/
/*padding: 0 5px!important;*/
/*display: inline-table;*/
/*width:20px;*/
/*}*/
.output {
    background: #ed1c25;
    background: -webkit-linear-gradient(rgb(218, 116, 13), rgb(158, 19, 19));
    background: -o-linear-gradient(rgba(195, 9, 9, 1), rgba(73, 3, 3, 1));
    background: -moz-linear-gradient(rgba(195, 9, 9, 1), rgba(73, 3, 3, 1));
    background: linear-gradient(rgb(0 170 89), rgb(255 83 0));
    border-radius: 100%;
    font-size: 24px;
    color: #fff;
    padding: 0 5px;
    font-family: Arial, sans-serif !important;
    display: inline !important;
    letter-spacing: 0px !important;
}

/*// END trực tiếp*/

.vh-bt td:hover {
    background: var(--primary) !important;
    color: #fff !important;
}

.vh-bt td:hover span.num {
    background: var(--primary);
    color: #fff !important;
}

.vitri_blue {
    color: blue;
    font-size: 20px;
}

.vitri_red {
    color: red;
    font-size: 20px;
}

.text-red {
    color: red;
}

/*bảng thông kế*/
table.kqsx-db {
    background: #fff;
    box-shadow: inset 0px -1px 0px #E7E7ED;
    font-family: Inter;
    font-size: 18px;
    /*font-weight: 700;*/
    line-height: 22px;
    letter-spacing: 0px;
    text-align: center;
}

.kqsx-db tr {
    background: #F4F7FF;
}

.kqsx-db .gr-primary, .gr-primary {
    background: var(--primary) !important;
    color: #fff;
    box-shadow: inset 0px -1px 0px #E7E7ED;
}

.kqsx-db tr td, .kqsx th {
    text-align: center;
    vertical-align: middle;
    padding: .5rem;
}

.kqsx-db tr td {
    /*font-weight: bold;*/
    padding: 0;
}

.kqsx-db tr td div {
    border-top: 1px solid #f3e7e7;
    display: block;
    width: 100%;
}

.kqsx-db tr.gdb td {
    /*background: #f00;*/
    color: #fff;
    vertical-align: middle;
}

.kqsx-db tr td {
    text-align: center;
}

.kqsx-db tr td div {
    line-height: 28px;
}

.kqsx-db tr td {
    border: 1px solid #f3e7e7;
}

.kqsx-db th {
    text-align: center;
}

.kqsx-db tr td {
    /*font-weight: bold;*/
    padding: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 35px;
}

.kqsx-db tr td {
    border: 1px solid #f3e7e7;
}

.kqsx-db .text-danger {
    font-weight: bold;
}

.text-black {
    color: black !important;
}

.multiselect-dropdown {
    height: 32px !important;
    width: 250px !important;
}

.bg-cap {
    color: #fff;
    background: #ffa500 !important;
}

.bg-cap-color {
    color: #ffa500;
    font-weight: bold;
}

.bg-db {
    background: #ed1c25 !important;
    color: #fff;
}

.bg-db-color {
    color: #ed1c25;
    font-weight: bold;
}

.lucky-choose select {
    height: 34px;
    border-radius: 6px;
    border: 0;
    width: 162px;
    max-width: 100%;
    padding: 0 15px;
}

/*thêm chon ngày*/
.box {
    position: relative;
    background: #fff;
    margin-bottom: 2px;
    margin-top: 10px;
}

.bg_gray {
    padding: 0px;
    /*border: 1px solid #d9d3cb;*/
    border-bottom: 0;
    text-align: center;
}

.opt_date_full {
    background: #fff;
    border: 1px solid #f3f3f3;
    color: #ed1c25;
    line-height: 23px;
    position: relative;
}

.opt_date_full .ic-next, .opt_date_full .ic-pre {
    background: url(../images/icons.png) -21px -1027px no-repeat;
    width: 9px;
    height: 13px;
    top: 6px;
    position: absolute;
    opacity: .5;
}

.opt_date_full .ic-pre {
    left: 6px;
}

.fl {
    float: left;
}

.opt_date_full {
    background: #fff;
    border: 1px solid #ccc;
    color: #ed1c25;
    line-height: 23px;
}

.opt_date_full input {
    width: 85px;
    color: #ed1c25;
    height: auto;
    font-size: 15px;
    padding: 3px 0;
    border: none;
}

.ic {
    background: url(../images/icons.png) left 0 no-repeat;
}

.ic-calendar, .ic-check, .mag-l5, h3 .date {
    margin-left: 5px;
}

.opt_date_full .ic-next {
    background-position: -68px -1027px;
    right: 6px;
}

.ic-calendar {
    background-position: left -434px;
    padding: 0 0 0 12px;
}

.ic-calendar, .ic-check, .mag-l5, h3 .date {
    margin-left: 5px;
}

.opt_date_full .ic-next:hover {
    background-position: -53px -1027px;
    opacity: 1
}

.opt_date_full .ic-pre:hover {
    background-position: -35px -1027px;
    opacity: 1
}

.bg_gray label {
    margin-bottom: 0px !important;
}

/*h1*/
.bg-header {
    background-color: #fff;
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important;
}

.position-relative {
    position: relative !important;
}
.pb-2 {
    padding-bottom: 0.5rem !important;
}

.pt-2 {
    padding-top: 0.5rem !important;
}

.line-clamp-1, .line-clamp-2 {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}

.line-clamp-1 {
    -webkit-line-clamp: 1;
}
.fw-medium {
    font-weight: 500!important;
}
.txt-tiny {
    font-size: 13px;
}
.mb-0 {
    margin-bottom: 0!important;
}

.text-bold{
    font-weight: bold;
}


/*h1,h2 home*/
.nav-tabContent h1, .nav-tabContent h2{
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
}

.site-content h1, .site-content h2{
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    letter-spacing: 0px !important;
    text-align: center !important;
    display: block !important;
    margin-bottom: 15px !important;
}


#contentCau .kqsx tr td span:not(:first-child) {
     border-top: unset;
     display: unset;
     width: unset;
 }
#contentCau .kqsx tr td, .kqsx tr td span {
    padding: unset;
    vertical-align: unset;
}

.lich-xs a {
    color: rgba(33, 43, 54, 1) !important;
}
.lich-xs a:hover, .lich-xs a:focus {
    color: rgba(0, 170, 89, 1) !important;
}

.h1-top h1{
    margin-bottom: 0!important;
    font-size: 13px;
    font-weight: 500!important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
}
.vh-bt td.active {
    background: var(--primary) !important;
    color: #fff !important;
}
.vh-bt td.active .num {
    color: #fff !important;
}


.kqsx-today {
    border: 2px solid var(--primary) !important;
    border-radius: 6px;
    overflow: hidden;
}

/*sửa*/
/*.p-title{*/
/*margin-top: 10px;*/
/*margin-bottom: -8px !important;*/
/*}*/
/*.kqsx-db .gr-primary, .gr-primary{*/
/*background: none !important;*/
/*color: #212529;*/
/*}*/
/*.gr-primary a{*/
/*font-weight: 400;*/
/*text-decoration: underline;*/
/*color: #212529;*/
/*}*/
/*.breadcrumb-table-title a{*/
/*border-bottom:0px !important;*/
/*}*/
/*.gr-primary{*/
/*padding-top: 0px !important;*/
/*}*/




/*bảng kq*/
.kqmb {
    width: 100%;
}

.txt-giai {
    width: 38px;
    padding: 4px 10px 4px 10px;
    font-weight: 700;
    font-size: 16px !important;
}
.kqmb .db .txt-giai {
    background: var(--primary) !important;
    color: #fff;
}
.kqmb tr td {
    border: 1px solid #e1e4e9
}

.kqmb .v-madb {
    font-size: 15px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0px;
    text-align: center;
    color: var(--primary);
    padding-top: 12px;
    display: block;
    padding-bottom: 10px;
}
.kqmb tr:nth-child(even) {
    background: rgba(186, 191, 199, 0.12);
}
span.v-gdb {
    font-weight: 700;
    line-height: 25px;
    align-items: center;
    text-align: center;
    color: rgba(255, 0, 0, 1);
}
.kqmb td {
    font-weight: 700;
    font-size: 24px;
    /*line-height: 21px;*/
    color: #0A0A0A;
    padding: 0px !important;
}

.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, .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 #e1e4e9;
}

.kqmb td.v-giai span[class^=v-g] {
    display: inline-block;
    width: 100%;
    min-width: 20px;
    padding: 6px 0;
    float: left;
}
.kqmb td.v-giai span[class^=v-g3-] {
    width: 33.33%;
}
.kqmb td.v-giai span[class^=v-g2-] {
    width: 50%;
}
.kqmb td.v-giai span[class^=v-g5-], .kqmb td.v-giai span[class^=v-g6-] {
    width: 33.33%;
}
table td, table th {
    font-size: 16px;
    text-align: center;
    /*line-height: 20px;*/
}
.kqmb td.v-giai span[class^=v-g7-] {
    width: 25%;
    /*line-height: 21px;*/
}
.kqmb .db .number, .kqmb .g7 .number {
    line-height: 40px;
    font-size: 34px;
    color: rgba(255, 0, 0, 1);
}
.kqmb td.v-giai span[class^=v-g4-] {
    width: 25%;
}
.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-3,.kqmb td.v-giai span.v-g4-2, .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;
}
.kqsx-today {
    border: 2px solid var(--primary) !important;
    border-radius: 6px;
    overflow: hidden;
}
.df-title {
    font-size: 18px;
    color: #ff5300;
    font-weight: 700;
    text-align: center;
}
h2.df-title {
    margin-bottom: 0.5rem !important;
}
.h-bcr {
    justify-content: center;
    color: var(--primary) !important;
    font-weight: 700;
}
.h-bcr a, .h-bcr span {
    color: var(--primary) !important;
    text-decoration: underline;
}
.breadcrumb-item+.breadcrumb-item::before {
    content: "\f054";
    font-family: 'FontAwesome';
    font-size: 10px;
}
.digits-form input[type="radio"] {
    width: 18px;
    height: 18px;
    border: 1.5px solid #D8D6DE;
    position: relative;
}
.digits-form  {
    text-align: left;
}
.digits-form label span {
    font-family: Arial;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left;
    margin-left: 10px;
    position: relative;
    top: -3px;
}

.digits-form label {
    margin-left: 30px;
    cursor: pointer;
}
.digits-form input:checked:before {
    border: 1px solid #00aa59;
    background-color: #00aa59;
    content: "";
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    transform: translate(-50%,-50%);
    border-radius: 99px;
}
.tbl-thongke {
    border-collapse: collapse;
}
.tbl-thongke td, .tbl-thongke th {
    padding: 5px 5px;
    font-weight: bold !important;
    font-size: 16px;
    border: 1px solid rgba(30, 30, 30, 0.12);
}
.tbl-thongke  {
    background: #FFFFFF;
    box-shadow: 0 5px 25px rgb(34 41 47 / 10%);
    padding: 0;
}

.tbl-thongke tr:nth-child(even) {
    background: rgba(186, 191, 199, 0.12);
}
.tbl-thongke td:first-child, .tbl-thongke th:first-child, .tbl-thongke .td-h {
    border-left: 0;
    width: 50px;
    padding: 0;
}
.tbl-thongke td:last-child, .tbl-thongke th:last-child {
    border-right: 0;
}
.tbl-thongke th {
    border-top: 0;
    text-align: center !important;
}
.tbl-thongke tr:last-child {
    border-bottom: 0;
}
.tk-truyenthong table {
    background: rgba(186, 191, 199, 0.12);
    width: 100%;
}
.tk-truyenthong table td {
    padding: 6px;
    border: 1px solid #2125291f;
}
.v-card-header {
    padding: 15px;
    text-align: center;
}
.v-card-header {
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid rgba(186, 191, 199, 0.12);
}
.red-text {
    color: #f00;
    font-weight: 700;
}
.purple-text{
    color: #212529;
}

.site-link {
    font-size: 14px !important;
    font-weight: 400;
    margin-top: 5px;
    text-decoration: underline;
}
.site-link a{
    font-size: 14px !important;
    font-weight: 500;
    color: rgba(99, 115, 129, 1) !important;
}
.site-link a + a:before {
    padding: 0 3px;
    color: #555;
    content: "/\00a0";
    display: inline-block;
}
.site-link2 {
    font-size: 15px;
    /* padding: 6px 16px; */
    width: 100%;
    float: left;
    font-weight: 600;
    text-decoration: underline;
    padding-top: 12px;
    display: block;
    padding-bottom: 6px;
}
.site-link2 a + a:before {
    padding: 0 3px;
    color: #555;
    content: "/\00a0";
    display: inline-block;
}
.site-link3 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 5px;
}
.site-link3 a + a:before {
    padding: 0 3px;
    color: #555;
    content: "/\00a0";
    display: inline-block;
}

.tbl-thongke-tinh td:first-child {
    width: 30px;
}
.text-left{
    text-align: left;
}

.kqmb .g7 .number {
    font-size: 27px;
}

.kqmb td {
    font-size: 24px;
}
.page-c .d-block .table>:not(caption)>*>*{
    padding: 0.5rem 0.5rem;
}
.devnul_table-fit_content{
    width: fit-content !important;
}
@media screen and (max-width: 633px) {
    .devnul_kqmb tr:nth-child(2) > td{
        display: none;
    }
    .kqmb td.v-giai span[class^=v-g4-]{
        width: 50%;
    }
    span.v-g4-0, .kqmb td.v-giai span.v-g4-1{
        border-bottom: 1px solid #e1e4e9;
    }
    .kqmb td.v-giai span.v-g4-2{
        border-left: none;
    }
}

.block {
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12);
}

.kqsx-mt tr td span {
    display: block;
    width: 100%;
    float: none;
    line-height: 35px;
    border-bottom: 1px solid #f0f0f2;
}
.bg-pr {
    background: rgba(115, 103, 240, 0.12);
}
.bg-pr th {
    padding: 8px;
    font-size: 14px;
    line-height: 22px;
    border: 1px solid rgb(241 223 223);
}
.kqsx-mt tr td:first-child, .kqsx-mt tr th:first-child {
    width: 45px;
    font-size: 16px;
}
.kqsx-mt tr td span:last-child {
    border-bottom: 0;
}
.kqsx-mt {
    table-layout: fixed;
    border-collapse: collapse;
}