label.error { color:#ff0000; font-size:12px; font-weight:bold; display:flex; justify-content:center; align-items:center; padding:5px 0px; }

.w50px { width:50px }
.w100px { width:100px }

#loading { z-index: 1080; position: fixed; width: 100%; top: 0; bottom: 0; display:none }
#loading.aaa { display:block }
#loading .mask { height: 100%; width: 100%; background: #000; opacity: .6;}
#loading .mask img { position: absolute; top: 50%; left: 50%; width: 100px; margin: -50px; -webkit-animation-name: spin; -webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-name: spin; animation-duration: 1s; animation-iteration-count: infinite; animation-timing-function: linear;}
#loading .logo { position: absolute; top: 50%; left: 50%; height: 80px; width: 80px; margin: -40px; background-size: cover; background-position: center; background-color: #000; border-radius: 100%;}

@keyframes spin {
    from { transform: rotate(0deg) }
    to { transform: rotate(360deg) }
}

.startgame-wrapper { position:fixed; top:0; left:0; width:100%; height:100%; z-index:1079; display:none }
.startgame-wrapper.aaa { display:block }
.startgame { position:absolute; top:0; left:0; width:100%; height:100%; background-color:#ffffff }
    .startgame .frame { width:100%; height:calc(100% - 46px) }
        .startgame .frame iframe { width:100%; height:100%; }
    .startgame .frame-close { height:46px; font-size:16px; font-weight:bold; color:#ffffff; background-color:#222222; display:flex; justify-content:center; align-items:center; cursor:pointer; text-transform:uppercase }
        .startgame .frame-close:hover { filter:brightness(1.3) }
.startgame-close { display:none; position:absolute; width:100%; height:100%; top:0; left:0; justify-content:center; align-items:center; background:rgba(0,0,0,0.6); z-index:1 }
.startgame-close.aaa { display:flex }
.sgc { padding:24px; background-color:#111111; color:#ffffff }
    .sgc h5 { font-size:16px; }
    .sgc .sgc-btn { margin-top:20px; display:flex; justify-content:center; align-items:center; gap:12px }
    .sgc .sgc-btn button { border:2px solid #ffffff; color:#ffffff; background:transparent; width:100%; padding:2px; text-transform:uppercase }
    .sgc .sgc-btn button:hover { color:#ffc107; border-color:#ffc107 }

.carousel-indicators li::marker { display:none; font-size:0 }

.share_modal .close { background:transparent; border:0 }

.input-group.wr { }
    .input-group.wr .bbtn { position:absolute; z-index:6; right:0; top:0; width:auto; border-radius:8px!important; height:100%; margin:0; padding:7px 14px }
        .input-group.wr .bbtn img { max-height:28px }
    .input-group.wr label.error { position:absolute; right:0; height:100% }
    .input-group.wr.wbtn label.error { position:absolute; right:72px; height:100% }


.btn_login_modal[disabled] { filter: grayscale(1) brightness(0.5); pointer-events: none; }

.promo-text { width: 100%; margin-bottom: 10px; }
.promo-text tr th { background: linear-gradient(to bottom, #d99c91 0%, #943c20 100%); padding: 10px; border: 1px solid #d99c91; text-align: center; font-size: 12px; color: #fff; }
.promo-text tr td { font-size: 12px; color: #ffffff; padding: 10px; border: 1px solid #d99c91; background: #111111; text-align: center; }
.promo-text ul, .promo-text ol{ font-size: 14px; color: #ffffff; padding-left: 30px; padding-bottom: 20px; }
.promo-text ul li span, .promo-text ol li span { color: orangered; margin-right: 10px; }

.table-responsive { display:block; width:100%; }

#depoGotoPayment { display:flex; justify-content:center }

.depwith_wrapbtn a.active { background:linear-gradient(to bottom, #d99c91 0%, #943c20 100%) }

.daterangepicker, .daterangepicker select.monthselect, .daterangepicker select.yearselect { color:#000000!important }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { padding:0; background:transparent; color:#000000 }
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color:#ffffff!important }
.dataTables_wrapper input, .dataTables_wrapper select { color:#000000 }

.his-table { font-size:12px }
table.dataTable tbody tr { background-color:transparent!important }
table.dataTable thead tr { background:rgba(0, 0, 0, .3) }

.rebate-wrapper {}
.bals-rebate-holder { display:flex; gap:8px }
.bals-rebate-wrapper { position:relative; width:100%; border-radius:8px; padding:12px 18px; border:1px solid #ffffff; background:#110d0c; line-height:normal;  display:flex; justify-content:space-between; align-items:center; text-align:left; border-radius:8px;}
    .bals-rebate-wrapper .ttitle { color:#ff4201; font-size:12px; font-weight:bold; }
    .bals-rebate-wrapper .info { font-size:28px; color:#000000; font-weight:bold }
    .bals-rebate-wrapper .info a { color:#ff4201; font-size:14px }
    .bals-rebate-wrapper i { color:#b79c93 }
    .bals-rebate-wrapper button { min-width:120px; margin:0 }
    .bals-rebate-wrapper button[disabled] { filter:grayscale(1); pointer-events:none }
.rebate-table {} 
    .rebate-table table { width:100%; text-align:center; border-collapse:collapse; }
    .rebate-table table thead { font-size:16px; font-weight:bold; }
    .rebate-table table th, .rebate-table table td { padding:8px; }
    .rebate-table table td { font-size:12px }

.promo_box_wrap_a { display:flex; justify-content:end; gap:8px }
.promo_box_wrap_a a { margin-left:unset }

.pppbox { filter:brightness(.6) }
    .pppbox.aaa { filter:brightness(1) }
.aaabtn { pointer-events:none; filter:grayscale(1) }
    .aaabtn.aaa { pointer-events:auto; filter:grayscale(0) }

.cims-wrapper { background-image:url(../img/ci/bg.jpg); background-size:cover; background-position:top center; }
    .cims-wrapper .cims-title { padding:24px; text-align:center; }
.cimsbox { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px; padding:0 16px 16px }
.cibox { width:calc(25% - 10px); position:relative; margin-bottom:0; pointer-events:none; filter:brightness(0.5); }
    .cibox .bbg {  }
        .cibox .bbg img { width:100%; max-width:auto }
    .cibox .amo { position:absolute; width:100%; text-align:center; font-weight:bold; color:#ffffff; font-size:16px; bottom:7%; text-transform:uppercase }
    .cibox .date { position:absolute; width:100%; text-align:center; font-weight:bold; color:#9b591c; font-size:14px; top:9%; padding-left:5%; }
.cibox.done, .cibox.ready { filter:brightness(1); }
    .cibox.done::before { content:''; background-image:url(../img/ci/redeemed.png); background-size:100%; background-position:center center; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1 }
.cibox.ready { pointer-events:auto; cursor:pointer }
.cibox.ready .bbg { animation:blinkShadow 1.8s ease infinite }

.nav-badge { position:relative; }

.noti { position:absolute; top:2px; right:2px; background-color:#e83565; width:22px; height:22px; font-size:12px; font-weight:bold; display:none; justify-content:center; align-items:center; border-radius:50%; animation:blinkNotification 2s ease infinite; color:#fff }
.noti.center { top:50%; transform:translateY(-50%) }
.noti.aaa { display:flex; }

@keyframes blinkNotification {
    50% {
        filter:drop-shadow(0 0 3px #e83565) brightness(1.2);
    }
}

@keyframes blinkShadow {
    50% {
        filter:drop-shadow(0 0 6px #ffec41) brightness(1.2);
    }
}

.slotgame { align-items:end; gap:10px }

/*.sys-cims-check { display:none }*/
.sys-cims-check.aaa { display:block }

.cta { text-align:center; display:block; margin-bottom:16px; }
    .cta .btn_reg { display:inline-block; animation-name:buttonGlowing; animation-duration:1.5s; animation-timing-function:linear; animation-direction:normal; animation-iteration-count:infinite; }
    .cta .btn_reg.no { filter:grayscale(1); animation:none; pointer-events:none }
    .cta .btn_reg.done { animation:none; pointer-events:none }

@keyframes buttonGlowing {
  60% {filter:brightness(1.4) drop-shadow(0px 0px 12px #d99c91) }
}

.contact { display: flex; flex-direction: column; align-items: center; }
.con-chanel { min-width: 180px; margin: 8px; font-size: 16px; padding: 6px 24px; background:linear-gradient(to bottom, #d99c91 0%, #943c20 100%); border-radius:8px}
    .con-chanel a { color: inherit; display: flex; align-items: center; gap: 14px; }
    .con-chanel i { font-size: 28px; }

.conly ul, .conly ol { padding:revert }
.conly strong, .conly b { color:#b79c93 }

.refer_btn[disabled] { filter:grayscale(1); pointer-events:none; border-color:#555555; color:#555555 }

.dpqrwrap { margin-top:22px; display:flex; justify-content:center; align-items:center; gap:12px }
    .dpqrbox { display:flex; flex-direction:column; }
    .dpqrbox .ttitle { text-align:center; padding-bottom:6px; }
    .dpqrbox .iimg { max-width:200px; margin:0 auto }
        .dpqrbox .iimg img { width:100% }
    .dpqrrate { font-size:14px; font-weight:bold; border-radius:0.5rem; line-height:normal; padding:12px 24px; background-color:#111111 }

.mgamewrap { display:flex; flex-wrap:wrap; gap:12px }
.mgame { position:relative; width:calc(33.33% - 8px) }
    .mgame .iimg {  }
    .mgame .badges { position:absolute; right:2%; top:2%; max-width:24% }
        .mgame .badges img {  }

.header_center { display:flex; align-items:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) }
.logo_desktop .partner {  }
    .logo_desktop .partner img { max-height:52px }

.ddes {  }
.mmob { display:none }

.btn_dropup_lang button img, .btn_dropup_lang .dropdown-menu a img  { max-width:20px }

.download-pop-wrapper {  }
.prov-title-img { text-align: center; padding-bottom: 10px; }
.access-info { text-align: center; overflow: auto; margin: 10px auto 15px; font-size: 14px; }
.download-wrapper {  }
.downloadbox { display:flex; gap:20px; justify-content:center }
.dlbox { max-width:160px; }
    .dlbox .iimg { padding:10px; background-color:#ffffff }
    .dlbox .iimg img, .dlbox .iimg canvas { width:100% }
    .dlbox .bbtn { padding-top:3px; text-align:center }

select.input_custom {  }
select.input_custom option { color:#000000 }

.share_modal.size-xl .modal-dialog { max-width:1200px; }
.share_modal.size-lg .modal-dialog { max-width:800px; }

.glbox { display:none }
.glbox.aaa { display:block }
    .glbox .games { display:flex; flex-wrap:wrap }
        .glbox .games .gl { width:calc(12.5% - 16px); margin:8px; cursor:pointer; position:relative }
            .glbox .games .gl .iimg { border-radius:8px; overflow:hidden; display:block; position:relative; }
                .glbox .games .gl .iimg.s2 { width:100%; padding-top:100%; background-color: #000000 }
                .glbox .games .gl .iimg.s2 img { min-height:100% }
                .glbox .games .gl .iimg img { width:100% }
            .glbox .games .gl .name { font-size:12px; text-align:center; padding-top:8px; line-height:normal }
            .glbox .games .gl .ppic { position:absolute; width:100%; height:100%; top:50%; transform: translateY(-50%); z-index:1 } 
        .glbox .games .gl:hover .iimg::before { content:''; position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.8); top:0; left:0; z-index:2 }
        .glbox .games .gl:hover .iimg::after { position:absolute; font-family:"FontAwesome"; content:"\f04b"; font-size:30px; color:#cc1d55; top:50%; left:50%; transform:translate(-50%, -50%); z-index:2 }

.hotgame-main-img-wrap { display:flex; align-items:stretch; height:100% }
    .hotgame-main-img-wrap img { object-fit:cover; width:100%; height:100% }

.pann-wrapper { display:flex; border-radius:5px; overflow:hidden }
.pann-sidemenu { background-color:#222222; padding:16px; min-width:30%; max-width:30%; }
    .pann-sidemenu a { color:#ffffff; background-color:#363636; display:block; padding:16px; border-radius:5px; margin-bottom:10px; font-weight:bold; font-size:12px }
    .pann-sidemenu a.aaa { background:linear-gradient(-155deg,#550408,#ed1c25 100%) }
.pann-content { background-color:#111111; padding:16px; width:100%; }

.pannbox { display:none }
.pannbox.aaa { display:block }

.accordion_left_container .link { font-size:14px }

.seo-wrap {  border-bottom:1px solid rgba(85,101,126,.15); padding-bottom:40px; margin-bottom:20px; color:#666666; font-size:11px }

.dropdown-menu { padding:0 } 
.langbox { display:flex; flex-direction:column; background:#242424; border-radius:8px; padding:12px; gap:18px }
.langlist { display:flex; flex-direction:column; font-size:11px; gap:3px; font-weight:bold; }
    .langlist .items { display:flex; gap:6px }
        .langlist .items .ff {  }
            .langlist .items .ff img { max-width:26px; }
        .langlist .items .options { display:flex; gap:6px; align-items:center }
            .langlist .items .options a { border-radius:0; padding:0; border-right:1px solid #3c3c3c; padding-right: 6px }
                .langlist .items .options a:hover, .langlist .items .options a.aaa { background:transparent; color:#ff1c26 }
                .langlist .items .options a:last-child { border-right:0 }

.quickmenu { border-radius:12px; border:2px solid #bfbfbf; padding:12px; background:#000000; margin:10px 0px; font-size:3.2vw; }
    .quickmenu .tops { display:flex; justify-content:space-between; align-items:center; margin:0px 12px 8px }
        .quickmenu .tops .infos { display:flex; flex-direction:column; gap:3px; line-height:normal; font-size:4vw }
            .quickmenu .tops .infos span { display:flex; gap:4px; align-items:center }
            .quickmenu .tops .infos i { color:#b79c92 }
        .quickmenu .tops .acts {  }
            .quickmenu .tops .acts a { background:linear-gradient(to bottom, #4f4f4f, #1b1b1b); border-radius:12px; color:#ffffff; padding:2vw 8vw  }
    .quickmenu .btnss { display:flex; gap:8px; justify-content:center; align-items:center }
        .quickmenu .btnss a { background:#111111; border-radius:8px; color:#ffffff; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; padding:4px }
            .quickmenu .btnss a img { max-width:50% }

@media only screen and (max-width: 1080px) {
    .pann-wrapper { display:block }
    .pann-sidemenu { min-width:auto; max-width:none; width:100%; padding:10px; overflow-x:auto; white-space:nowrap; font-size:0 }
    .pann-sidemenu a { display:inline-block; margin:0px 3px; padding:8px 16px }
    .pann-content { padding:10px; }
}

@media only screen and (max-width: 800px) {

    .cibox .date { font-size:1.8vw }
    .cibox .amo { font-size:2.2vw }

    .glbox .games .gl { width:calc(25% - 12px); margin:6px }

}

@media only screen and (max-width: 576px) {
 
    .ddes { display:none }
    .mmob { display:flex }

    .glbox .games .gl { width:calc(33.33% - 12px); }

}

@media only screen and (max-width: 370px) {
    .logo { width:120px }
    .logo img { max-width:120px!important }
    .btn_container { padding:10px 5px; min-width:auto }
    .btn_dropup_lang .btn { font-size:3.4vw; padding-left:10px!important }
    .btn_dropup_lang button img { margin-right:6px }
    .head_afterlogin_custom .btn_dropup_lang { margin:0 0px 0 8px }
}