label.error { color:#ff0000; font-size:12px }

.quick-nav .lang .lang-list-wrap { width:166px; line-height:26px; }
.quick-nav .lang .lang-list { background-color:#d9b95c }
.quick-nav .lang .lang-list li a { text-decoration:none; color:#111111 }
.quick-nav .lang .lang-list li:hover { background-color:#2f1f00 }
.quick-nav .lang .lang-list li:hover a { color:#ffffff }

.live-main .live-main-wrap > div .gp-logo { height:auto }

.egame .egame-container { background-color:transparent }
.egame .egame-tab { background-color:#000000 }
.egame .egame-providers { padding-right:0 }
.egame .egame-content { padding-left:0 }
.egame .egame-gplogo { min-width:112px; } 
.egame .egame-games { background-color:#111111 }
.egame .game-item > .title { color:#ffffff }

.sg-playbtn {display:block; width:100%; }
.sg-playbtn span { background-color:#c89d61; color:#ffffff; white-space:nowrap; font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center; padding:15px; cursor:pointer; display:block  }

.quick-nav .right .account-tool .logined-nav li a { color:#ffffff; text-decoration:none }

.egame .game-item .img { position:relative; width:100%; padding-top:100%; overflow:hidden } 
    .egame .game-item .img img { position:absolute; top:50%; transform:translateY(-50%) }

.nrc-form .nrc-form-item small { line-height:normal }

.member-center-wallets .sub-wallets .data-box.full { width:97%; height:auto; }
.member-center-wallets .sub-wallets .data-box.full .name { height:auto; padding:8px 12px; line-height:normal }

/* color changed */
/*.quick-nav .right .btn-big, .quick-nav .right .btn-logout { background-color:#005ec6 }*/

/*.quick-nav .right .btn-big.signup, .quick-nav .right .btn-logout.signup,*/ .side-menu li a
{ background:linear-gradient(270deg, #3f9aff, #005ec6) }

.app:not(.account) .home-area .home-item > .hitem::before { background:linear-gradient(270deg, #000, #0051aa) !important }
.app:not(.account) .home-area .home-item > .hitem .hitem-btn { padding:0 12px; width:auto }
.main-home .home-item > .hitem .hitem-btn:hover { background-color:#3f9aff }

/*.quick-nav .right .btn-big:hover, .quick-nav .right .btn-logout:hover { background-color:#3f9aff }*/
.app:not(.account) header .nav .nav-item a { color:#ffffff }

.main-home .home-title { color:#ffffff }

.main-home, .main-home .home-nav .game-flow .gflow-item a, body
{ position:relative;z-index:1 }

.home-area::before, .main-home .home-nav .game-flow .gflow-item::before, body::before
{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:0}

.home-area::before, body::before { background:url(../img/home-bg.png) 50%/cover no-repeat; filter:hue-rotate(180deg) brightness(0.4) }
.main-home .home-nav .game-flow .gflow-item::before { background:url(../img/venue-bg.png) 50%/cover no-repeat; filter:hue-rotate(0deg) invert(1) brightness(1.6)}
footer .footer-main .footer-license > div::before { filter:hue-rotate(180deg) }

.main-home .home-nav .gametype-wrap, .pie-list li .pie-ani img { filter:hue-rotate(180deg) }
.pie-list li .pie-ani::after { border-color: #005ec6}

.app:not(.account) .home-area .home-service .feature-list li {
  background: linear-gradient(90deg, #000000, #0051aa) !important;
}

.main-home .home-service .feature-list li .img { filter:hue-rotate(0deg)!important }
.main-home .home-service .feature-list li { box-shadow:0px 2px 24px 0 rgb(4, 46, 94) }

footer .footer-main .footer-license, footer .copy, footer .footer-main .footer-cont.pure-g .pure-u-1-5 .footer-links a { color:#6e90b5 }

.banner .home-carousel { background-color:#000000 }
.marquee-block .marquee-news .news-title { background-color:#005ec6 }

.white-container { box-shadow:0px 2px 24px 0 rgb(20 156 255 / 25%) }
.section-block .header h3 { color:#3f9aff }
.nrc-form .nrc-form-item .nrc-form-label label.form-require::before { color:#ff0000 }

.nrc-button { background-color:#005ec6 }
.nrc-button:focus, .nrc-button:hover { background-color:#3f9aff }

.egame .egame-gplogo::after { background-color:#005ec6 }
.sg-playbtn span { background-color:#005ec6 }

.quick-nav .right .account-tool .id, .quick-nav .right .wallet, .member-center-menu .info-block .balance, .member-center-wallets .top-info .main-wallet .value, .member-center-wallets .top-info .main-wallet i, .general-layout h1, .general-layout h3
{ color:#3f9aff }

.member-center-menu .nav-block .item.active, .general-layout .gr-menu li a.active, .general-layout .gr-menu li a:hover { background-color:#005ec6 }
.member-center-menu .nav-block .item:hover { background-color:#3f9aff }
.member-center-menu .nav-block .item { color:#ffffff }

.member-center-wallets .sub-wallets .data-box .name { background-color:#005ec6; color:#ffffff; border-bottom:0px }

.input-field .content.focus {
  border: 1px solid #3f9aff;
  box-shadow: 0 0 10px 0 #3f9aff;
}
.input-field .content .input-block input, .input-field .content .input-block select { color:#ffffff }
.input-field .content .input-block select option { color:#111111 }
.member-center-main .member-center-content .block > .title, .member-center-menu .info-block .playerid { color:#ffffff }

.member-center-menu, .member-center-main .member-center-content { box-shadow:0px 2px 24px 0 rgb(20 156 255 / 25%) }

.quick-nav .lang .lang-list { background-color:#005ec6 }
.quick-nav .lang .lang-list li a { color:#ffffff }
.quick-nav .lang .lang-list li:hover { background-color:#002855 }

.nrc-form .nrc-form-item .nrc-form-label label { color:#ffffff }
/* End color */

.downloadTab{padding:60px 0 20px; display:flex;}.downloadTab .nav-pills .nav-link{background:-webkit-linear-gradient(top,#0e6bd2,#e6e6e6);height:60px;color:#fff;border:1px solid #0e6bd2;align-items:center;border-radius:0;background:0;justify-content:center;display:flex}.downloadTab .nav-pills .nav-link.active,.downloadTab .nav-pills .nav-link:hover{background:linear-gradient(to bottom,#0e6bd2 0,#03354e 100%);color:#fff}.downloadbody{text-align:center;margin-bottom:35px}.downloadbox{text-align:center; margin:0 5px;display:inline-block;height:150px}.ndl-btn{background:linear-gradient(to bottom,#0e6bd2 0,#03354e 82%,#0e6bd2 100%);color:#fff;font-size:13px;padding:5px 10px;font-weight:700;border-radius:5px;display:block;margin:auto;margin-top:10px;width:55%;border:1px solid #0e6bd2}.ndl-btn:hover,.ndl-btn:focus{color:#000}.adl-btn{background:linear-gradient(to bottom,#0e6bd2 0,#03354e 82%,#0e6bd2 100%);color:#fff;font-size:13px;padding:5px 10px;font-weight:700;border-radius:5px;display:block;margin:auto;margin-top:10px;width:55%;border:1px solid #0e6bd2}.adl-btn:hover,.adl-btn:focus{color:#000}.dl{max-width:500px;margin:auto}.dl table{border-collapse:collapse;width:100%;font-size:12px}.dl table th{border:1px solid #0e6bd2;text-align:center;padding:8px;color:#0e6bd2;font-weight:500;text-transform:capitalize}.dl table td{text-align:left;padding:8px;background:0;border:1px solid #0e6bd2;color:#fff}.dl .username_custom{color:#0e6bd2}.downloadboxContent{padding:15px;border:1px solid #0e6bd2;background:rgba(129,157,187,0.15); width:100%;}.dropdown-item{padding:5px}.input-voucher{margin-right:10px}.download-title{color:#fff}.downloadbody h4{color:#0e6bd2;font-size:20px;font-weight:700;padding-top:15px;padding-bottom:15px}.inputDeposit { padding:5px; height:30px; width:100%; }

.downloadbox .iimg { padding:8px; background-color:#ffffff; max-width:160px; margin-top:8px;}
.downloadbox .iimg img, .downloadbox .iimg canvas { max-width:100% }

.downloadTabMenu { width:200px; min-width:200px }

.dddbox { display:none}
.dddbox.active { display:block }

.dbox-filter { cursor:pointer }

.submit_btn { border-radius: 4px; width: 100%; height: 30px; background: linear-gradient(to bottom, #1caae5 0%, #0e6bd2 70%, #1caae5 100%); color: #fff; cursor: pointer; font-size: inherit; border: none;}

.imgLoading { display: none; }

.member-center-profile.w100 { width:100%!important }
.piframe { width:100%; height:100vh }

.live-nav-items { flex-wrap:wrap }
.live-nav-items > li {  }

.side-menu{position:fixed;right:0;top:50%;transform:translateY(-50%);width:50px;z-index:19}
.side-menu li+li{margin-top:5px}
.side-menu li a{background:linear-gradient(270deg,#7eb0e0,#5e93c5);border-radius:5px 0 0 5px;box-shadow:0 2px 5px 0 rgba(255,255,255,.3);color:#fff;display:block;font-size:12px;height:60px;line-height:1.4;overflow:hidden;padding-left:50px;text-decoration:none;transform:translateZ(0);transition:transform .3s linear;width:220px}
.side-menu li a:hover{transform:translate3d(-150px,0,0);transition:transform .3s ease-out .2s}
.side-menu li a>i{color:#fff;font-size:30px;height:100%;left:0;line-height:60px;position:absolute;text-align:center;top:0;width:60px}
.side-menu li a>h2{color:#fff;font-size:16px;font-weight:400;line-height:1.4;padding:10px 0 2px}
.side-menu li a>p{color:#fff}

.side-menu ul { padding:0; margin:0; list-style:none }
.side-menu li a { background: transparent; box-shadow:none; min-height:170px; width:240px; height:100%; }
.side-menu li a:hover { transform:translate3d(-180px, 0, 0) }
.side-menu li a > i, .side-menu li a > h2, .side-menu li a > p { color:#111111 }

.side-menu li a .bbf { position:absolute; left:auto; top:0; padding:12px; background: linear-gradient(to right, rgb(0, 107, 224) 0%, rgb(0, 101, 211) 100%); text-align:center; border-radius:0px 0px 5px 5px; display:flex; justify-content:start; align-items:center;  transform: rotate(90deg); transform-origin:top left; gap:12px; }
.side-menu li a .bbf i { color: #ffffff; font-size: 26px; text-shadow:0px 0px 8px #0b5171}
.side-menu li a .bbf p { margin-bottom: 0; color: #ffffff; white-space: nowrap; font-size: 16px; font-weight: 700; text-transform:uppercase; text-shadow:0px 0px 8px #0b5171}
.side-menu li a .aaf { background-color:#161a20; width:180px; padding:8px; border:1px solid #0065d3 }
.side-menu li a .aaf .contactbox .tt { margin:0px 8px 8px; text-align:center; font-size:16px; }

.ctubox { display: flex; align-items: center; background: #ccc; padding: 8px; margin:0px 0px 8px; border-radius: 8px; }
.ctubox i { font-size:24px; margin-right:8px }
.ctubox div { width:30px; height:20px; display:flex; justify-content:center; align-items:center }
.ctubox svg { max-width:100%; margin-right:8px; fill:#111111 }
.ctubox p { margin-bottom: 0; text-align: left; color: #000; width: 70%; font-size: 14px;}