:root .custom-slider-1 {
    --wp--style--global--content-size: 220px;
    --swiper-navigation-sides-offset: 0;
}

/* =========================================================
   KQXS SHORTCODE CSS – SAFE MODE (ANTI THEME OVERRIDE)
   Author: Widgets WP
========================================================= */

/* ========== GLOBAL RESET IN SCOPE ========== */
.tm12,
.tm12 * {
    box-sizing: border-box !important;
    margin: 0;
    padding: 0;
}

.tm12 table {
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.tm12 img {
    max-width: none !important;
    height: auto !important;
}

.tm12 a {
    text-decoration: none !important;
    /*color: inherit !important;*/
}

.tm12 ul,
.tm12 ol {
    list-style: none !important;
}

.tm12 input,
.tm12 select,
.tm12 button {
    font-family: Arial, Helvetica, sans-serif !important;
    outline: none !important;
}

/* =========================================================
   SLIDER / PRICE / EXCHANGE
========================================================= */

.tm12 :root .custom-slider-1 {
    --wp--style--global--content-size: 220px !important;
    --swiper-navigation-sides-offset: 0 !important;
}

.tm12 .header-price-title {
    color: #F1A112 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    margin-right: auto !important;
    text-transform: uppercase !important;
    flex: 0 0 40px !important;
    max-width: 40px !important;
}

.tm12 .box-slider {
    display: inline-flex !important;
    gap: 6px !important;
    padding: 4px 4px 4px 8px !important;
    border: 1px solid #E6E6E6 !important;
    background-color: #ffffff !important;
    width: 280px !important;
    border-radius: 4px !important;
}

.tm12 .box-slider.exchange-slider {
    width: 300px !important;
}

.tm12 .box-slider.exchange-slider .header-price-title {
    color: #0EAC6D !important;
}

.tm12 .custom-slider-1 {
    flex: 0 0 230px !important;
    max-width: 230px !important;
    overflow: hidden !important;
}

/* =========================================================
   KQXS TABLE
========================================================= */

.tm12 .kqxs-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: Arial, Helvetica, sans-serif !important;
    background: #fff !important;
    font-size: 14px !important;
}

.tm12 .kqxs-table td {
    border: 1px solid #dcdcdc !important;
    padding: 6px !important;
    vertical-align: middle !important;
}

.tm12 .kqxs-table tr:nth-child(even) {
    background-color: #F3F3F3 !important;
}

/* Prize */
.tm12 .kqxs-table .prize {
    width: 70px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #333 !important;
    white-space: nowrap !important;
}

/* Number */
.tm12 .kqxs-table span {
    color: #0b0b0b !important;
    display: inline-block !important;
    min-width: 48px !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border-radius: 2px !important;
}

.tm12 .xs-red {
    color: #800000 !important;
    font-size: 20px !important;
}

/* =========================================================
   FILTER / BUTTON
========================================================= */

.tm12 .kqxs-filter {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
}

.tm12 .kqxs-filter select,
.tm12 .kqxs-filter input[type="date"] {
    height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid #ccc !important;
    font-size: 14px !important;
}

.tm12 #kqxs-submit {
    height: 36px !important;
    padding: 0 14px !important;
    background: linear-gradient(to bottom, #e53935, #c62828) !important;
    color: #fff !important;
    border: 1px solid #b71c1c !important;
    font-weight: bold !important;
    cursor: pointer !important;
}

/* =========================================================
   LOADER
========================================================= */

.tm12 .xloader {
    display: inline-flex !important;
    gap: 8px !important;
}

.tm12 .xloader i {
    width: 8px !important;
    height: 8px !important;
    background: red !important;
    border-radius: 50% !important;
    animation: xdot 1.2s infinite ease-in-out !important;
}

/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 600px) {
    .tm12 .kqxs-table span {
        min-width: 40px !important;
        font-size: 14px !important;
    }
}

.tm12 {

}

.tm12 .header-price-title {
    color: var(--Mu-2-Mu-1-tab-2, #f1a112) !important;
    font-size: 14px !important;
    font-weight: bold !important;
    display: flex !important;
    align-items: center !important;
    margin-right: auto !important;
    text-transform: uppercase !important;
    flex: 0 0 40px !important;
    max-width: 40px !important;
}

.tm12 .box-slider {
    display: inline-flex !important;
    gap: 6px !important;
    padding: 4px 4px 4px 8px !important;
    border: 1px solid #e6e6e6 !important;
    background-color: #fff !important;
    width: 280px !important;
    border-radius: 4px !important;
}

.tm12 .box-slider.exchange-slider {
    width: 300px !important;
}

.tm12 .box-slider.exchange-slider .header-price-title {
    color: #0eac6d !important;
}

.tm12 .custom-slider-1 {
    flex: 0 0 230px !important;
    max-width: 230px !important;
    overflow: hidden !important;
}

.tm12 .box-slider.exchange-slider .custom-slider-1 {
    flex: 0 0 250px !important;
    max-width: 250px !important;
}

.tm12 .custom-slider-1 .swiper-button-prev, .tm12 .custom-slider-1 .swiper-button-next {
    background: #f3f3f3 !important;
    border-radius: 2px !important;
    width: 20px !important;
}

.tm12 .custom-slider-1 .swiper-button-prev .swiper-navigation-icon, .tm12 .custom-slider-1 .swiper-button-next .swiper-navigation-icon {
    width: 6px !important;
    color: #141414 !important;
}

.tm12 .custom-slider-1 .swiper-button-next, .tm12 .custom-slider-1 .swiper-button-prev {
    color: #141414 !important;
}

.tm12 .group--line {
    padding: 0 30px !important;
}

.tm12 .item-line {
    display: flex !important;
    gap: 5px !important;
    align-items: center !important;
}

.tm12 .item-line > div {
    font-size: 10px !important;
    padding: 2px !important;
    min-width: 72px !important;
}

.tm12 .item-line > div:first-child {
    width: 20px !important;
    min-width: 20px !important;
    color: #141414 !important;
    font-weight: bold !important;
}

.tm12 .item-line > div span {
    font-weight: bold !important;
}

.tm12 .kqxs-table {
    width: 100% !important;
    border-collapse: collapse !important;
    font-family: Arial, Helvetica, sans-serif !important;
    background: #fff !important;
    font-size: 14px !important;
    margin-bottom: 0 !important;
}

.tm12 .kqxs-table td {
    border: 1px solid #dcdcdc !important;
    padding: 6px !important;
    vertical-align: middle !important;
}

.tm12 .kqxs-table .prize {
    width: 70px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: bold !important;
    /*background: #f5f5f5!important;
    */
    color: #333 !important;
    white-space: nowrap !important;
}

.tm12 .kqxs-table .r-c {
    display: flex !important;
    flex-wrap: wrap !important;
}

.tm12 .kqxs-table .r-item {
    box-sizing: border-box !important;
    /*padding: 3px!important;
    */
}

.tm12 .r-c-12 {
    width: 100% !important;
}

.tm12 .r-c-6 {
    width: 50% !important;
}

.tm12 .r-c-4 {
    width: 33.3333% !important;
}

.tm12 .r-c-3 {
    width: 25% !important;
}

.tm12 .j-c-c {
    justify-content: center !important;
}

.tm12 .kqxs-table span {
    display: inline-block !important;
    min-width: 48px !important;
    /*padding: 5px 6px!important;
    */
    /*border: 1px solid #e1e1e1!important;
    */
    /*background: #fff!important;
    */
    font-weight: bold !important;
    font-size: 16px !important;
    border-radius: 2px !important;
}

.tm12 .kqxs-table .xs-red {
    color: #800000 !important;
    font-size: 20px !important;
}

.tm12 .xs-center {
    text-align: center !important;
}

.tm12 .kqxs-table .group-c {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.tm12 .kqxs-table span:hover {
    background: #fff5f5 !important;
    border-color: #d60000 !important;
}

@media (max-width: 600px) {
    .tm12 .kqxs-table span {
        min-width: 40px !important;
        font-size: 14px !important;
        padding: 4px !important;
    }

    .tm12 .kqxs-table .prize {
        width: 70px !important;
        font-size: 13px !important;
    }
}

.tm12 .kqxs--heading {
    border-radius: 10px 10px 0 0 !important;
    background: #820000 !important;
    background: linear-gradient(0deg, rgba(130, 0, 0, 1) 0%, rgba(252, 0, 0, 1) 100%) !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 16px !important;
    text-align: center !important;
    padding: 10px 8px !important;
    text-transform: uppercase !important;
    border-bottom: 1px solid #b71c1c !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 600px) {
    .tm12 .kqxs--heading {
        font-size: 14px !important;
        padding: 8px 6px !important;
    }
}

.tm12 .kqxs-filter {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    /*background: #f8f8f8!important;
    */
    /*border: 1px solid #dcdcdc!important;
    */
    /*padding: 10px!important;
    */
}

.tm12 .kqxs-filter select, .tm12 .kqxs-filter input[type="date"] {
    height: 36px !important;
    padding: 0 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    background: #fff !important;
    cursor: pointer !important;
}

.tm12 .kqxs-filter select:focus, .tm12 .kqxs-filter input[type="date"]:focus {
    outline: none !important;
    border-color: #c62828 !important;
}

.tm12 #kqxs-submit {
    height: 36px !important;
    padding: 0 14px !important;
    background: linear-gradient(to bottom, #e53935, #c62828) !important;
    color: #fff !important;
    border: 1px solid #b71c1c !important;
    border-radius: 2px !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}

.tm12 #kqxs-submit:hover {
    background: linear-gradient(to bottom, #ef5350, #d32f2f) !important;
}

.tm12 #kqxs-result {
    font-size: 14px !important;
    color: #333 !important;
}

@media (max-width: 600px) {
    .tm12 .kqxs-filter {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .tm12 .kqxs-filter select, .tm12 .kqxs-filter input[type="date"], .tm12 #kqxs-submit {
        width: 100% !important;
    }
}

.tm12 .drc {
    display: flex !important;
    flex-direction: column !important;
}

.tm12 .type--T .kqxs-table td, .tm12 .type--N .kqxs-table td {
    text-align: center !important;
}

.tm12 .type--T thead td, .tm12 .type--N thead td {
    font-weight: bold !important;
    font-size: 20px !important;
}

.tm12 .prize_8_cxf, .tm12 .prize_special_cxf, .tm12 .type--B .prize_7_cxf {
    color: #800000 !important;
    font-size: 18px !important;
}

.tm12 .nodata {
    text-align: center !important;
    padding: 5px !important;
}

.tm12 span.lote-viewmore {
    text-decoration: underline !important;
    color: #ce2c2b !important;
    cursor: pointer !important;
}

.tm12 .nodata.er {
    color: red !important;
}

.tm12 .gold-pill {
    display: inline-flex !important;
    align-items: center !important;
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 7px !important;
    padding: 6px 10px !important;
    font-size: 10px !important;
    font-family: Arial, sans-serif !important;
    gap: 10px !important;
    overflow: hidden !important;
}

.tm12 .gold-pill-left {
    font-weight: bold !important;
    color: #f39c12 !important;
    line-height: 1.5 !important;
    text-align: center !important;
}

.tm12 .gold-pill-viewport {
    width: 170px !important;
    overflow: hidden !important;
}

.tm12 .gold-pill-track {
    display: flex !important;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.tm12 .sl1 {
    display: flex !important;
    gap: 5px !important;
    align-items: stretch !important;
}

.tm12 .gold-pill-slide {
    min-width: 170px !important;
    margin-top: 3px !important;
}

.tm12 .gold-line {
    display: flex !important;
    gap: 10px !important;
    white-space: nowrap !important;
}

.tm12 .gold-k {
    font-weight: bold !important;
    min-width: 18px !important;
}

.tm12 .gold-pill-nav {
    display: flex !important;
    gap: 4px !important;
}

.tm12 .gold-btn {
    height: 100% !important;
    font-size: 24px !important;
    border-radius: 2px !important;
    background: var(--Mono-chrome-200, #f3f3f3) !important;
    width: 20px !important;
    justify-content: center !important;
    display: flex !important;
    align-items: center !important;
    cursor: pointer !important;
}

.tm12 .d-flex {
    display: -webkit-box !important;;
    display: -ms-flexbox !important;;
    display: flex !important;;
}

.tm12 .current-date {
    color: var(--Mu-1-text-2, #718093) !important;
    text-align: right !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
}

.tm12 .current-date .current-place {
    margin-bottom: 4px !important;
    margin-top: 2px !important;
    color: var(--Mono-chrome-900, #141414) !important;
    text-align: right !important;
    font-family: Inter !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 100% !important;
}

.tm12 img.icon-weather-img {
    width: 30px !important;
}

.tm12 .header-site-info .d-flex {
    gap: 11px !important;
    display: inline-flex !important;;
    align-items: center !important;
}

.tm12 .header-site-info {
    padding: 5px !important;
    margin: 0 !important;;
    display: inline-block !important;
    width: 250px !important;
    background-color: #fff !important;
}

.tm12 .current-date {
    text-transform: capitalize !important;
    color: var(--Mu-1-text-2, #718093) !important;
    text-align: right !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 16px !important;
}

.tm12 .current-date p {
    color: var(--Mono-chrome-600, #747474) !important;
    text-align: right !important;
    font-family: Inter !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    margin-bottom: 0 !important;
    margin-top: 3px !important;
}

.tm12 .current-place {
    font-weight: 600 !important;
    color: #2a3645 !important;
}

.tm12 .icon-separator {
    background: #dbe1e9 !important;
    width: 1px !important;
    height: 20px !important;
    margin-top: 2px !important;
}

.tm12 .weather-e {
    color: var(--Mu-1-text-1, #2a3645) !important;
    text-align: right !important;
    font-family: Inter !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
}

.tm12 .weather-e-text {
    letter-spacing: -1px !important;
}

.tm12 .weather-e-text-icon {
    width: 4px !important;
    height: 4px !important;
    border-radius: 100% !important;
    border: 1px solid #2a3645 !important;
    display: inline-block !important;
    position: relative !important;
    top: -6px !important;
}

.tm12 .only--item {
    margin-top: 20px !important;
    margin-bottom: 30px !important;
}

.tm12 .lmc {
    text-align: center !important;
}

.tm12 .lmc a.lottery-loadmore {
    font-size: 14px !important;
    color: red !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}

.tm12 tr.header-tt {
    background-color: #f7e9be !important;
}

.tm12 tr.header-tt {
    font-size: 14px !important;
    font-weight: bold !important;
}

.tm12 .s-red {
    color: #c00 !important;
    font-weight: bold !important;
}

.tm12 td.trr {
    text-align: right !important;;
}

.tm12 td.tll {
    text-align: left !important;;
}

.tm12 .colgiai {
    display: flex !important;
    margin-top: 10px !important;
    flex-wrap: wrap !important;
}

.tm12 .firstlast-mb {
    flex: 1 1 50% !important;
    border: 0 !important;
    border-collapse: collapse !important;
}

.tm12 .firstlast-mb td, .tm12 .firstlast-mb tr {
    border: 1px solid #e4e4e4 !important;
    text-align: center !important;
    padding: 3px 5px !important;
    line-height: 20px !important;
    font-size: 14px !important;
}

.tm12 .lottery-list-result * {
    font-family: Arial, Helvetica, sans-serif !important;;
}

.tm12 .filter-d-flex {
    display: flex !important;
}

.tm12 .filter--box {
    padding: 2px 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 30px !important;
    background-color: #f5e9c3 !important;
}

.tm12 .filter--box--left {
    flex: 0 0 200px !important;
    border-right: 1px solid #ccc !important;
}

.tm12 .filter-num {
    display: flex !important;
    justify-content: space-between !important;
}

.tm12 .filter-num a {
    border-right: 1px solid #ccc !important;
    padding: 5px !important;
    flex: 1 1 35% !important;
    text-align: center !important;
    line-height: 1.5 !important;
    color: #333 !important;
    text-decoration: none !important;;
}

.tm12 .filter--box--right {
    flex: 0 0 200px !important;
    border-left: 1px solid #ccc !important;
}

.tm12 .filter--box--center {
    flex: 1 1 calc(100% - 310px) !important;
}

.tm12 .filter--box--right {
    flex: 0 0 110px !important;
    display: flex !important;
    justify-content: center !important;
    justify-items: center !important;
    padding: 0 10px !important;
}

.tm12 .filter-num2 {
    justify-content: center !important;
    gap: 3px !important;
}

.tm12 .filter-num2 > div {
    flex: 0 0 28px !important;
    height: 28px !important;
    width: 28px !important;
    display: flex !important;
    align-content: center !important;
    justify-content: center !important;
}

.tm12 .filter-num2 > div a {
    width: 24px !important;
    height: 24px !important;
    display: block !important;
    border-radius: 50% !important;
    background: #757171 !important;
    background: radial-gradient(circle at 5px 5px, #f7f5f5, #31313a) !important;
    text-shadow: none !important;
    color: #fff !important;
    line-height: 24px !important;
    text-decoration: none !important;;
    text-align: center !important;
    font-size: 15px !important;
    margin: 3px auto !important;
}

.tm12 .filter-num2 > div a:hover, .tm12 .filter-num2 > div a.on {
    background: radial-gradient(circle at 5px 5px, gold, #001) !important;
}

.tm12 .filter-num a.on {
    color: #6e0000 !important;
    background-color: #ffc841 !important;
}

.tm12 .xaction b {
    color: #fff !important;
    font-size: 16px !important;
    padding: 1px !important;
    border-radius: 50% !important;
    box-shadow: 3px 3px 10px -2px rgba(0, 0, 0, .4) !important;
    font-weight: 400 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    background: radial-gradient(circle at 5px 5px, #56fdf8, #000) !important;
}

.tm12 .xaction b.ftc {
    background: radial-gradient(circle at 5px 5px, #41e241, #001) !important;
}

.tm12 .xaction b.fcb {
    background: radial-gradient(circle at 5px 5px, gold, #001) !important;
}

.tm12 .ftc-hidden {
    display: none !important;
}

.tm12 .antk {
    display: none !important;
    text-align: center !important;
}

.tm12 a.showloto.ftc-hiddenx .antk {
    display: block !important;
}

.tm12 a.showloto.ftc-hiddenx .hientk {
    display: none !important;
    text-align: center !important;
}

.tm12 a.showloto {
    line-height: 29px !important;
    color: #000 !important;
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;;
    outline: none !important;;
}

.tm12 a.showloto span, .tm12 .filter-num a {
    font-size: 12px !important;
}

.tm12 .kqxs-table tr:nth-child(even) {
    background-color: #f3f3f3 !important;
}

.tm12 .kq-box.ft-boxx {
    margin-bottom: 20px !important;
}

.tm12 .loto-list {
    display: flex !important;
    gap: 3px !important;
}

.tm12 .loto-box {
    flex: 1 !important;
}

.tm12 .sub-row {
    display: flex !important;
    justify-content: space-between !important;
}

.tm12 .sb1, .tm12 .sb3 {
    flex: 1 !important;
    padding: 2px 5px !important;
    line-height: 14px !important;
    font-size: 14px !important;
    text-align: center !important;
    border: 1px solid #ccc !important;
}

.tm12 .sub-row .tdr {
    text-align: center !important;
    font-weight: bold !important;
}

.tm12 .sb2 {
    flex: 0 0 30px !important;
    text-align: center !important;
    border: 1px solid #ccc !important;
    background-color: #e6e6e6 !important;
    padding: 2px 5px !important;
    font-weight: bold !important;
    line-height: 14px !important;
    font-size: 14px !important;
}

.tm12 .tfs {
    background: #ccc !important;
    text-align: center !important;
    font-weight: bold !important;
    color: #000 !important;
    padding: 4px !important;
    line-height: 20px !important;
    font-size: 16px !important;
}

.tm12 .lotoAction.ftc-hidden {
    display: none !important;
}

.tm12 .lottery--tab a {
    text-decoration: none !important;;
    text-align: center !important;
    background-color: #f2f2f2 !important;
    color: #000 !important;
    padding: 4px 5px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    border: 1px solid #bdbcbc !important;
    line-height: 1.5 !important;
    flex: 1 !important;
}

.tm12 .lottery--tab {
    display: flex !important;
    gap: 5px !important;
    justify-content: center !important;
}

.tm12 .lottery--date a {
    border-radius: 4px !important;
    background-color: #f2f2f2 !important;
    text-decoration: none !important;;
    width: 80px !important;
    height: 40px !important;
    text-align: center !important;
    color: #000 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    display: flex !important;
    border: 1px solid #bdbcbc !important;
    align-items: center !important;
    justify-content: center !important;
}

.tm12 .lottery--date {
    margin-top: 10px !important;
    display: flex !important;
    gap: 5px !important;
    justify-content: center !important;
}

table.kqxs-table thead td {
    color: #333333 !important;
}

.tm12 .lottery--date input {
    height: 40px !important;
    width: 170px !important;
    font-size: 16px !important;
    border: 1px solid #ccc !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    padding: 5px 16px !important;
    border-radius: 4px !important;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05) !important;
    color: var(--ast-form-input-text, #475569) !important;
}

.tm12 .filter--bar {
    margin-bottom: 40px !important;
}

.tm12 .lottery--tab a:hover, .tm12 .lottery--tab a.active, .tm12 .lottery--date a:hover, .tm12 .lottery--date a.active {
    background-color: #c00 !important;
    color: #fff !important;
}

.tm12 .xloader {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.tm12 .xloader i {
    width: 8px !important;;
    height: 8px !important;;
    background: red !important;
    /* đổi màu nếu cần */
    border-radius: 50% !important;
    opacity: 0.2 !important;
    animation: xdot 1.2s infinite ease-in-out !important;
}

.tm12 .xloader i:nth-child(1) {
    animation-delay: 0s !important;
}

.tm12 .xloader i:nth-child(2) {
    animation-delay: 0.15s !important;
}

.tm12 .xloader i:nth-child(3) {
    animation-delay: 0.3s !important;
}

.tm12 .xloader i:nth-child(4) {
    animation-delay: 0.45s !important;
}


@keyframes xdot {
    0%, 80%, 100% {
        opacity: 0.2 !important;
        transform: scale(1) !important;
    }
    40% {
        opacity: 1 !important;
        transform: scale(1.3) !important;
    }
}

.tm12 .lottery-check-box {
    width: 100% !important;
    max-width: 520px !important;
    width: fit-content !important;
    border: 2px solid #f39c12 !important;
    border-radius: 6px !important;
    background: #fffde7 !important;
    font-family: Arial, sans-serif !important;
}

.tm12 .lottery-check-header {
    background: linear-gradient(#fc0, #f90) !important;
    color: #000 !important;
    font-weight: bold !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid #f39c12 !important;
    border-radius: 4px 4px 0 0 !important;
}

.tm12 .lottery-check-body {
    padding: 12px !important;
}

.tm12 .lottery-check-body .row2 {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 8px !important;
    width: 100%;
    justify-content: space-between;
}

.tm12 .lottery-check-body .row2.kre {
    justify-content: center !important;
    margin-top: 15px !important;
    margin-bottom: 0 !important;
}

.tm12 .lottery-check-body label {
    font-weight: bold !important;
    font-size: 14px !important;
    white-space: nowrap !important;
    width: 50px;
}

.tm12 .lottery-check-body input, .tm12 .lottery-check-body select {
    height: 28px !important;
    padding: 2px 6px !important;
    border: 1px solid #ccc !important;
    border-radius: 3px !important;
    font-size: 14px !important;
    box-sizing: content-box !important;
}

.tm12 .lottery-check-body input {
    width: 180px !important;
}

.kre {
    justify-content: left;
}

.tm12 .lottery-check-body input.cd-search {
    width: 180px !important;
    font-size: 18px !important;
    line-height: 28px !important;
    letter-spacing: 4px !important;
}

.tm12 .lottery-check-box {
    min-width: 150px !important;
}

.tm12 .lottery-check-body select {
    width: 180px !important;
}

.tm12 .btn-check {
    padding: 6px 14px !important;
    border-radius: 16px !important;
    border: 1px solid #1f6fb2 !important;
    background: linear-gradient(#4db8ff, #007bff) !important;
    color: #fff !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4) !important;
}

.lottery-check-result > div {
    font-size: 14px !important;
}

.tm12 .btn-check:hover {
    background: linear-gradient(#66c2ff, #0069d9) !important;
}

@media (max-width: 600px) {
    .tm12 .filter--box {
        flex-wrap: wrap !important;
        height: auto !important;
    }

    .tm12 .filter--box--left, .tm12 .filter--box--right {
        flex: 0 0 100% !important;
        text-align: center !important;
    }
}