/*******************************
FONTS
********************************/


/* GLOBAL */

/*
#sidr {
    display: none;
}
*/

.sidr.left {
    left: -260px;
    right: auto;
    text-transform: uppercase;
}

body {
    /* background-image: url('../images/bg_img_top.jpg'); */
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    background-color: #000000;
    color: #fff !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    line-height: 1.6;
}

#wrapper {

    width: 100%;
    margin: 0 auto;
}

p {
    /*margin: 5px 0;*/
    /*line-height: 25px;*/
}

h1, h2, h3, h4, h5, h6 {

    margin: 0;
}

a {
    text-decoration: none;
    color: inherit;
    transition: color .5s ease;
    color: #fff !important;
}

strong {
    font-weight: bold;
}


.bg-black {
    background-color:#000000;
}

.bg-gold {
    background-color:#fdb812;
}
.bg-gold-red {
    background-color:#e93c00;
}
.container {
    width: 1000px !important;
}
.text-orange {
    color:#f16223 !important;
}


.btn-login {
    --bs-btn-color: #fff;
    --bs-btn-bg: #39b54a;
    --bs-btn-border-color: #39b54a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #39b54a;
    --bs-btn-disabled-border-color: #39b54a;
}

.btn-d {
    --bs-btn-color: #fff;
    --bs-btn-bg: #39b54a;
    --bs-btn-border-color: #39b54a;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #157347;
    --bs-btn-hover-border-color: #146c43;
    --bs-btn-focus-shadow-rgb: 60,153,110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #146c43;
    --bs-btn-active-border-color: #13653f;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #39b54a;
    --bs-btn-disabled-border-color: #39b54a;
}
header {
    position: relative;
    margin: 8px auto 0 auto;
    background-color:#0e143e;

}

#hotinfo .hotInfo_info_mobile,
header .responsive_menu,
header #logIn_form.login_mobile,
.login_container,
#contactUs #image-gallery,
nav ul li.liveChatMenu {
    display: none;
}




header #logo {
    display: inline-block;
    width: 300px;
    padding: 14px 0 0px;
}

header #logo img {
    width: 100%;
}



nav {
    text-align: center;
    font-size: 13px;
    background-color: #8f0507;
}

nav ul, #main_game ul {
    list-style: none;
    color: #000;
    padding: 10px 0px 10px 10px;
}

nav ul li, #main_game ul li {
    display: inline-block;
    padding: 0px 15px 0px 17px;
}

nav ul li a {
    text-transform: uppercase;
    transition: all .25s ease;
    color: #fff!important;
    letter-spacing: 1px;
    font-size: 16px;
    font-weight: 900;
    padding-bottom: 5px;
}

nav ul li a:hover {
    color: #fedbbd!important;
}

nav ul {
    padding: 5px !important;
}

nav ul li ul.sub {
    display: none;
    position: absolute;
    z-index: 99999;
    margin: 3px 0 0px -21px;
    border-radius: 0;
    width: 159px;
}

nav ul li ul.sub li {
    display: none;
    display: list-item;
    background-color: #8f0507;
    text-align: left;
    padding: 7px 10px 2px 15px;
}

nav ul li:hover>ul {
    display: block;
}

nav ul.menuMember li a {
    font-size: 12px;
}

nav ul.menuMember li {
    padding: 0px 10px 0px 15px;
}

.home-highlight img.popular-game {
    width: 94.6% !important;
    padding-top: 8px;
}
.content_background {
    /* background-color:#0e143e; */
    background-image: url(../images/bg_img_top.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
}
.home-content a {
    color:#fdb812 !important; 
}
.home-menu a  {
    color:black  !important;
}

#user_content #arrow_down {
    background-image: url(../../user_img/arrow_down.png);
    width: 10px;
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 10px;
}

#user_content a.account {
    cursor: pointer;
}
/* 
#user_content .submenu {
    background: #fff;
    position: absolute;
    top: 48px;
    /* text-align: center; */
    left: 100px;
    z-index: 100;
    width: 135px;
    display: none;
    margin-left: 56px;
    /* padding: 40px 0 5px; */
    border-radius: 6px;
    box-shadow: 0 2px 8px rgb(0 0 0 / 45%);
} */

#user_content {

    /* position: absolute; */
    /* bottom: 0; */
    /* right: 0; */
}


#main_game {
    font-family: 'Play', sans-serif;
    font-weight: 700;
    font-size: 28px;
    padding-left: 30px;
    text-align: center;
}

#main_game ul li a {
    background: #34BB00;
    background: -webkit-radial-gradient(circle farthest-corner at center center, #34BB00 0%, #2a6900 50%, #329E00 100%);
    background: -moz-radial-gradient(circle farthest-corner at center center, #34BB00 0%, #2a6900 50%, #329E00 100%);
    background: radial-gradient(circle farthest-corner at center center, #34BB00 0%, #2a6900 50%, #329E00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#main_game ul li a:hover {
    -webkit-text-stroke: 2px #ffc20e;
    -webkit-text-fill-color: transparent;
}

#main_game ul {
    padding: 5px 0px 5px 10px;
}

/* 
#hotinfo {
    padding: 10px 0;
    margin-top: -11px;
} */

#hotinfo div {
    display: inline-block;
    margin-top: 6px;
}
/* 
#hotinfo .hotInfo_info {
    display: initial;
    padding-right: 20px;
    font-weight: 700;
    vertical-align: top;
    padding-left: 9px;
} */

#hotinfo .hotinfo_txt {
    width: 90%;
}

#register {
    top: 10px;
    width: 15%;
    float: right;
    padding-right: 10px;
    padding-bottom: 5px;
}

#register img {
    width: 100%;
}

#day_time {
    color: #fff;
    /* position: absolute;*/
    font-size: 10px;
    letter-spacing: 1.2px;
    /*float: left;*/
    margin-top: 7px;
    margin-bottom: 2px;
    /*font-family: 'LaoUIb Bold', sans-serif;*/
    min-height: 20px;

}

#chat_icon {
    background-image: url('../images/chat_icon.png');
    width: 40px;
    height: 20px;
    background-position: 50% 100%;
    background-size: contain;
    display: inline-block;
    background-repeat: no-repeat;
    margin-bottom: -4px;
}

.toggleMobile {
    display: none;
}

#mobileMenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: none;
}

#mobileMenu ul li {
    display: block;
    background-color: #24160D;
    color: #fff;
    padding: 12px 0;
    letter-spacing: 0.1em;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #6C3B18;
}



/* SPACER */

#spacer {
    width: auto;
    height: 40px;
    position: relative;
    font-family: 'Open Sans', sans-serif;
    ;
    color: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

#spacer div.contact_num ul {
    margin: 9px 8px 10px 30px;
    display: inline-block;
    height: 21px;
    border-right: 2px solid #fff;
}

#contactUs div.contact_num ul li {
    display: inline-block;
    margin-right: 22px;
    /*margin-top: 4px;*/
    font-size: 13px;
}

#spacer div.contact_num ul li p {
    margin: 0px 0px 0px 0;
    float: right;
    line-height: 12px;
    font-size: 9px;
}

#contactUs .lSSlideOuter .lSPager.lSpg {
    margin-top: -25px !important;
}

#contactUs .lSSlideOuter {
    /* border: 2px solid #0e7e9f; */
}
/* 


#contactUs .contactusChat {
    padding-top: 15px;
    padding-bottom: 2px;
    padding-left: 20px;
    text-align: center;
    font-size: 14px;
} */
#contactUs .contactusChat a {
    color:black !important;
}

#contactUs.home-menu .contactusChat a  {
    color:white !important
}
#contactUs .contactusChat a:hover,
#contactUs .contactusChat a.active
 {
    color:#f16223 !important;
}

#whatsapp {
    background-image: url("../images/WhatsApp_Logo_1.png");
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 6px 0px 0px;
}

#blackberry {
    background-image: url("../images/blackberry_logo.png");
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0px 6px 0px 14px;
}

div.contact_num {

    font-size: 14px;
}

div.webticker_content {
    width: 84%;
    margin-left: 137px;
    font-family: 'LaoUIb Bold', sans-serif;
}

#boxcontent {
    color: #fff;
    width: auto;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 17px;
    /* padding: 4px 0 45px 0;*/
}

#boxcontent article {
    /*float: left;*/
    margin-right: 16px;
    /* margin-left: 10px; */
    font-size: 14px;
    text-align: center;
    margin-bottom: 25px;
    display: inline-block;
    width: 300px;
    vertical-align: top;
}

#boxcontent article.4D:last-child {
    margin-right: 0px;
}

#boxcontent article img {
    width: 65px;
}


#boxcontent .togelResult {

    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 532px;
    float: left;
    z-index: -1;
    font-size: 19px;
    font-weight: 600;

}

#boxcontent .togelResult .livegameResult {
    padding-left: 60px;
    padding-top: 60px;
}



#boxcontent .togelResult .resultNo {
    width: 90%;
    margin-left: 30px;
    padding-top: 20px;
    line-height: 0.9;

    background-repeat: repeat-x;
    background-position: bottom;
    height: 44px;
    background-size: 100% 2%;
}

#boxcontent .togelResult .resultNo.lastRecord {
    background-image: none;
}

#boxcontent .togelResult .resultNo .dateCountry {
    float: left;
}

#boxcontent .togelResult .dateCountry span {
    font-size: 13px;
    font-weight: 300;
    float: left;
}

#boxcontent .togelResult .resultNo .no {
    float: right;
    margin-top: 11px;
    position: absolute;
    padding-left: 263px;
    margin-top: 3px;
}




#boxcontent .liveGame {
    background-image: url("../images/bg_livegame.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 657px;
}



div.result_box {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    width: 300px;
    height: 216px;
    z-index: 99;
    -webkit-background-size: contain;
}

#boxcontent div.result_box .flagIcon {
    padding-top: 28px;
}

#boxcontent div.result_box .flagIcon span.flag img {
    height: 35px;
    width: auto;
    display: inline-block;
}

#boxcontent div.result_box .flagIcon span.flag_logo img {
    display: inline-block;
    height: 45px;
    width: auto;
}


#boxcontent div.result_box {
    background-image: url("../images/4d_bg_new.png");
    text-align: center;
}

div.result_box .hasilLengkap {
    padding-top: 2px;
    font-style: italic;
}



#TOTO div.result_box .hasilLengkap {
    margin-top: -2px;
}

div.result_box .hasilLengkap img {
    width: 100px !important;
    display: inline-block;
}

div.result_box h4 {
    /*padding-top: 33px;*/
    font-size: 18px;
}



div.result_box p {
    margin-top: 7px;
}

#TOTO div.result_box .resultDetails p {
    margin-top: 10px;
}



div.result_box ul {
    list-style: none;
    margin-bottom: 5px;
}

div.result_box ul li {
    /* background-image: url("../images/result_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; */
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-top: -3px;
    margin-left: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
    border: 1px solid #fff;
}

div.result_box ul li p {
    padding: 3px;
    margin: 0;
    font-size: 15px;
    color: #fff;
}

div.result_box ul.toto li {

    background-image: none;
    background-color: green;
    width: 23px;
    margin-bottom: 2px;

}

div.result_box ul.toto li.addNo {

    background-color: red;


}

div.result_box ul.toto li p {
    padding: 3px;
    margin: 0;
    font-size: 15px;
    color: white;
}

div.result_box a {
    color: #fff !important;
    margin-top: 5px;
    font-size: 14px;
}

div.result_box a:hover {
    color: #0d6f94 !important;

}

#games,
#home_aboutus {
    padding-top: 15px;
}

#games img {
    width: 100%;
    margin-bottom: 13px;
    border: 1px solid #ffd896;
}

#home_aboutus img {
    width: 100%;
}



#mobileMenu a:hover {
    color: #F9C22F;
}


section.container,
section.latestTransaction {
    clear: both;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

section.latestTransaction {
    padding-left: 10px;
    padding-top: 10px;

}


section.latestTransaction .imageLatest {
    display: inline-block;
    width: 20%;

}

section.latestTransaction .latestResult {
    display: inline-block;
    width: 79%;

}

section.latestTransaction .latestResult marquee {
    height: 150px;
    border: 1px solid #ed6f1f;
    padding: 10px 28px;
    color: #c3c3c3;
    width: 170px;
    padding-left: 50px;
}

section.latestTransaction .latestResult marquee p {
    border-bottom: 1px solid #6d6e71;
    padding-bottom: 5px;
}

section.latestTransaction .latestResult .latestBox {
    display: inline-block;
    width: 32%;
    text-align: center;
    padding-left: 8px;
}

section.latestTransaction .title {
    font-family: 'LaoUIb Bold', sans-serif;
    width: 160px;
    display: inline-block;
    color: #ed6f1f;
    font-size: 18px;
}


/* MISC */
.clear {
    clear: both;
}

.hidden {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    /* IE6 & 7 */
    clip: rect(1px, 1px, 1px, 1px);
}

.logIn_btn {
    background: red;
    background: -webkit-linear-gradient(right, #9F4F26, #F7BD2D);
    background: -o-linear-gradient(left, #9F4F26, #F7BD2D);
    background: -moz-linear-gradient(left, #9F4F26, #F7BD2D);
    background: linear-gradient(to left, #9F4F26, #F7BD2D);
    font-weight: 100;
    margin-bottom: 11px;
}
.btn-outline-togel {
    --bs-btn-color: #2075b2;
    --bs-btn-border-color: #2075b2;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #2075b2;
    --bs-btn-hover-border-color: #2075b2;
    --bs-btn-focus-shadow-rgb: 13,110,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #2075b2;
    --bs-btn-active-border-color: #2075b2;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #2075b2;
    --bs-btn-disabled-bg: transparent;
    --bs-gradient: none;
}


#login {
    /* background-image: url(http://localhost/probet4d/assets/web/css/../images/login_bg.png); */
    height: 76px;
    background-size: cover;
    /* max-width: 1000px; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 7px;
}

#step {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 12px;
}

#logIn_form,
#user_content {
    float: right;
    display: inline-block;
    margin-bottom: 9px;

}

#logIn_form p {
    font-size: 11px;
    margin: 0;
}


#logIn_form input,
#logIn_form #captcha,
.login_container input,
.login_container #captcha,
.promosi_content input,
.promosi_content #captcha,
div.daftar_content div.reg_form #submit,
div.daftar_content div.reg_form input,
div.daftar_content div.reg_form select {
    /* padding: 6px 10px; */
    border-style: none;
    /* background-color: white; */
    /* border: 1px solid #34c700; */
    margin-right: 5px;
    /* color: #fff; */
    width: 150px;
    /* border-radius: 9px; */
}

#logIn_form .btn-width {
    width:100px;
}
#logIn_form .login_middle {
    display: inline-block;
}

#logIn_form .login_last {
    float: right;
    margin-top: 6px;
}

#logIn_form .btnSubmit,
#logIn_form .btnRegister,
.login_container .btnSubmit,
.promosi_content .btnSubmit,
div.daftar_content div.reg_form #submit {
    background-size: cover;
    width: 103px;
    border-bottom: 0;
    background-color: #2075b2;
    color: white;
    font-style: inherit;
    font-weight: 700;
}

#logIn_form img {
    width: 80px;
    margin-bottom: -12px;
    margin-right: 5px;
    height: 34px;
}

#logIn_form .login_middle img {
    width: 20px;
    height: 20px;

}

#logIn_form .login_middle #captcha,
.login_container #captcha,
.promosi_content #captcha {
    width: 83px;
}

#logIn_form .login_middle img.menu_captcha,
.login_container img.menu_captcha,
.promosi_content img.menu_captcha {
    width: 60px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #efefef;
}

#logIn_form .login_middle img.menu_captcha,
.login_container img.menu_captcha,
.promosi_content img.menu_captcha,
div.daftar_content div.reg_form img {
    height: 30px;
    width: 80px;
    border-radius: 6px;
}

.promosi_content img.menu_captcha {
    vertical-align: bottom;
}

.promosi_content input {
    width: 300px;
}

#logIn_form a {
    background: red;
    background: -webkit-linear-gradient(right, #9F4F26, #F7BD2D);
    background: -o-linear-gradient(left, #9F4F26, #F7BD2D);
    background: -moz-linear-gradient(left, #9F4F26, #F7BD2D);
    background: linear-gradient(to left, #9F4F26, #F7BD2D);
    font-weight: 100;
    padding: 8px 13px 5px 13px;
    border: 1px solid #DCDDDE;
    font-size: 11px;
    color: #000 !important;
}



div.dropdown {
    background: #FFF;
    float: left;
}

div.dropdown ul {
    text-align: center;
}

div.dropdown ul li {
    float: left;
    display: inline;
}

div.dropdown ul li:hover {
    background: #E6E6E6;
}

div.dropdown ul li a {
    display: block;
    padding: 15px 25px;
    color: #444;
}

div.dropdown ul li ul {
    position: absolute;
    width: 110px;
    background: #FFF;
}

div.dropdown ul li ul li {
    width: 110px;
}

div.dropdown ul li ul li a {
    display: block;
    padding: 15px 10px;
    color: #444;
    border-bottom: 1px solid #000;
}

div.dropdown ul li ul li:hover a {
    background: #666;
}

div.dropdown ul li ul.fallback {
    display: none;
}

div.dropdown ul li:hover ul.fallback {
    display: block;
}










ul#contact {
    position: fixed;
    margin: 0px;
    padding: 0px;
    top: 340px;
    right: 0;
    list-style: none;
    z-index: 999999;
    width: 60px;

}

ul#contact li {
    width: 103px;
    display: inline;
    float: left;
}

ul#contact li a {
    display: block;
    float: left;
    margin-top: -2px;
    width: 100px;
    height: 25px;
    /*    background-color: #E7F2F9;*/
    background-repeat: no-repeat;
    background-position: 50% 10px;
    /*    border: 1px solid #BDDCEF;*/
    text-decoration: none;
    text-align: center;
    padding-top: 80px;
}

ul#contact li a {
    display: block;
    float: left;
    margin-top: -192px;
    width: 240px;
    height: 560px;
    /* background-color: #000; */
    background-image: url("../images/float_banner_right.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 10px;
    /* border: 1px solid #BDDCEF; */
    text-decoration: none;
    text-align: center;
    padding-top: 90px;
    -moz-border-radius: 0px 0px 10px 10px;
    /* -webkit-border-top-left-radius: 10px; */
    /* -webkit-border-bottom-left-radius: 10px; */
    -khtml-border-bottom-right-radius: 10px;
    -khtml-border-bottom-left-radius: 10px;
    /* opacity: 0.7; */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

ul#contact li a:hover {
    /*     background-color:#CAE3F2;*/
}

ul#contact li a span {
    letter-spacing: 2px;
    font-size: 11px;
    color: #60ACD8;
    text-shadow: 0 -1px 1px #fff;
}

table.resultview td {
    padding: 5px 0 5px 0;
}

table.resultview td.leftAlign {

    text-align: left !important;
}

table.resultview td.leftAlign.message {
    padding-right: 20px;
}


.resultview ul {
    margin: 0;
    float: none;

}

.resultview ul li {
    /* background-image: url("../images/result_bg.png"); */
    /* background-repeat: no-repeat; */
    /* background-position: center center; */
    /* background-size: contain; */
    width: 27px;
    height: 29px;
    padding: 5px;
    font-size: 15px;
    display: inline-block;
    color: white;
    border: 1px solid white;
    text-align: center;
    font-weight: 600;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.resultview ul li.green {
    background-image: url("../images/result_bg_green.png");
}

.resultview ul li.blue {

    background-image: none;
    background-color: green;
    width: 26px;
    margin-bottom: 10px;
    text-align: center;
    color: white;

}

.resultview ul li.addNo {

    background-image: none;
    background-color: red !important;
    width: 26px;
    margin-bottom: 10px;
    text-align: center;
    color: white;
    margin-left: 10px;


}


table.resultview td {
    padding: 5px 0 6px 0px;

}

table.resultview tr:nth-child(even) {
    background-color: rgba(204, 204, 204, 0.5);
}


#slideout {
    position: fixed;
    top: 170px;
    right: 0;
    width: 35px;
    padding: 12px 0;
    text-align: center;

    background: rgb(0, 0, 0);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    border-radius: 10px 0px 0px 10px;
    z-index: 999;
}

#slideout_inner {
    position: fixed;
    top: 170px;
    right: -180px;
    background: rgb(0, 0, 0);
    width: 130px;
    padding: 18px 25px 30px 25px;
    height: 163px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    text-align: left;
    /*-webkit-border-radius: 0 0 5px 0;
	-moz-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;*/
}

#slideout:hover {
    right: 180px;
}

#slideout:hover #slideout_inner {
    right: 60px;
}


.iosSlider {
    height: 600px !important;
}

#slides {
    width: 1000px !important;
    height: 265px !important;

}

.slidesjs-container {
    height: 265px !important;
}

.moneyback {
    width: 200px;
    float: left;
    padding-left: 13px;
}


.slick-next {
    right: -5px !important;
}

.slick-prev {
    left: -35px !important;
}

.sampleClass {
    float: left;
}

.display-desktop {
    display: block !important;
}

.display-mobile {
    display: none !important;
}

@media only screen and (max-width: 800px) {
    .sampleClass {
        float: none;
    }
}


.overlay {
    /* height: 100%; */
    width: 0;
    position: fixed;
    z-index: 99999;
    top: 0;
    right: 0;
    background-color: #161818;
    overflow-x: hidden;
    transition: 0.5s;
    margin-right: 0px;
    height: 100%;
  }
  
  /* Menu */
  .overlay-content {
    position: relative;
    width: 100%;
    margin-top: 50px;
    padding:20px 39px;
  }
  
  .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 15px;
    color: #c49a64;
    display: block;
    transition: 0.3s;
    padding: 4px 11px;
  }
  
  .overlay a:hover, .overlay a:focus {
    background-color: #e4dbd4;
  }
  
  .overlay .closebtn {
    position: absolute;
    top: -5px;
    right: 14px;
    font-size: 47px;
    /* display: none; */
  }
  

  .footer_menu_fix {
    background-color:#f16223;
    z-index:999999;
  }

  .btn-home-button {
    

    --bs-btn-color: #fff;
    --bs-btn-bg: #f16223;
    --bs-btn-border-color: #f16223;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #cd3f0d;
    --bs-btn-hover-border-color: #cd3f0d;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #cd3f0d;
    --bs-btn-active-border-color: #cd3f0d;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f16223;
    --bs-btn-disabled-border-color: #f16223;
}

.lSSlideOuter .lSPager.lSpg > li a {
    background-color: #ffffff !important;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a {
    background-color: #ff0000 !important;
}
.slider.game_slider div {
    padding:2px 15px 2px 4px;
}
.slider.game_slider div img {
    width:80px !important;
}
.menu_bottom  img {
    width:90px !important;
}
.menu_bottom a {
    font-size:14px;
} 

#reportrange {
    cursor: pointer; 
    padding: 5px 10px; 
    border: 1px solid #ccc; 
    background-color:white;
    color:black;
    width:100%;
}

.daterangepicker td, .daterangepicker th,
.daterangepicker .input-mini,
#reportrange .svg-inline--fa {
    color:black;
    font-size:12px;
}
.daterangepicker .daterangepicker_input i {
    top: 0px !important;
}

.datepicker td,
.datepicker th {
    color: black;
    font-size: 12px;
    padding: 3px;
    text-align: center;
}
.datepicker td.active {
    background-color:#4cceff;
}