body {
    background-color:#000000;
}

html, body{
min-height: 100%;
height: auto !important;
height: 100%;
}

#navbarLoginRegister > li{
    padding:5px 5px;
}

#web_username, #web_password  {
    border:1px solid #ea8b67;
    font-size:12px;
    color:white;
    border-radius:5px;
    font-family:Arial;
    background-color:transparent;
    padding:2px 15px;
    width:110px;
}

.header {
    height: 40px;
    position: fixed;
    right: 50px;
    top: 6px;
    z-index: 9999;
}

.paddingheader {
    padding-top:82px;
}

.loginForm {
    display:inline;
    float:right;
    height:40px;
    padding-top:6px;
    width:100%;
}

.btnRegister {
    color:#000000;
    font-family:Arial;
    font-size:12px;
    background-color:#ffda2b;
    border-radius:5px;
    border:1px solid #ffed00;
    cursor:pointer;
    width:110px;
    padding:2px 0px;
}

.btnLogout{
    color:#000000;
    font-family:Arial;
    font-size:13px;
    background-color:#ffda2b;
    border-radius:5px;
    border:1px solid #ffed00;
    cursor:pointer;
    width:90px;
    margin-right:10px;
}

.btnLogout:hover{
    color:#000000;

    background: linear-gradient(#ffdd9c 0%,#ffc000 50%, #672c00 100%);
    background:-webkit-linear-gradient(#ffdd9c 0%,#ffc000 50%, #672c00 100%);
}
    
.btnRegister:hover {
    color:#000000;

    background: linear-gradient(#ffdd9c 0%,#ffc000 50%, #672c00 100%);
    background:-webkit-linear-gradient(#ffdd9c 0%,#ffc000 50%, #672c00 100%);
}

.btnLogin {
    color: #ffffff;
    font-family: Arial;
    font-size: 12px;
    background-color: #c60000;
    border-radius: 5px;
    border: 1px solid #ff925c;
    cursor: pointer;
    width:110px;
    padding:2px 0px;
    
}

.btnLogin:hover {
    color:#ffffff;
    background: linear-gradient(#ff925c 0%,#ff0000 50%, #670000 100%);
    background:-webkit-linear-gradient(#ff925c 0%,#ff0000 50%, #670000 100%);
}

.btnForgotPass {
    border:none;
    background-color:transparent;
    color: #ffda2b;
    font-family:Arial;
    font-size:15px;
    cursor:pointer;
}

.btnForgotPass:hover {
    text-decoration:underline;
}


.tbUserName, .tbPassword {
    border:1px solid #ea8b67;
    font-family:Arial;
    font-size:15px;
    color:#6a6664;
    border-radius:5px;
    padding:2px 10px;
    width:150px;
    background-color:transparent;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6a6664;
  font-family:Arial;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #6a6664;
  font-family:Arial;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #6a6664;
  font-family:Arial;
}
:-moz-placeholder { /* Firefox 18- */
  color: #6a6664;
  font-family:Arial;
}

.navbarStyle {
    background-color: #9a0000 !important;
}

.navbar-brand {
    padding-right: 20px;
}

ul li a {
    color: #ffffff;
    display: block;
    text-align: center;
    padding: 10px !important;
}


ul li a:hover{
    color:#ffffff;
    background: linear-gradient(#ff4200 0%,#bc0000 50%, #9a0000 100%);
    background:-webkit-linear-gradient(#ff4200 0%,#bc0000 50%, #9a0000 100%);
}

.navbar {
    padding:0 ;
}

.web_navbar {
    background-color: black;
    padding-top: 8px;
    padding-bottom: 3px;
}

.announcement {
    background-color: #690404;
    padding: 3px 0px;
}


.marqueeStyle {
    font-size: 16px;
    color: white;
    width: 95%;
    vertical-align: middle;
    margin-left: 10px;
}

.imgSpeakerContainer {
    vertical-align: middle;
    padding: 5px 10px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #b30404;
    display: inline;
}


.imgSpeakerContainer img{
    vertical-align: top;
    padding-top:6px;
}

.banner {
    padding-top: 56px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.bannerimg {
    width:100%;
}

.modal-body {
    border: none;
    background-color: #690404;
    color: white;
}

.modal-header {
    background-color: #9a0000;
    color: white;
    border: none;
}

.modal-footer {
    border: none;
    background-color: #9a0000;
    display: block;
}

.modal-content {
    border:none;
}

.close {
    color: #ece7e7;
}

.btnSubmit {
    width: 100%;
    background-color: #d20000;
    color: white;
}

.resetpasstips {
    color:white;
}

.form-group::before {
    font-family: 'Font Awesome\ 5 free';
    content: "\f007";
    position: absolute;
    padding-top: 36px;
    font-size: 18px;
    left: 35px;
    color: #555e60;
}


.form-group:last-of-type::before {
    content: "\f023";
}

.form-group input {
    padding-left:50px;
}

.marketlist {
    text-align:center;
    height: 160px;
    position:relative;
    overflow:hidden;
}

.marketlogo {
    
}

.market {
    display: inline-block;
    border-radius: 15px;
    border: 2px solid #bb0000;
    margin: 10px;
    padding-top: 5px;
    padding-left:15px;
    padding-right:15px;
}

.marketname {
    padding:2px 0;
    color:white;
    font-size:13px;
}

.marketperiod {
    color: #a6a6a6;
    font-size: 14px;
}

.marketdate {
    color:#bf9282;
    font-size: 14px;
}

.marketresultdiv {
    text-align:center;
}

.marketresult {
    color: #ffec6d;
    background-color: #980000;
    padding: 2px 10px;
    font-weight:bold;
    margin-top:5px;
    font-size: 14px;
}

.btnGame {
    width:100%;
    height: 190px;
    background-size: 100% 100%;
    background-repeat:no-repeat;
    border: none;
    position:relative;
    cursor:pointer;
}

.button-text {
    color:white;
    font-size:17px;
    position: absolute;
    bottom: 3%;
    left: 5%;
}

.gamelist {
    margin-top:5px;
    text-align: center;
    padding: 0 80px;
}

.tbldeposit, .tblwithdraw, .tblBank {
    width: 100%;
    text-align: center;
}

.deposit, .withdraw {
    width:100%;
    padding: 5px 15px;
    
    height: 180px;
}

.banklist {
    width: 100%;
    display: inline-block;
    padding: 10px 15px;
    
    height: 220px;
}

.dwPlyName {
    color: white;
    font-size:12px;
    display:inline-block;
}

.dwPlyCredit {
    color: #ffec1e;
    font-size:14px;
    display:inline-block;
    padding:0 15px;
}

.tbldeposit tbody ul li, .tblwithdraw tbody ul li  {
    padding:1px 10px;
    width:100%;
}

.dwtitle{
    vertical-align:middle;
    display:inline;
    font-family:Arial;
}

.bankLogo {
    width: 113px;
}

.footerTitle{
    font-family:Arial;
    font-weight:bold;
    font-size:16px;
    color:#f3916b;
    padding:10px;
}

.footer {
    margin-top:50px;
    padding:10px 200px;
    text-align:center;
    background: linear-gradient(#ae0000 0%,#320c0c 40%);
    background: -webkit-linear-gradient(#ae0000 0%,#320c0c 40%);
    border-top: 1px solid;
    /*border-image-source: linear-gradient(#690404, 0%, #ff0000 50%, #690404 100%);*/
    border-image-slice: 1;
}

.gameProviderLogo {
    padding: 15px 180px;
}

.gameProviderLogo img{
    width:180px;
}

.footertext {
    font-family: Arial;
    font-weight: bold;
    /* color: #936655;*/
    font-size: 13px;
    padding: 14px 180px;
}

.copyright {
    padding:10px;
    font-family: Arial;
    font-weight: bold;
    color: #f3916b;
    font-size: 12px;
}

.lbplyinfo {
    color:white;
    font-family: Arial;
    padding:5px;
    font-size:13px;
}

.lbUserName {
    color:#2ce085;
    font-family: Arial;
    font-weight:bold;
    font-size:12px;
    padding-right:10px;
}

.lbCredit {
    color:#2ce085;
    font-family: Arial;
    font-weight:bold;
    font-size:12px;
    padding-right:10px;
}

.inline {
    display:inline-block;
}

.togel_marketlist {
    text-align:center;
}

.togel_market {
    display: inline-block;
    border-radius: 15px;
    background-color:#9a0000;
    margin: 2px 5px;
    padding: 5px 15px;
}

.togel_market:hover {
    text-decoration:none;
}

.togel_marketinfo {
    font-size:13px;
    color:white;
}

.marketlogo img {
    width: 35px;
}

.btnMarket ,.btnTogelGame{
    width:100%;
    display:none;
    cursor:pointer;
}

.currmarketname {
    font-weight:bold;
    padding:2px 10px !important;
}

.homeContent {
    margin:15px auto;
    background-color:white;
    border-radius:15px;
    border:none;
    text-align:center;
}

.homeFooter {
    border-top:1px solid #898989;
}

.homeFooterContent {
    padding:20px 15px 50px 15px;
    text-align:center;
    color:white;
}

.gamelist a {
    font-family:Arial;
    font-weight:bold;
    display:inline-block;
    width:137px;
    border-radius:5px;
    border:none;
    margin: 2px;
    font-size: 14px;
    background: linear-gradient(#ffeeb4,#fcc400);
    background:-webkit-linear-gradient(#ffeeb4,#fcc400);
    color:#000000;
}

.gamelist a:hover {
    background: linear-gradient(#f5ce49,#b99103);
    background:-webkit-linear-gradient(#f5ce49,#b99103); 
    text-decoration:none;
}

.currmarketname2 {
    text-align:center;
    color:#a9a9a9;
    padding: 2px;
    font-size: 17px;
}

.tdTotal {
    text-align:right;
}

.modal-body {
    text-align: left;
}

.btngrp2d {
    text-align:center;
}

.inline {
    display:inline-block;
}

.txtinline {
    display:inline-block;
    padding:0px 2px;
}

.section_contact {
    position:fixed;
    top:22%;
}

.contact_content {
    background-color:#690404;
    color:white;
    width:auto;
    font-size:12px;
    padding:7px 7px;
    margin:2px 0;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
}

.contact_content img{
    width:35px;
}

.register_text_title {
    color:white;
    padding: 0 15px;
    margin:0;
    display:inline-block;
}

.group {
    padding:5px
}

.section_register  {
    height: calc(100vh - 188px);
}

.section_profile {
    height: calc(100vh - 188px);
}

.section_refferal {
    height: calc(100vh - 188px);
}

.section_withdraw {
    height: calc(100vh - 188px);
}

.section_memo {
    height: calc(100vh - 188px);
}

 .section_transaction{
    min-height: calc(100vh - 188px);
}

.section_datanomor  {
    height: auto;
}

.text_title {
    color:white;
    font-size:16px;
}

.text_content {
    color:#2ce085;
    font-family: Arial;
    padding:0 15px;
}

.navLogout a{
    color:yellow !important;
}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    border-color:grey;
}

.bankstatus {
    display:inline-block;
    vertical-align:middle;
    padding:0 10px;
    margin-bottom: 0 !important;
}

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

.withdraw_header_content {
    color:white;
}

.withdraw_header_content p{
    font-size:13px;
}

.paddingadjust {
    padding:2px;
}

.paddingadjustdp {
    padding:5px 2px;
}

.btnWallet {
    font-size: 15px;
    padding: 2px 5px;
    cursor:pointer;
}

.lbMainWallet {
    border:none;
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    color:white;
    background-color:transparent;
    font-size:14px;
    margin-bottom:0px !important;
}

.user_info {
    padding: 3px 10px;
    background-color: #b12d2d;
    margin-right: 5px;
    border-radius: 8px;
    position:absolute;
    right:5px;
}

.user_infoicon {
    font-size: 15px;
    vertical-align: middle;
}

.user_btnWallet {
    font-size: 13px;
    padding:2px 5px;
}

.btn_home {
    padding:10px;
    width:100%;
    font-size:13px;
}

.home_welcome {
    color:white;
    padding:20px 0;
}


.home_playerinfo {
    font-family: Arial;
    font-weight: bold;
    font-size: 16px;
    padding-right: 10px;
}

.section_player {
    display:inline-block;
}

ul li > a {
    cursor:pointer;
}

.GameSection > div > button:hover {
    transition: all 300ms;
    opacity:0.9;
    border:1px solid #cc5204;
}

.bottomNavBar {
    /*border-top:1px solid #ff5353;
    
    background: rgb(130,0,0);
    background: linear-gradient(90deg, rgba(130,0,0,1) 0%, rgba(223,80,80,1) 100%);
    background:-webkit-linear-gradient(90deg, rgba(130,0,0,1) 0%, rgba(223,80,80,1) 100%);*/
}

.icon {
    font-size: 18px;
}

.bottomNavBar > div{
    text-align: center;
}

.bottomNavBar > div:not(:last-child){
    border-right:1px solid #f59696;
}

.bottomNavBar > div a{
    color:#fbc5c5;
    padding-top: 3px;
    padding-bottom: 20px;
}

.bottomNavBar > div a:hover {
    color:white;
}

.bottomNavBar_content {
    font-size:10px;
}

.line-height0 {
    line-height:0px
}

        .fixed-table-loading {
            border:none;
        }

        .loading-text {
            color:white;
        }

/*New Layout CSS Start*/

.col-xd-5ths {
    width: 20%;
}
.new-nav-link {
    padding: unset;
}

.newbottomNavBar {
    background-color: #000000 !important;
}

    .newbottomNavBar > div a {
        color: #FFFFFF;
        padding-bottom: 8px;
    }

    .newbottomNavBar > div:not(:last-child) {
        border-right: unset;
    }

.newHome_icon {
    display: none;
}

#NewAnnouncement .announcement {
    background-image: linear-gradient(brown, black);
    height: 33px;
}

.newbanklogo {
    width: 113px;
    display: block;
    margin: auto;
}

@media only screen and (min-width: 992px) {
    .navcontactbar {
        
    }

    
    
    .navbar-expand-lg .New_MiddlePanel {
        display: none !important;
    }

    .Newsection_contact {
        top: 110px;
        position: fixed;
    }

        .Newsection_contact .phone_icon {
            position: fixed;
            top: 110px;
            left: 123px;
            background-image: linear-gradient(to bottom, black, #471002);
            border-style: solid;
            border-color: #8b0000;
            border-width: thin;
            border-radius: 0 11px 11px 0;
            width: 40px;
            height: 35px;
            padding: 3px 8px;
        }

    .new_contact {
        background-image: linear-gradient(to bottom, black, #471002);
        border-style: solid;
        border-color: #8b0000;
        border-width: thin;
        margin: unset;
        border-radius: unset;
    }

        .new_contact img {
            float: left;
            width: 22px;
        }

    .new_contact_value {
        display: inline-block;
    }

    .section_bank {
        position: fixed;
        top: 110px;
        right: 0;
        width: 10%;
    }

        .section_bank .bank_icon {
            position: fixed;
            top: 110px;
            right: 10%;
            background-image: linear-gradient(to bottom, black, #471002);
            border-style: solid;
            border-color: #8b0000;
            border-width: thin;
            border-radius: 11px 0 0 11px;
            width: 40px;
            height: 40px;
            padding: 3px 8px;
        }

        .section_bank .contact_bank {
            background-image: linear-gradient(to bottom, black, #471002);
            border-style: solid;
            border-color: #8b0000;
            border-width: thin;
            border-radius: unset;
        }

    .bank_header {
        display: none;
    }

    #NewAnnouncement .newImgSpeakerContainer {
        background-color: transparent;
        padding-left: 18%;
    }
}

@media only screen and (max-width: 991px) {
    .New_MiddlePanel {
    
        background-image: linear-gradient(to bottom, black, #800000 );
    }

    .navcontactbar {
        margin: auto;
        width: fit-content;
    }

    .navbar-dark .New_MiddlePanel .nav-link {
        color: #ffffff;
        font-weight: 700;
    }

    .New_MiddlePanel .newHome_icon {
        display: initial;
        height: 18px;
        padding-right: 2%;
        vertical-align: unset;
    }

    .navbar-toggler .New-toggler-icon {
        background-image: url('../../Assets/Images/New Image/icon_menu_mb.png');
    }

    .navbar-toggler .Closs-toggler-icon {
        background-image: url('../../Assets/Images/New Image/icon_menu_close_mb.png');
    }

    .bank_header {
        display: initial;
        color: white;
        font-weight: 700;
        font-size: 20px;
    }

    #NewAnnouncement .newImgSpeakerContainer {
        background-color: transparent;
        padding-left: 5%;
    }

    .Newsection_contact .contact_list {
        text-align: center;
    }

    .Newsection_contact .new_contact {
        background-image: linear-gradient(to bottom, black, #800000 );
        border-style: unset;
        height: 30%;
        padding: 4%;
        width: 47%;
        border-radius: 15px;
        margin: 1%;
    }

    .section_bank .contact_bank {
        background-color: black;
        border-style: unset;
        background-image: none;
    }

    .section_bank .newbanklogo {
        display: initial;
    }

    .section_bank .bank_header {
        display: initial;
        color: white;
        font-weight: 700;
        font-size: 20px;
    }

    .Newsection_contact .new_contact_value {
        font-weight: 500;
        font-size: 11px;
        padding-top: 7% !important;
    }

    .new_contact img {
        padding-top: 4%;
    }

    .bank_icon, .phone_icon {
        display: none;
    }
}
/*New Layout CSS End*/