.main-header { background-image: unset; background-color: var(--main-menu-bg-color); }
.copyright-wrap { background: var(--footer-copyright-bg-color); }
.footer-bg { background-image: unset; background-color: var(--footer-bg-color); padding-top: 65px; padding-bottom: 0px; }
.navbar-wrap ul li a { padding: 38px 26px }
.navbar-wrap ul li a::before { background: var(--main-menu-item-bg-color); }
.navbar-wrap ul li.show a::after { background: var(--main-menu-item-bg-color); }
.navbar-wrap ul li:hover > a::after { background: var(--main-menu-item-bg-color); }
.game-mange-bg { background-color: var(--content-bg-color); }
.navbar-wrap ul li.show > a { color: var(--main-menu-text-color); }
.section-title h2 { font-size: 28px; }

.copyright-text p { color: var(--white-text-color); }
.copyright-text p a { color: var(--white-text-color); }

.market { padding-left: 8px; padding-right: 8px; }

.navbar-wrap ul li > .submenu { background: var(--sub-menu-bg-color); border-color: var(--sub-menu-border-color); }

.coming-match-item { border: 3px solid var(--pools-card-border-color); border-radius: 9px; background-repeat: no-repeat; background-size: cover; }
.match-info-action { margin-top: unset; display: flex; justify-content: space-around; flex-wrap: wrap; }
.market_info { font-size: 13px; color: #FFF; font-weight: bold; }
.navbar-wrap ul li > .submenu li { width: 100%; }
.navbar-wrap ul li .submenu > li:hover > a { color: var(--sub-menu-text-color); }
.coming-match-info { background: #000000ab; padding: 13px 5px; border-radius: 6px; min-height: 245px; }
.coming-match-info h3 { font-size: 13px; text-shadow: 2px 2px black;}
.coming-match-info p { text-transform: uppercase; color: #FFF; font-weight: bold; text-shadow: 2px 2px black; }
.last_draw_dt { font-size: 10px; color: #FFF; font-weight: bold; line-height: unset; }
.last_draw_first { font-size: 25px; font-weight: bold; text-shadow: 2px 2px black; }
.match-info-action .btn { font-size: 9px; min-width: 74px; padding: 5px; margin-bottom: 7px; background: var(--pools-card-btn-bg-color); color: var(--pools-card-btn-text-color); border: 1px solid var(--pools-card-btn-border-color); }
.match-info-action .btn:hover { background: var(--pools-card-btn-hover-bg-color); color: #FFF; }
.match-info-action .btn:active { background: var(--pools-card-btn-bg-color) !important; color: #FFF; }
.pools_card_countdown {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    color: #e2e50f !important;
    font-size: 16px;
}

.section-title h2 span { color: var(--section-title-h3-span-color); }
.search_market { margin-bottom: 20px; }
.mean-container a.meanmenu-reveal { top: -15px }

.mean-container .mean-nav { background: unset; }
.mean-container .mean-nav ul li li a { opacity: 0.85; }
.footer-article-text p { color: #FFF; }
#scrollUp { background: var(--scroll-to-top-bg-color); color: #FFF; border-radius: 3px; }

.fa-caret-up:before { content: "\f0d8"; }
.prediction_primary_wrapper { padding: 15px; }

.footer-article-text { text-align: justify; }
.footer-article-text h3 { color: var(--section-title-h3-span-color); }

.prediction_primary_wrapper .table span { font-size: 13px; }

.paito_wrapper { padding: 10px; }
.paito_color { display: flex; width: 100%; align-items: center; }
.paito_color .btnClear { 
    width: 15%;
    background: #333;
    border-top: 3px solid var(--paito-color-selector-border);
    border-left: 3px solid var(--paito-color-selector-border);
    border-bottom: 3px solid var(--paito-color-selector-border);
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    padding: 2px 0;
    height: 31px;
    cursor: pointer;
}
.paito_color_selector { 
    width: 100%; 
    display: flex; 
    border-top: 3px solid var(--paito-color-selector-border);
    border-right: 3px solid var(--paito-color-selector-border);
    border-bottom: 3px solid var(--paito-color-selector-border);
    background-color: #FFF;
}
.paito_color_selector .color { width: calc(100% / 9); height: 25px; cursor: pointer; }
.paito_color_selector .color.selected { box-shadow: inset 0 0 0 2px #000; }
.paito_group { width: 100%; }
.paito_table { width: 100%; text-align: center; margin: 20px 0; }
.paito_table thead tr th {
    background-color: #2A5A8E !important;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 13px;
    border: 1px solid #AAA;
    color: #FFF;
}

.paito_table tbody { background-color: #FFF; color: #000; font-size: 10px; cursor: pointer; }
.paito_table tbody tr:nth-last-child(5n+1) td { background: #e8e4e7; }

.num, .numx { border: solid 1px #d9d9d9; }
.numx { color: #959595; }

.paito_search { margin: 20px 0; }
.btn_cs { cursor: pointer; }

.e1 { background-color: red !important; border-radius: 0; color: #fff; }
.k1 { background-color: green !important; border-radius: 0; color: #fff; }
.c1 { background-color: blue !important; border-radius: 0; color: #fff; }
.a1 { background-color: orange !important; border-radius: 0; color: #fff; }

.paito_color.fixed { position: fixed; top: 0; z-index: 9; }

.bg-table-title { background: var(--table-title-bg-color) !important; font-size: 1rem; text-transform: uppercase; font-weight: bold; text-shadow: 1px 2px #000; vertical-align: middle; color: var(--table-title-text-color); }
.livedraw_table .draw_result { font-size: 1rem; font-weight: 600; }
.title-style-two { padding-bottom: 20px; }

.register_login .btn {
    background: var(--register-login-btn-bg-color);
    color: var(--register-login-btn-text-color);
    padding: 15px 40px;
}
.register_login .btn:hover { background: var(--register-login-btn-bg-color-hover); color: var(--register-login-btn-text-color-hover); }
.livedraw_table_wrapper { padding: 15px; }
.history_table_wrapper { padding: 15px; }

.banner_wrapper .banner {
    border: 2px solid var(--banner-border-color);
    border-radius: 5px;
}

.page-control-bar-bottom, .dark { margin-top: 25px; justify-content: center; }
ul.page-numbers>li>a.current { background-color: var(--pagination-items-bg-color); cursor: auto !important; pointer-events: none; }
ul.page-numbers>li { padding: 4px 0; }
ul.page-numbers>li>a { width: 45px; font-size: 12px; text-align: center; }
ul.page-numbers { justify-content: center; align-items: center; }
ul.page-numbers,.nav-links,.page-links-inner {
    display: -webkit-box;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    flex-wrap: wrap
}

ul.page-numbers,.nav-links {
    -webkit-box-pack: center;
    justify-content: center
}

ul.page-numbers>li>a,ul.page-numbers>li>span,.nav-links>.page-numbers,.page-links-inner>a,.page-links-inner>span {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin: 0 4px;
    line-height: 1.25;
    color: #949cb0;
    background-color: #32383e;
    border: 0 solid #dee2e6;
    border-radius: 2px
}

ul.page-numbers>li>a:hover,ul.page-numbers>li>span:hover,.nav-links>.page-numbers:hover,.page-links-inner>a:hover,.page-links-inner>span:hover {
    z-index: 2;
    color: var(--pagination-items-text-color);
    text-decoration: none;
    background-color: var(--pagination-items-bg-color);
    border-color: #dee2e6
}

ul.page-numbers>li>a:focus,ul.page-numbers>li>span:focus,.nav-links>.page-numbers:focus,.page-links-inner>a:focus,.page-links-inner>span:focus {
    z-index: 2;
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

ul.page-numbers>li>a:not(:disabled):not(.disabled),ul.page-numbers>li>span:not(:disabled):not(.disabled),.nav-links>.page-numbers:not(:disabled):not(.disabled),.page-links-inner>a:not(:disabled):not(.disabled),.page-links-inner>span:not(:disabled):not(.disabled) {
    cursor: pointer
}

ul.page-numbers>li>a.current,ul.page-numbers>li>span.current,.nav-links>.page-numbers.current,.page-links-inner>a.current,.page-links-inner>span.current {
    z-index: 1;
    color: var(--pagination-items-text-color);
    border-color: var(--pagination-items-border-color);
    font-weight: 700
}

ul.page-numbers>li>a,ul.page-numbers>li>span,.nav-links>.page-numbers {
    margin-bottom: 15px
}

.livedraw_table .draw_result#first {
    font-size: 23px;
    font-weight: bold;
    color: yellow;
}

.livedraw_table td.first_label {
    vertical-align: middle;
}

.banner-item img { border: solid 2px var(--paito-banner-item-border-color); border-radius: 5px; }

.ol li { list-style: auto; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: 600; color: #FFF; }

@keyframes blink {
    50% {
      opacity: 0.0;
    }
}
.blink { animation: blink 1s step-start 0s infinite; }
.last_draw_first .onlive { width: 68px; }

.chart_wrapper { padding: 10px; width: 100%; }
.statistic_item { background: var(--statistic-item-bg); padding: 10px 15px; border-radius: 10px; }
.statistic_item_title { text-transform: uppercase; color: var(--statistic-item-title-color); margin-bottom: 10px; font-size: 20px; }

.shio_desktop { display: none; }
.shio_mobile { display: block; }

/* Small devices (tablets, 768px and up) */
@media only screen and (min-width: 768px){
    .paito_table thead tr th { font-size: 15px; }
    .paito_table tbody { font-size: 12px; }
    .paito_color .btnClear { font-size: 14px; }

    .coming-match-info h3 { font-size: 23px; }
    .coming-match-info { padding: 23px 15px; }
    .last_draw_first { font-size: 38px; }
    .last_draw_dt { font-size: 14px; }
    .match-info-action .btn { padding: 10px; font-size: 12px; min-width: 113px;}
    .last_draw_first .onlive { width: 100px; }
    .shio_mobile { display: none; }
    .shio_desktop { display: block; }
}

/* Large devices (desktops, 992px and up) */
@media only screen and (min-width: 992px){
    
}