@charset "UTF-8";
@font-face {
  font-family: "Poppins";
  src: url("../we1playnew/fonts/Poppins-SemiBold.woff2") format("woff2"), url("../we1playnew/fonts/Poppins-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../we1playnew/fonts/Poppins-Light.woff2") format("woff2"), url("../um88/Poppins-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("../we1playnew/fonts/Poppins-Regular.woff2") format("woff2"), url("../we1playnew/fonts/Poppins-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Casanova Scotia";
  src: url("../we1playnew/fonts/Casanova-Scotia.woff2") format("woff2"), url("../we1playnew/fonts/Casanova-Scotia.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("../we1playnew/fonts/icomoon.eot") format("woff2"), url("../we1playnew/fonts/icomoon.eot") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icomoon";
  src: url("../we1playnew/fonts/icomoon.ttf") format("woff2"), url("../we1playnew/fonts/icomoon.ttf") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/* @font-face{
  font-family:"icomoon";
  src:url(../../fonts/icomoon/icomoon.eot);
  src:url(../../fonts/icomoon/icomoon.eot?#iefixof3qws) format("embedded-opentype"),
  url(../../fonts/icomoon/icomoon.ttf?of3qws) format("truetype"),url(../../fonts/icomoon/icomoon.woff?of3qws) format("woff"),
  url(../../fonts/icomoon/icomoon.svg?of3qws#icomoon) format("svg");font-weight:400;font-style:normal
} */

.um88-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 92%;
}

#alertCopy {
  position: fixed;
  top: 35px;
  z-index: 9999;
  width: 40%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  border-radius: 10px;
  padding-left: 15px;
}
#alertCopy i {
  margin-right: 20px;
}
html{
  overflow: auto;
}
body {
  background-color: #111111;
  overflow: auto;
}

.tab-pane {
  overflow-x: hidden;
  width: 100%;
}

.btn-outline-white {
  color: #ffffff;
  border-color: #888888;
  font-size: 12px;
  font-family: Casanova Scotia;
  border-radius: 4px;
  background: transparent;
  letter-spacing: 0.5px;
  box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.2);
}

.btn {
  padding: 0.175rem 0.65rem;
}

.btn-outline-white:focus,
.btn-outline-white:hover {
  color: #ffffff;
  border-color: #ffffff;
  outline: inherit;
  box-shadow: inherit;
}

.btn-um88 {
  background-color: #fb4d03;
  color: #111111;
  font-size: 12px;
  font-family: Casanova Scotia;
  border-radius: 4px;
  letter-spacing: 0.5px;
}

.btn-um88:focus,
.btn-um88:hover {
  outline: inherit;
  box-shadow: inherit;
}

.btn-outline-um88 {
  border: 1px solid gold;
  color: #FFAC1C;
  background: transparent;
  letter-spacing: 0.5px;
  border-radius: 4px;
  font-family: Casanova Scotia;
  font-size: 12px;
}

.btn-outline-um88:focus,
.btn-outline-um88:hover {
  color: #fb4d03;
  outline: inherit;
  box-shadow: inherit;
}

.btn-close-um88 {
  background: transparent;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 16px;
  top: 8px;
  margin: 0px;
  padding: 0px;
}

.mw-240px {
  min-width: 240px;
}

.w-80 {
  width: 80%;
}

.h-40px {
  height: 40px;
}

.js-refresh img {
  transition: all ease-in-out 1s;
}

.carousel-indicators {
  margin-bottom: 0px;
  bottom: 5px;
}
.carousel-indicators [data-bs-target].active {
  background-color: #fb4d03;
  border: 1px solid #fb4d03;
}
.carousel-indicators [data-bs-target]:not(.active) {
  border: 1px solid #ffffff;
  background: transparent;
}
.carousel-indicators [data-bs-target] {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  opacity: 1;
  margin-left: 3px;
  margin-right: 3px;
  padding: 0px;
}
.carousel-indicators [data-bs-target]:focus,
.carousel-indicators [data-bs-target]:hover {
  outline: none;
  box-shadow: none;
}

.um88-input-group {
  position: relative;
}
.um88-input-group .um88-input {
  border: 1px solid #8e8e90;
  /* background: transparent; */
  padding: 15px 20px;
  border-radius: 7px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.um88-input-group select.um88-input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../../images/we1playnew/account/select-down.png") no-repeat right 20px center;
  background-size: 10px;
}
.um88-input-group .btn-copy {
  background: transparent;
  border: none;
  padding: 0px;
  width: 25px;
  position: absolute;
  right: 10px;
  top: 14px;
}
.um88-input-group select.um88-input option {
  color: #000000;
}
.um88-input-group .um88-input::-moz-placeholder {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.um88-input-group .um88-input:-ms-input-placeholder {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.um88-input-group .um88-input::placeholder {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 0.5px;
}
.um88-input-group .um88-input:hover,
.um88-input-group .um88-input:focus {
  outline: none;
  box-shadow: none;
}
.um88-input-group .um88-input-icon {
  position: absolute;
  top: 8px;
  left: 14px;
  width: 23px;
}
.um88-input-group .um88-input-flag {
  position: absolute;
  top: 10px;
  left: 45px;
  width: 30px;
}

input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

.um88-input-group.icon-mobile .um88-input {
  padding-left: 60px;
  background: none !important;
}

.um88-input-group.icon .um88-input {
  padding-left: 43px;
}

.um88-checkbox-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  width: 100%;
}
.um88-checkbox-group label {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #000000;
  /* margin-left: 10px; */
  position: relative;
}
.um88-checkbox-group .remem_forgot label{
  color: white;
  margin-left: 5px;
  position: absolute;
  top: 2%;
}
.um88-checkbox-group input[type=checkbox] {
  background: transparent;
  border: 1px solid #ffffff;
  width: 16px;
  height: 16px;
  /* -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; */
  margin-left: 15px;
  position: relative;
}
.um88-checkbox-group input[type=checkbox]:focus,
.um88-checkbox-group input[type=checkbox]:hover {
  outline: none;
  box-shadow: none;
}
/* .um88-checkbox-group input[type=checkbox]:checked + label::before {
  content: "✔";
  position: absolute;
  font-size: 1.3em;
  left: -23px;
  top: 4px;
  line-height: 0.8;
  color: #fb4d03;
  transition: all 0.2s;
  z-index: 1;
} */

.contact-us-container {
  /* width: 93%;
  margin: auto;
  overflow: hidden;
  margin-top: 20px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 20px; */
  width: 100%;
  margin: auto;
  overflow: hidden;
  padding: 15px;
  margin-top: 5px;
  text-align: center;
}
.contact-us-container .contact-content {
  padding-left: 25px;
  padding-right: 25px;
}
.contact-us-container .contact-us-wrapper {
  border: 1px solid #ffc107;
  border-radius: 10px;
  padding: 1px;
  width: 100%;
  box-shadow: 2px 2px 10px 1px gold;
  min-height: 105px;
  padding-bottom: 14px;
}
.contact-us-container .contact-us-wrapper .contact-title-wrapper {
  font-family: Casanova Scotia;
  color: #ffffff;
  font-size: 13px;
  margin-top: 10px;
  margin-bottom: 14px;
  text-transform: uppercase;
}
.contact-us-container .contact-us-wrapper .contact-title-wrapper span {
  color: #ffc107;
}
.contact-us-container .contact-us-wrapper .contact-us {
  flex: 1;
}
.contact-us-container .contact-us-wrapper .contact-us img {
  height: 34px;
}
.contact-us-container .contact-us-wrapper .contact-us p {
  color: #ffffff;
  margin: 0px;
  white-space: nowrap;
  width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.contact-us-container .contact-us-wrapper .contact-us .contact-label {
  margin-top: 5px;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
}
.contact-us-container .contact-us-wrapper .contact-us .contact {
  font-family: Casanova Scotia;
  font-size: 10px;
  letter-spacing: 1px;
}

#user-transaction-wrapper {
  /* background: linear-gradient(180deg,#0c045d,#000);
  width: 100%;
  height: 75px;
  display: flex;
  flex-direction: row;
  padding: 14px 0px 14px 27px; */
  background: linear-gradient(
    218deg,#ffc107, #795b00,#ffc107);
       width: 100%;
       border: none;
       border-left: 0px;
       box-shadow: 1px 1px 30px -7px #f7d104;
       border-right: 0px;
       height: auto;
       display: flex;
       flex-direction: row;
       padding: 12px;    
}
#user-transaction-wrapper .user-member-wrapper {
  padding-right: 13px;
  border-right: 1px solid rgba(255, 255, 255, 0.5019607843);
}
#user-transaction-wrapper .user-member-wrapper p {
  /* font-family: Casanova Scotia;
  color: gold;
  font-size: 10px;
  margin: 0px;
  margin-left: 6px; */
  font-family: Casanova Scotia;
   color: white;
   font-size: 10px;
   margin: 0px;
   margin-left: 6px;

}
#user-transaction-wrapper .user-member-wrapper .user-avatar-wrapper {
  width: 16px;
}
#user-transaction-wrapper .user-member-wrapper .member-card {
  width: 36px;
  margin-right: 5px;
  margin-top: 8px;
}
#user-transaction-wrapper .user-member-wrapper .member-level {
  margin-top: 8px;
}
#user-transaction-wrapper .user-member-wrapper .member-level p:first-child {
  font-family: Poppins;
  font-size: 7px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
#user-transaction-wrapper .user-member-wrapper .member-level p:last-child {
  font-family: Casanova Scotia;
  font-size: 9px;
  color: #bbbbba;
  margin: 0px;
}
#user-transaction-wrapper .user-transaction {
  display: flex;
  flex-direction: row;
  padding-left: 19px;
  width: 70%;
}
#user-transaction-wrapper .user-transaction a {
  /* flex: 1;
  display: block;
  text-align: center;
  text-decoration: none; */
  flex: 1;
  background: #00000036;
  border-radius: 9px;
  margin: 2px;
  display: block;
  text-align: center;
  text-decoration: none;
}
#user-transaction-wrapper .user-transaction a .transaction-img-wrapper {
  width: 34px;
  margin: auto;
}
#user-transaction-wrapper .user-transaction a p {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  margin-top: 4px;
}

#card-member-wrapper {
  /* background-image: url(../../images/we1playnew/home/background.png);
  background-repeat: no-repeat;
  background-size: cover; */
  width: 100%;
  height: 130px;
  /* box-shadow: 2px 10px 20px 0px rgba(251, 77, 3, 0.29);
  -webkit-box-shadow: 2px 10px 20px 0px rgba(251, 77, 3, 0.29);
  -moz-box-shadow: 2px 10px 20px 0px rgba(251, 77, 3, 0.29); */
  /* margin-bottom: 30px; */
  background: #4d4d4d;
  /* border-radius: 5px; */
  padding: 10px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  margin-top: 65px;
}
#card-member-wrapper .username-wrap span{
  font-size: 12px;
  color: #fff;
  width: 100%;
  text-align: right;
  font-weight: bold;
  font-family: Casanova;
}
.myr_for_upgrade {
  position: absolute;
  right: 3%;
  top: 30px;
  font-size: 12px;
  font-weight: bold;
}
.myr_for_upgrade1 {
  position: absolute;
  right: 3%;
  font-size: 12px;
  font-weight: bold;
  bottom:28px;
}
.main_wallet{
  width: 30%;
}
.member_vip{
  width: 100%;
  font-family: Casanova Scotia;
  font-size: 14px;
  color: #fff;
  text-align: right;
  margin-bottom: -1px;
}
#card-member-wrapper .username-wrap {
  display: flex;
  flex-direction: row;
}
#card-member-wrapper .username-wrap .avatar-img {
  width: 18px;
  margin-right: 7px;
  position: relative;
  top: 3px;
}
#card-member-wrapper .username-wrap p {
  margin: 0px;
  font-family: Casanova Scotia;
  font-size: 14px;
  font-weight: 300;
  color: #ffffff;
  margin-left: 30px;
}
#card-member-wrapper .main-wallet-wrap .main-wallet-wrapper {
  display: flex;
  flex-direction: row;
}
#card-member-wrapper .main-wallet-wrap .main-wallet-wrapper p {
  margin: 0px;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
  /* margin-right: 7px; */
  font-weight: bold;
  font-family: Casanova;
}
.with_limit{
  text-align: right;
  width: 100%;
}
.edite_eye_card{
  /* margin-left: 10px; */
  margin-top: -9px;
}
#card-member-wrapper .main-wallet-wrap .main-wallet-wrapper button.eye-wrapper {
  background: transparent;
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 19px;
}
#card-member-wrapper .main-wallet-wrap .main-wallet-wrapper button.eye-wrapper:hover,
#card-member-wrapper .main-wallet-wrap .main-wallet-wrapper button.eye-wrapper:focus {
  outline: none;
  box-shadow: none;
}
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper {
  display: flex;
  flex-direction: row;
}
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper .wallet-amount {
  margin: 0px;
  font-family: Casanova Scotia;
  font-size: 14px;
  color: #ffffff;
  margin-right: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper .wallet-amount span {
  font-size: 12px;
  margin-right: 10px;
}
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper .wallet-amount p {
  margin: 0px;
  display: block;
}
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper button.refresh-wrapper {
  background: transparent;
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 17px;
}
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper button.refresh-wrapper img {
  transition: transform ease-in-out 1s;
}
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper button.refresh-wrapper:hover,
#card-member-wrapper .main-wallet-wrap .my-wallet-wrapper button.refresh-wrapper:focus {
  outline: none;
  box-shadow: none;
}

header#header {
  background: linear-gradient(180deg,#1f1f1f,#1f1f1f);
  height: 65px;
  padding-top: 20px;
  position: fixed;
  z-index: 9;
  width: 100%;
}
header#header .join-now-btn {
  width: 90px;
  margin-right: 5px;
}
header#header .login-btn {
  margin-right: 5px;
}
header#header .btn-back-wrapper {
  width: 25px;
  height: auto;
}
header#header p.header-title {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  letter-spacing: 1px;
}
header#header .header-amount {
  font-family: Casanova Scotia;
  font-size: 15px;
  color: #fff;
  margin: 0px;
  margin-right: 10px;
}
header#header .header-amount span {
  margin-left: 9px;
  color: #ffffff;
}
header#header .btn-refresh {
  background: transparent;
  border: none;
  width: 18px;
  padding: 0px;
  margin-right: 5px;
}
header#header .btn-refresh:hover,
header#header .btn-refresh:focus {
  box-shadow: none;
  outline: none;
}
header#header .um88-navbar {
  width: 25px;
  overflow: hidden;
  margin-left: 10px;
}
header#header .um88-navbar span.line {
  float: left;
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background-color: #2a8fbd;
}
/* header#header .um88-navbar span.line:nth-child(2) {
  transform: translateX(5px);
} */
header#header .um88-navbar span.line:first-child {
  margin-bottom: 5px;
}
header#header .um88-navbar span.line:last-child {
  margin-top: 5px;
}

header#auth-header {
  background-color: #121212;
  height: 35px;
}
header#auth-header .header-title {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  color: #ffffff;
  margin: 0px;
  letter-spacing: 1px;
  padding-top: 10px;
}
header#auth-header a.header-close {
  width: 16px;
  display: block;
  margin-top: 8px;
}

.sidebar-transparent.show {
  display: block;
}

.sidebar-transparent {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 15;
  background: rgba(0,0,0,.3);
}

#sidebar .login-btn {
  width: 90px;
}
#sidebar .sidebar-header .btn-back-wrap button {
  width: 35px;
  background: transparent;
  border: 0px;
}
#sidebar .sidebar-header .btn-back-wrap button:focus,
#sidebar .sidebar-header .btn-back-wrap button:hover {
  outline: none;
  box-shadow: none;
}
#sidebar .sidebar-header .um88-navbar {
  width: 20px;
  overflow: hidden;
  margin-left: 10px;
}
#sidebar .sidebar-header .um88-navbar span.line {
  float: left;
  display: block;
  height: 1px;
  width: 100%;
  border-radius: 2px;
  background-color: #ffffff;
}
#sidebar .sidebar-header .um88-navbar span.line:nth-child(2) {
  transform: translateX(5px);
}
#sidebar .sidebar-header .um88-navbar span.line:first-child {
  margin-bottom: 5px;
}
#sidebar .sidebar-header .um88-navbar span.line:last-child {
  margin-top: 5px;
}
#sidebar .sidebar-scrollable::-webkit-scrollbar {
  display: none;
}
#sidebar .sidebar-scrollable {
  height: calc(100vh - 120px);
  overflow: auto;
  padding-bottom: 3rem;
}
#sidebar .sidebar-group-wrapper {
  border-bottom: none;
}
#sidebar .sidebar-group-wrapper a.sidebar-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  width: 94%;
  padding: 9px 6px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1137254902);
}
#sidebar .sidebar-group-wrapper a.sidebar-item .sidebar-img-wrapper {
  width: 35px;
  margin-right: 20px;
}
#sidebar .sidebar-group-wrapper a.sidebar-item:last-child {
  border-bottom: 0px;
}
#sidebar .sidebar-group-wrapper a.sidebar-item:hover,
#sidebar .sidebar-group-wrapper a.sidebar-item:focus {
  text-decoration: none;
}
#sidebar .sidebar-group-wrapper:last-child {
  border-bottom: 0px;
}

#sidebar .arrow-down-img {
  transform: rotate(0deg);
  transition: all ease-in-out 0.4s;
}
#sidebar .arrow-down-img.animate {
  transform: rotate(180deg);
}
#sidebar .sidebar-inner-lang-wrapper {
  /* position: fixed; */
  bottom: 0px;
  width: 100%;
}
#sidebar .sidebar-main-language {
  position: relative;
  z-index: 2;
}
.sidebar-animate-lang-wrapper a{
  text-decoration: none;
}
.desktop_bottom{
  margin-bottom: 3rem;
}
#sidebar button.sidebar-lang-wrapper:hover,
#sidebar button.sidebar-lang-wrapper:focus {
  box-shadow: none;
  outline: none;
}
#sidebar button.sidebar-lang-wrapper p {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #afafb0;
  margin: 0px;
}
#sidebar.show {
  transform: translateX(0);
}

footer#footer {
  background-color: #191919;
  /* padding-top: 40px; */
  bottom: 0;
}
footer#footer .footer-container {
  width: 93%;
  margin: auto;
}
footer#footer .footer-container .footer-logo-wrapper {
  width: 101px;
}
footer#footer .footer-container .footer-title-p {
  font-size: 10px;
  font-family: Poppins;
  font-weight: 300;
  color: #ffffff;
  margin-top: 10px;
}
footer#footer .footer-container .gaming-license-a {
  margin-right: 10px;
}
footer#footer .footer-container .gaming-license-a img {
  height: 19px;
}
footer#footer .footer-container .follow-us-a {
  margin-right: 10px;
}
footer#footer .footer-container .follow-us-a img {
  height: 23px;
}
footer#footer .footer-container .certification-a {
  margin-right: 10px;
}
footer#footer .footer-container .certification-a img {
  height: 13px;
}
footer#footer .footer-container .payment-method-a {
  margin-right: 10px;
}
footer#footer .footer-container .payment-method-a img {
  height: 19px;
}
footer#footer .footer-container a {
  display: inline-block;
}
footer#footer .footer-container a:last-child {
  margin-right: 0px;
}
footer#footer .footer-container a:hover,
footer#footer .footer-container a:focus {
  text-decoration: none;
}
footer#footer .footer-container small {
  display: block;
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.2);
  padding: 40px 0;
}

#tabbar-wrapper {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 53px;
  padding-top: 4px;
  background: #252628;
  display: flex;
  flex-direction: row;
  z-index: 5;
}
#tabbar-wrapper a.tabbar {
  background: transparent;
  border: none;
  width: 100%;
  flex: 1;
  display: block;
  text-decoration: none;
  text-align: center;
  position: relative;
}
#tabbar-wrapper a.tabbar .tabbar-img {
  width: 21px;
  margin: auto;
  margin-bottom: 0px;
  margin-top: 0px;
}
#tabbar-wrapper a.tabbar .tabbar-img-live-chat {
  position: relative;
  width: 65px;
  top: -30px;
}
#tabbar-wrapper a.tabbar p.tabbar-title.live-chat {
  position: relative;
  top: -22px;
  z-index: 5;
}
#tabbar-wrapper a.tabbar p.tabbar-title {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5019607843);
  margin: 0px;
}
#tabbar-wrapper a.tabbar p.tabbar-title.active {
  color: #FFAC1C;
}
#tabbar-wrapper a.tabbar:hover,
#tabbar-wrapper a.tabbar:focus {
  text-decoration: none;
}

#live-chat {
  position: fixed;
  z-index: 1;
  bottom: 30px;
  right: 16px;
  width: 65px;
  padding: 0px;
  background: transparent;
  border: none;
}

#live-chat:focus,
#live-chat:hover {
  box-shadow: none;
  outline: none;
}

body #home .nav-tabs {
  border: 0px;
}
body #home .um88-announcement-wrapper {
  /* height: 30px;
  width: 100%;
  background: #00013b; */
  height: auto;
  width: 100%;
  background: #000000;
  border-top: none;
}
body #home .um88-announcement-wrapper .announcement-logo {
  width: 20px;
  position: relative;
  top: -3px;
}
body #home .um88-announcement-wrapper .announcement-logo img {
  width: 15px;
  height: auto;
}
body #home .um88-announcement-wrapper marquee {
  /* position: relative;
  top: 5px;
  color: #ffffff;
  font-size: 11px;
  font-family: Poppins;
  font-weight: 300; */
  position: relative;
   top: 3px;
   color: white;
   font-size: 9px;
   text-transform: uppercase;
   text-shadow: 1px 1px 8px white;
   font-family: Poppins;
   letter-spacing: 1px;
   font-weight: 100;
   line-height: 2;

}
body #home .um88-category-container {
  width: 96%;
  margin-left: auto;
  margin-top: 16px;
  margin-bottom: 5px;
}
body #home .um88-category-container .nav {
  display: block;
}
body #home .um88-category-container .nav-link {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
body #home .um88-category-container .um88-category-wrapper::-webkit-scrollbar {
  display: none;
}
body #home .um88-category-container .um88-category-wrapper {
  width: 100%;
  overflow-y: hidden;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper {
  white-space: nowrap;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category:hover,
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category:focus {
  outline: inherit;
  border: inherit;
  box-shadow: inherit;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category:last-child {
  margin-right: 6px;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category {
  background: linear-gradient(to bottom, #3f3f48, #1c1c21);
  padding: 10px;
  width: 85px;
  height: 83px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  margin-right: 2px;
  display: inline-flex;
  flex-direction: column;
  padding-top: 10px;
  align-items: center;
  border: none !important;
  border-bottom: 0px !important;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category .um88-category-img {
  width: 33px;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category .um88-category-img img {
  width: 100%;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category .um88-category-name {
  margin-top: 5px;
  min-height: 27px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category .um88-category-name p {
  margin-bottom: inherit;
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 1px;
  max-width: 100px;
  margin: auto;
  line-height: 12px;
  text-transform: uppercase;
}
body #home .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category.active {
  background: linear-gradient(to bottom, #ff823e, #fb4d03);
}
body #home .lottery-wrapper {
  position: relative;
  width: 100%;
  height: 150px;
}
body #home .lottery-wrapper .lottery-img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #home .lottery-btn-wrapper {
  position: relative;
  width: 100%;
  height: 150px;
}
body #home .lottery-btn-wrapper .lottery-btn-inner-wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #home .lottery-btn-wrapper .lottery-btn-inner-wrapper .bet-now-btn,
body #home .lottery-btn-wrapper .lottery-btn-inner-wrapper .result-btn {
  width: 115px;
}
body #home .col-6,
body #home .col-4 {
  padding-left: 3px;
  padding-right: 3px;
}
body #home .fishing-container {
  width: 93%;
  margin: auto;
}
body #home .slots-container,
body #home .sports-container,
body #home .live-casino-container {
  width: 97%;
  margin: auto;
}
body #home .category-card,
body #home .fishing-card {
  display: block;
  margin-top: 10px;
}
body #home .category-card img,
body #home .fishing-card img {
  width: 100%;
  height: auto;
}
body #home .fishing-card {
  text-align: center;
}
body #home .fishing-card p {
  display: inline-block;
  margin: 0px;
  padding: 10px 0;
  font-family: Poppins;
  font-weight: 300;
  font-size: 11px;
  color: #ffffff;
}
body #home .customIndicator {
  display: inline-flex;
  align-items: center;
  margin-top: 10px;
}
body #home .customIndicator .indicator {
  border: 1px solid #ffffff;
  background: transparent;
  height: 9px;
  width: 9px;
  border-radius: 50%;
  margin: 0px 4px;
}
body #home .customIndicator .indicator.active {
  border: 1px solid #fb4d03;
  background-color: #fb4d03;
  border-radius: 50%;
}
body #home .um88-slot-game-container {
  width: 96%;
  margin-left: auto;
  overflow: hidden;
  margin-top: 10px;
  text-align: center;
}
body #home .um88-slot-game-container .slot-game-title-wrap {
  margin-top: 10px;
}
body #home .um88-slot-game-container .slot-game-title-wrap p {
  color: #ffffff;
  font-family: Casanova Scotia;
  font-size: 13px;
  letter-spacing: 1px;
  margin: 0px;
}
body #home .um88-slot-game-container .slot-game-title-wrap a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-family: Poppins;
  letter-spacing: 1px;
  text-decoration: none;
  margin-right: 15px;
}
body #home .um88-slot-game-container .slot-game-title-wrap a:focus,
body #home .um88-slot-game-container .slot-game-title-wrap a:hover {
  text-decoration: none;
}
body #home .um88-slot-game-container .slotGameCarousel {
  display: flex;
  margin-top: 0px;
  overflow: auto;
}
body #home .um88-slot-game-container .slotGameCarousel .carousel {
  margin-right: 10px;
}
body #home .um88-slot-game-container .slotGameCarousel .carousel img {
  width: 309px;
}
body #home .um88-slot-game-container .slotGameCarousel::-webkit-scrollbar {
  display: none;
}
body #home .dropping-like-is-hot-container {
  background-color: #1c1c21;
}
body #home .dropping-like-is-hot-container .tab-content {
  padding-bottom: 1px;
}
body #home .dropping-like-is-hot-container .dropping-title-wrap {
  margin-top: 15px;
  margin-bottom: 8px;
}
body #home .dropping-like-is-hot-container .dropping-title-wrap p {
  color: #ffc107;
  font-family: 'Poppins';
  font-weight: 800;
  font-size: 12px;
  letter-spacing: normal;
  margin: 0px;
}
body #home .dropping-like-is-hot-container .dropping-title-wrap a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-family: Poppins;
  letter-spacing: 1px;
  text-decoration: none;
  margin-right: 15px;
}
body #home .dropping-like-is-hot-container .dropping-title-wrap a:focus,
body #home .dropping-like-is-hot-container .dropping-title-wrap a:hover {
  text-decoration: none;
}
body #home .dropping-like-is-hot-container .dropping-wrapper {
  width: 96%;
  margin-left: auto;
  overflow: hidden;
}
body #home .dropping-like-is-hot-container .dropping-wrapper.drop {
  display: none;
}
body #home .dropping-like-is-hot-container .dropping-wrapper.drop.active {
  display: block;
}
body #home .dropping-like-is-hot-container nav.dropping-tabs button.nav-link {
  flex: 1;
  background: transparent;
  border: none;
  font-size: 12px;
  font-family: Poppins;
  font-weight: 300;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #79787b;
}
body #home .dropping-like-is-hot-container nav.dropping-tabs button.nav-link.active {
  background: linear-gradient(to bottom, #1c1c21, #604800);
  font-weight:900;border-bottom: 1px solid #ffc107;
  color: #ffffff;
  border-radius: 0;
}
body #home .dropping-like-is-hot-container nav.dropping-tabs button.nav-link:focus,
body #home .dropping-like-is-hot-container nav.dropping-tabs button.nav-link:hover {
  outline: none;
  box-shadow: none;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper::-webkit-scrollbar {
  display: none;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper {
  overflow-y: auto;
  white-space: nowrap;
  margin: 20px 0;
  margin-top: 10px;
  margin-left: 14px;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper button.hot-game-wrapper:last-child {
  margin-right: 0px;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper button.hot-game-wrapper:hover,
body #home .dropping-like-is-hot-container .hot-games-wrapper button.hot-game-wrapper:focus {
  box-shadow: none;
  outline: none;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper .hot-game-wrapper {
  background: transparent;
   width: 110px;
   margin-right: 6px;
   border: none;
   box-shadow: 2px 2px 10px -1px #000000;
   border-radius: 9px;
   overflow: hidden;
   padding: inherit;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper .hot-game-wrapper img.hot-game-img {
  width: 100%;
  height: auto;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper .hot-game-wrapper .hot-game-bottom-wrapper {
  width: 100%;
  height: 27px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  background: linear-gradient(to bottom, #1c1c21, #000000);
}
body #home .dropping-like-is-hot-container .hot-games-wrapper .hot-game-wrapper .hot-game-bottom-wrapper p {
  margin: 0px;
  font-family: Poppins;
  font-weight: 300;
  font-size: 9px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  overflow: hidden;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper .hot-game-wrapper .hot-game-bottom-wrapper .favourite-img-wrapper {
  width: 18px;
}
body #home .dropping-like-is-hot-container .hot-games-wrapper .hot-game-wrapper .hot-game-bottom-wrapper .favourite-img-wrapper img.favourite-img {
  width: 100%;
  /* display: none; */
}
body #home .promotion-container {
  width: 93%;
  margin: auto;
  overflow: hidden;
  text-align: center;
}
body #home .promotion-container .promotion-title-wrap {
  margin-top: 20px;
  margin-bottom: 15px;
}
body #home .promotion-container .promotion-title-wrap p {
  color: #ffffff;
  font-family: Casanova Scotia;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0px;
}
body #home .promotion-container .promotion-title-wrap a {
  color: rgba(255, 255, 255, 0.5);
  font-size: 9px;
  font-family: Poppins;
  letter-spacing: 1px;
  text-decoration: none;
  margin-right: 0px;
}
body #home .promotion-container .promotion-title-wrap a:focus,
body #home .promotion-container .promotion-title-wrap a:hover {
  text-decoration: none;
}
body #home .promotion-container .promotion-main-wrapper {
  width: 100%;
  display: block;
  position: relative;
}
body #home .promotion-container .promotion-main-wrapper img#promotion-banner {
  width: 100%;
}
body #home .promotion-container .promotion-main-wrapper .play-now-btn {
  background: linear-gradient(to bottom, #ff823e, #fb4d03);
  display: inline-block;
  color: #ffffff;
  font-family: Casanova Scotia;
  font-size: 15px;
  padding: 5px 15px;
  border-radius: 5px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.25);
}
body #home .promotion-container .promotions-inner-wrapper {
  width: 100%;
  overflow: hidden;
}
body #home .promotion-container .promotions-wrapper::-webkit-scrollbar {
  display: none;
}
body #home .promotion-container .promotions-wrapper {
  margin-top: 20px;
  white-space: nowrap;
  overflow-y: auto;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper:hover,
body #home .promotion-container .promotions-wrapper .promotion-wrapper:focus {
  outline: none;
  box-shadow: none;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper.active {
  border: 0.5px solid #fb4d03;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper.active img {
  width: 100%;
  height: auto;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper.active .promotion-name-wrapper {
  background: linear-gradient(to bottom, #ff823e, #fb4d03);
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper.active .promotion-name-wrapper p {
  color: #111111;
  font-weight: 600;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper:last-child {
  margin-right: inherit;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper {
  background: transparent;
  margin-right: 10px;
  border: 0.5px solid transparent;
  border-radius: 5px;
  overflow: hidden;
  padding: inherit;
  width: 109px;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper img {
  width: 100%;
  height: auto;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper .promotion-name-wrapper {
  background: linear-gradient(to bottom, #3f3f48, #1c1c21);
  height: 30px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body #home .promotion-container .promotions-wrapper .promotion-wrapper .promotion-name-wrapper p {
  color: #ffffff;
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  overflow: hidden;
  text-overflow: ellipsis;
  /* width: 90%; */
  margin: auto;
  margin-bottom: 0px;
  margin-top: 0px;
}
body #home .trustworthy-value-efficient-container {
  background-color: #1c1c21;
  padding-bottom: 25px;
}
body #home .trustworthy-value-efficient-container .col-6 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
body #home .trustworthy-value-efficient-container .trustworthy-container {
  width: 93%;
  margin: auto;
  overflow: hidden;
  margin-top: 20px;
  text-align: center;
}
body #home .trustworthy-value-efficient-container .trustworthy-container .trustworthy-title-wrapper {
  margin-top: 20px;
  margin-bottom: 12px;
  text-align: left;
}
body #home .trustworthy-value-efficient-container .trustworthy-container .trustworthy-title-wrapper p {
  color: #ffffff;
  font-family: Casanova Scotia;
  font-size: 13px;
  letter-spacing: 1px;
  margin: 0px;
  display: inline-block;
}
body #home .trustworthy-value-efficient-container .trustworthy-container .trustworthy-background {
  width: 100%;
  height: auto;
}
body #home .trustworthy-value-efficient-container .trustworthy-container .trustworthy-wrap {
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
body #home .trustworthy-value-efficient-container .trustworthy-container .trustworthy-wrap .trustworthy-img {
  width: 34px;
  margin-bottom: 5px;
}
body #home .trustworthy-value-efficient-container .trustworthy-container .trustworthy-wrap .trustworthy-img img {
  /* width: 100%; */
  width: 25px;
}
body #home .trustworthy-value-efficient-container .trustworthy-container .trustworthy-wrap span {
  font-family: Poppins;
  font-weight: 300;
  font-size: 9px;
  color: #ffffff;
  height: 25px;
}
body #vip .vip-hand-wrapper {
  width: 100%;
  height: 80px;
  position: relative;
}
body #vip .vip-hand-wrapper .vip-hand-img {
  position: absolute;
  top: 60%;
  left: 65%;
  transform: translate(-50%, -50%);
}
body #vip .current-status-container {
  padding-top: 20px;
  padding-bottom: 20px;
}
body #vip .current-status-p {
  font-family: Casanova Scotia;
  font-size: 10px;
  color: #ffffff;
  margin: 0px;
}
body #vip .vip-exp-wrapper {
  width: 100%;
  position: relative;
}
body #vip .card-wrapper {
  flex: 1;
  text-align: center;
}
body #vip .card-wrapper img {
  width: 36px;
}
body #vip .line {
  margin-top: 5px;
  margin-bottom: 5px;
  width: 1px;
  height: 8px;
  display: inline-block;
}
body #vip .card-name {
  font-family: Casanova Scotia;
  font-size: 6px;
  margin: 0px;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}
body #vip .line.bronze {
  background-color: #b19e85;
}
body #vip .card-name.bronze,
.bronze .member-0 {
  color: #b19e85;
}
body #vip .line.silver {
  background-color: #bbbbba;
}
body #vip .card-name.silver,
.silver .member-0 {
  color: #bbbbba;
}
body #vip .line.gold {
  background-color: #e0c077;
}
body #vip .card-name.gold,
.gold .member-0 {
  color: #e0c077;
}
body #vip .line.platinum {
  background-color: #cbd6e6;
}
body #vip .card-name.platinum,
.platinum .member-0 {
  color: #cbd6e6;
}
body #vip .line.diamond {
  background-color: #e2c79b;
}
body #vip .card-name.diamond,
.diamond .member-0 {
  color: #e2c79b;
}
body #vip .vip-content-wrapper {
  background-color: #1c1c21;
  width: 100%;
  padding: 20px;
}
body #vip .vip-content-wrapper .vip-content-title-p {
  font-family: Casanova Scotia;
  font-size: 13px;
  color: #fff;
}
body #vip .vip-left-btn,
body #vip .vip-right-btn {
  background: transparent;
  border: none;
  outline: none;
}
body #vip .vip-left-btn:focus,
body #vip .vip-left-btn:hover,
body #vip .vip-right-btn:focus,
body #vip .vip-right-btn:hover {
  outline: none;
  box-shadow: none;
}
body #vip .vip-content-btn-wrapper {
  flex: 3;
  position: relative;
}
body #vip .vip-content-btn-wrapper button {
  position: absolute;
  top: 26%;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
}
body #vip .carousel-control-prev,
body #vip .carousel-control-next {
  width: 16px;
  top: 12%;
  bottom: inherit;
  transform: translateY(12%);
}
body #vip .carousel-control-prev {
  left: 40px;
}
body #vip .carousel-control-next {
  right: 40px;
}
body #vip .member-wrapper {
  margin-top: 30px;
}
body #vip .vip-content-img-wrapper {
  flex: 5;
  padding: 0px 75px;
}
body #vip .vip-inner-wrapper {
  overflow: hidden;
}
body #vip .member-name {
  font-family: Casanova Scotia;
  font-size: 13px;
  letter-spacing: 1px;
  margin: 0px;
}
body #vip .member-left p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #vip .member-right p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #fb4d03;
  margin: 0px;
}
body #vip .contact-us-container {
  width: 93%;
  margin-top: 40px;
}
body #slot-list .slot-container {
  width: 94%;
  margin-left: auto;
  margin-top: 15px;
}
body #slot-list .slots-container {
  padding-top: 0.6rem;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
body #slot-list .col-4 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.6rem;
}
body #slot-list .nav-link {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
body #slot-list .nav-tabs {
  white-space: nowrap;
  border: 0px;
  display: block;
}
body #slot-list .slot-top-header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  /* height: 66px; */
  width: 90%;
  margin: auto;
  overflow: auto;
}
body #slot-list .slot-top-header-wrapper .back-btn {
  display: block;
  width: 16px;
  margin-right: 10px;
}
body #slot-list .slot-top-header-wrapper .icon-slot-wrapper {
  width: 99px;
  height: 66px;
  position: relative;
  margin: 5px;
}
body #slot-list .slot-top-header-wrapper .icon-slot-wrapper.active{
  border: 1px solid #4c4c4c;
  border-radius: 6px;
}
body #slot-list .slot-top-header-wrapper .icon-slot-wrapper img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #slot-list .slot-top-header-wrapper p {
  margin: 0px;
  font-family: Poppins;
  font-size: 11px;
  color: #ffffff;
}
body #slot-list .slot-top-header-wrapper .input-group-wrapper {
  position: relative;
}
body #slot-list .slot-top-header-wrapper .input-group-wrapper img {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 10px;
  top: 10px;
}
body #slot-list .slot-top-header-wrapper .input-group-wrapper input {
  font-family: Poppins;
  font-size: 11px;
  background-color: #3f3f48;
  border-radius: 20px;
  height: 30px;
  width: 150px;
  padding-left: 30px;
  border: none;
  color: #ffffff;
}
body #slot-list .slot-top-header-wrapper .input-group-wrapper input:focus,
body #slot-list .slot-top-header-wrapper .input-group-wrapper input:hover {
  outline: none;
  border: none;
  box-shadow: none;
}
body #slot-list .slot-top-header-wrapper .input-group-wrapper input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
body #slot-list .slot-top-header-wrapper .input-group-wrapper input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
body #slot-list .slot-top-header-wrapper .input-group-wrapper input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
body #slot-list .slot-category-tabs-wrapper {
  overflow-y: auto;
  width: 100%;
}
body #slot-list .slot-category-tabs-wrapper::-webkit-scrollbar {
  display: none;
}
body #slot-list .slot-category-btn:focus,
body #slot-list .slot-category-btn:hover {
  outline: none;
  box-shadow: none;
}
body #slot-list .slot-category-btn {
  position: relative;
  width: 69px;
  min-width: 69px;
  height: 40px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(to bottom, #3f3f48, #1c1c21);
  color: rgba(255, 255, 255, 0.5019607843);
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  border: none;
  margin-right: 2px;
  display: inline-block;
}
body #slot-list .slot-category-btn.active {
  background: linear-gradient(to bottom, #ff823e, #fb4d03);
  color: #ffffff;
}
body #slot-list .slots-container {
  width: 100%;
  margin: auto;
  background-color: #1e1e1e;
  border-radius: 5px;
}
body #slot-list button.slot-wrapper:hover,
body #slot-list button.slot-wrapper:focus {
  outline: none;
  box-shadow: none;
}
body #slot-list button.slot-wrapper {
  display: block;
  background: transparent;
  width: 100%;
  margin-right: 10px;
  border: solid 1px #8080802e;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px;
}
body #slot-list button.slot-wrapper img.hot-game-img {
  width: 100%;
  height: 95px;
}
body #slot-list button.slot-wrapper .hot-game-bottom-wrapper {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  background: none;
}
body #slot-list button.slot-wrapper .hot-game-bottom-wrapper p {
  margin: 0px;
  font-family: Poppins;
  font-weight: 300;
  font-size: 9px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  overflow: hidden;
}
body #slot-list button.slot-wrapper .hot-game-bottom-wrapper .favourite-img-wrapper {
  width: 14px;
}
body #slot-list button.slot-wrapper .hot-game-bottom-wrapper .favourite-img-wrapper img.favourite-img {
  width: 100%;
}
body #slot-list .col-12.not-found p {
  font-family: Poppins;
  font-size: 11px;
  color: #ffffff;
  text-align: center;
}
body #promotion {
  -webkit-animation-fill-mode: inherit;
          animation-fill-mode: inherit;
}
body #promotion .nav-tabs {
  border: 0px;
  white-space: nowrap;
  display: block;
}
body #promotion .modal-header {
  border-bottom: none;
}
body #promotion .um88-category {
 border-radius: 6px;
}
body #promotion .um88-category-container {
  width: 96%;
  margin-left: auto;
  margin-top: 23px;
}
body #promotion .um88-category-container .um88-category-wrapper::-webkit-scrollbar {
  display: none;
}
body #promotion .um88-category-container .um88-category-wrapper {
  width: 100%;
  overflow-y: hidden;
}
body #promotion .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper {
  white-space: nowrap;
}
body #promotion .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category:hover,
body #promotion .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category:focus {
  outline: inherit;
  border: inherit;
  box-shadow: inherit;
}
body #promotion .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category {
  background: linear-gradient(to bottom, #3f3f48, #1c1c21);
  padding: 10px;
  width: 70px;
  height: 44px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  margin-right: 2px;
  display: inline-flex;
  flex-direction: column;
  padding-top: 10px;
  align-items: center;
  border: none;
  position: relative;
}
body #promotion .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category .um88-category-name {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #promotion .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category .um88-category-name p {
  margin-bottom: inherit;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
  /* letter-spacing: 1px; */
  /* max-width: 100px; */
  margin: auto;
  line-height: 12px;
  text-transform: uppercase;
}
body #promotion .um88-category-container .um88-category-wrapper .um88-category-inner-wrapper .um88-category.active {
  background: #f7b240;
}
body #promotion h4 {
  font-family: Casanova Scotia;
  font-size: 13px;
  color: #cacacb;
  letter-spacing: 0.5px;
  margin-top: 10px;
}
body #promotion h4 span {
  color: #fff;
}
body #promotion p.desc {
  color: #bcbcbc;
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body #promotion .btn-um88 {
  height: 30px;
}
body #promotion .promotion-list-container {
  width: 93%;
  margin: auto;
  margin-top: 16px;
}
body #promotion .promotion-list-container .promotion-wrapper {
  background-color: #1c1c21;
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 16px 10px;
}
body #promotion .modal-header {
  background-color: #ffc107;
  height: 45px;
  position: relative;
  padding: 0px;
}
body #promotion .modal-body {
  background-color: #1c1c21;
}
body #promotion .promotion-line {
  border-top: 1px solid rgba(255, 255, 255, 0.5019607843);
  width: 100%;
  margin-top: 24px;
  margin-bottom: 24px;
}
body #promotion .promo-end-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
}
body #promotion .promo-end-wrapper p.promo-title {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #bcbcbc;
  margin: 0px;
  margin-bottom: 10px;
}
body #promotion .promo-end-wrapper .countdown-wrapper {
  display: flex;
  flex-direction: row;
}
body #promotion .promo-end-wrapper .countdown-wrapper .countdown:first-child {
  padding-right: 5px;
}
body #promotion .promo-end-wrapper .countdown-wrapper .countdown:nth-child(1) {
  padding-left: 5px;
  padding-right: 5px;
}
body #promotion .promo-end-wrapper .countdown-wrapper .countdown:last-child {
  padding-left: 5px;
  border-right: none;
}
body #promotion .promo-end-wrapper .countdown-wrapper .countdown {
  position: relative;
  width: 50px;
  border-right: 1px solid rgba(255, 255, 255, 0.5019607843);
  display: block;
  min-height: 38px;
}
body #promotion .promo-end-wrapper .countdown-wrapper .countdown .countdown-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
}
body #promotion .promo-end-wrapper .countdown-wrapper .countdown .countdown-inner p {
  font-family: Poppins;
  font-size: 20px;
  font-weight: 300;
  color: #fb4d03;
  margin: 0px;
  text-align: center;
}
body #promotion .promo-end-wrapper .countdown-wrapper .countdown .countdown-inner span {
  font-family: Poppins;
  font-size: 7px;
  font-weight: 300;
  color: #cacacb;
  text-align: center;
  display: block;
}
body #promotion .promotion-how-wrapper p.promotion-how-title {
  font-family: Casanova Scotia;
  font-size: 14px;
  color: #fb4d03;
}
body #promotion .promotion-how-wrapper p.promotion-how-content {
  font-family: Poppins;
  font-size: 12px;
  color: #cacacb;
  font-weight: 300;
}
body #promotion .promotion-how-wrapper p.promotion-how-content span {
  font-weight: 600;
}
body #promotion .promotion-how-wrapper p.list-type {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #cacacb;
  display: flex;
}
body #promotion .promotion-how-wrapper p.list-type span:first-child {
  float: left;
  width: 15px;
}
body #promotion .promotion-how-wrapper p.list-type span:last-child {
  width: 100%;
  margin-left: 15px;
  float: left;
}
body #promotion .promotion-how-wrapper p.list-type span:last-child span {
  display: contents;
  font-weight: 600;
  padding-left: 0px;
}
body #promotion .promotion-how-wrapper p.calc-wrapper {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #cacacb;
  margin: 0px;
}
body #promotion .promotion-how-wrapper p.calc-wrapper span {
  margin-left: 150px;
}
body #promotion .promotion-how-wrapper p.table-bottom-desc {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  font-style: italic;
  color: #bcbcbc;
  margin: 0px;
  margin-top: 10px;
}
body #promotion .promotion-how-wrapper table {
  border-radius: 5px;
  overflow: hidden;
  border-style: hidden;
  /* hide standard table (collapsed) border */
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5019607843);
  /* this draws the table border  */
}
body #promotion .promotion-how-wrapper td {
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
}
body #promotion .promotion-how-wrapper table {
  width: 100%;
}
body #promotion .promotion-how-wrapper table td,
body #promotion .promotion-how-wrapper table th {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #cacacb;
}
body #promotion .promotion-how-wrapper table th,
body #promotion .promotion-how-wrapper table td {
  text-align: center;
}
body #promotion .promotion-how-wrapper table thead {
  background-color: #404040;
  height: 40px;
}
body #promotion .promotion-how-wrapper table tbody tr {
  height: 45px;
  border-radius: 10px;
  overflow: hidden;
}
body #promotion .promotion-how-wrapper table tbody tr span {
  max-width: 60px;
  display: inline-block;
}
body #promotion .promotion-how-wrapper table tbody tr span:first-child {
  padding-bottom: 15px;
}
body #promotion .promotion-how-wrapper table tbody tr span:last-child {
  padding-top: 15px;
}
body #app-download .app-download-container {
  width: 93%;
  margin: auto;
  overflow: hidden;
  background-color: #1c1c21;
  min-height: 100px;
  border-radius: 10px;
  padding-top: 23px;
  padding-left: 13px;
  padding-right: 13px;
  box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.25);
}
body #app-download .app-download-container h5 {
  font-family: Casanova Scotia;
  font-size: 15px;
  color: #fb4d03;
  letter-spacing: 0.5px;
  text-align: center;
  margin: 0px;
}
body #app-download .app-download-container p.safe {
  margin-top: 12px;
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}
body #app-download .app-download-container a.download:first-child {
  margin-right: 16px;
}
body #app-download .app-download-container a.download {
  display: flex;
  background-color: #ffffff;
  border-radius: 10px;
  text-decoration: none;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 40px;
  width: 100%;
}
body #app-download .app-download-container a.download .download-icon {
  width: 20px;
  margin-right: 11px;
}
body #app-download .app-download-container a.download span {
  font-family: Casanova Scotia;
  font-size: 12px;
  color: #111111;
}
body #app-download .contact-us-container {
  width: 93%;
}
body #register .register-container {
  width: 90%;
  margin: auto;
  padding-top: 45px;
}
body #register .register-bottom-wrapper {
  margin-top: 30px;
}
body #register .step-wrapper {
  margin-top: 10px;
  margin-bottom: 37px;
}
body #register .step-wrapper .step-wrap.active p.step {
  color: #fb4d03;
}
body #register .step-wrapper .step-wrap {
  flex: 1;
}
body #register .step-wrapper .step-wrap p.step {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: #ffffff;
  letter-spacing: 1px;
  text-align: center;
}
body #register .step-wrapper .step-wrap:first-child p {
  text-align: left;
}
body #register .step-wrapper .step-wrap:last-child p {
  text-align: right;
}
body #register .form-p-tip {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.7019607843);
  width: 90%;
  margin: 0px auto;
  margin-top: 10px;
  margin-bottom: 19px;
}
body #register p.affiliate-p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  margin-left: 10px;
  margin-bottom: 6px;
}
body #register .arrow-down {
  width: 10px;
  margin-left: 10px;
  position: relative;
  top: -4px;
  transition: all ease-in-out 1s;
}
body #register .phone-num-text {
  width: 140px;
  padding-left: 80px;
}
body #register textarea.um88-input {
  background: transparent;
  border: 1px solid #ffffff;
  border-radius: 5px;
}
body #register .register-logo-wrap {
  width: 170px;
  margin: auto;
  margin-top: 87px;
}
body #register p.register-congra-text {
  font-family: Casanova Scotia;
  font-size: 15px;
  color: #ffffff;
  text-align: center;
  margin-top: 27px;
  margin-bottom: 4px;
}
body #register p.register-congra-label {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  margin: 0px;
}
body #register .deposit-btn-wrapper {
  margin: auto;
  width: 90%;
  margin-top: 30px;
}
body #register .register-tip-text {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #bcbcbc;
  width: 280px;
  text-align: center;
  margin: auto;
  margin-top: 30px;
}
body #register .register-tip-text span {
  color: #fb4d03;
}
body #register .register-tip-text-1 {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #bcbcbc;
  width: 315px;
  text-align: center;
  margin: auto;
  margin-top: 30px;
}
body #register .register-tip-text-1 span {
  color: #fb4d03;
}
body #login .login-container {
  width: 90%;
  margin: auto;
}
body #login .login-logo-wrapper {
  width: 170px;
  margin: auto;
  /* margin-top: 37px; */
  /* margin-bottom: 36px; */
}
body #login .um88-link {
  color: #000000;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
}
body #login .login-bottom-wrapper {
  margin-top: 5px;
}
body #login .login-bottom-wrapper .register-wrapper p {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
  margin: 0;
  text-align: center;
}
body #login .login-bottom-wrapper .register-wrapper p a {
  color: #ffc107;
}
body #login .login-bottom-wrapper .login-horizontal-line {
  width: 100px;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.5019607843);
  margin: 12px auto;
}
#login{
  background: #000b1ce8;
  backdrop-filter: blur( 4px );
}
body #login .login-bottom-wrapper .customer-service-wrapper p {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  margin: 0;
}
body #login .login-bottom-wrapper .customer-service-wrapper p span {
  color: #ffc107;
}
body #account {
  -webkit-animation-fill-mode: backwards;
          animation-fill-mode: backwards;
}
body #account .tab-pane {
  overflow: hidden;
}
body #account .copy-field {
  height: 50px;
  border: 1px solid #8e8e90;
  background: transparent;
  border-radius: 8px;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
body #account .copy-field input {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
body #account .copy-field p {
  color: #ffffff;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  padding-left: 10px;
  margin: 0px;
  margin-top: 5px;
}
body #account .copy-field button {
  background: transparent;
  border: none;
  width: 30px;
  padding: 0px;
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
}
body #account .copy-field button:focus,
body #account .copy-field button:hover {
  box-shadow: none;
  outline: none;
}
body #account .date-range-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
}
body #account .date-range-wrapper span.date-to {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  bottom: 10px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
body #account .date-range-wrapper .date-range-space {
  width: 25px;
  display: block;
}
body #account .date-range-wrapper .date-group-wrapper {
  max-width: 135px;
  position: relative;
}
body #account .date-range-wrapper .date-group-wrapper label {
  color: #ffffff;
  font-size: 11px;
  font-family: Poppins;
  font-weight: 300;
}
body #account .date-range-wrapper .date-group-wrapper .calendar-icon {
  position: absolute;
  width: 19px;
  right: 11px;
  bottom: 14px;
}
body #account .date-range-wrapper .date-group-wrapper input[type=date] {
  background: transparent;
  border: 1px solid #8e8e90;
  border-radius: 8px;
  padding: 10px;
  color: #ffffff;
  max-width: 135px;
  font-size: 13px;
  font-weight: 300;
  font-family: Poppins;
}
body #account .date-range-wrapper .date-group-wrapper input[type=date]::-webkit-inner-spin-button,
body #account .date-range-wrapper .date-group-wrapper input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
body #account .date-range-wrapper .date-group-wrapper input[type=date]:focus,
body #account .date-range-wrapper .date-group-wrapper input[type=date]:hover {
  outline: none;
  box-shadow: none;
}
body #account .account-container {
  width: 90%;
  margin: auto;
}
body #account .account-container .sub-nav-tabs {
  display: flex;
  flex-direction: row;
  padding: 20px 12px;
  background-color: #1c1c21;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
body #account .account-container .sub-nav-tabs button.nav-link:first-child {
  /* border-right: 1px solid rgba(255, 255, 255, 0.5019607843); */
}
body #account .account-container .sub-nav-tabs button.nav-link {
  flex: 1;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  background: transparent;
  border: none;
  color: #ffffff;
  padding-top: 4px;
  padding-bottom: 1px;
}
body #account .account-container .sub-nav-tabs button.nav-link.active {
  color: gold;
}
body #account .account-container .sub-nav-tabs button.nav-link:focus,
body #account .account-container .sub-nav-tabs button.nav-link:hover {
  box-shadow: none;
  outline: none;
}
body #account .account-container .nav-tabs {
  border: 0px;
  width: 100%;
}
body #account .account-container .account-tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
  margin-bottom: 15px;
  position: relative;
}
body #account .account-container .account-tabs button.account-tab {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: #323337;
  border: none;
  /* margin-right: 5px; */
  height: 75px;
  flex: 1;
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* border-bottom-left-radius: 10px; */
  position: relative;
}
body #account .account-container .account-tabs button.account-tab:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 3rem;
  background: #4d4d4d;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body #account .account-container .account-tabs button.account-tab .tab-img {
  width: 32px;
  margin-bottom: 9px;
  padding: 0px;
}
body #account .account-container .account-tabs button.account-tab p {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  line-height: 10px;
}
body #account .account-container .account-tabs button.account-tab.active {
  /* background: gold; */
}
body #account .account-container .account-tabs button.account-tab.active p{
 color: gold;
}
body #account .account-container .account-tabs button.account-tab-tab:hover,
body #account .account-container .account-tabs button.account-tab:focus {
  outline: none;
  box-shadow: none;
}
body #account .account-container .account-tabs button.account-tab:last-child {
  margin-right: 0px;
}
body #account .account-container .account-2-wrapper {
  background-color: #1c1c21;
  border-radius: 7px;
  width: 100%;
}
body #account .account-container .form-wrapper,
body #account .account-container .form-password-wrapper {
  padding: 12px 20px;
}
body #account .account-container .form-wrapper label.label-account,
body #account .account-container .form-password-wrapper label.label-account {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: gold;
  margin-bottom: 5px;
}
body #account .account-container .form-wrapper label.label-password,
body #account .account-container .form-password-wrapper label.label-password {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #8e8e90;
  margin-bottom: 5px;
}
body #account .account-container .form-wrapper label.label-password span,
body #account .account-container .form-password-wrapper label.label-password span {
  color: #fb4d03;
}
body #account .account-container .account-wrapper {
  background-color: #1c1c21;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  width: 100%;
  padding-bottom: 26px;
}
body #account .account-container .account-wrapper p.mail-content {
  font-family: Casanova Scotia;
  font-size: 12px;
  color: #ffffff;
  margin: 0px;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 244px;
  overflow: hidden;
}
body #account .account-container .account-wrapper p.mail-date {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: #bcbcbc;
  margin: 0px;
}
body #account .account-container .account-wrapper small {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5019607843);
}
body #account .account-container .account-wrapper .mail-wrapper {
  display: flex;
  flex-direction: row;
  height: 33px;
  align-items: center;
  margin-bottom: 17px;
  position: relative;
  padding-left: 20px;
}
body #account .account-container .account-wrapper .mail-wrapper input {
  margin-right: 10px;
}
body #account .account-container .account-wrapper .mail-wrapper input[type=checkbox]:checked + label::before {
  left: -33px;
  top: 12px;
}
body #account .account-container .account-wrapper .mail-select-all-wrapper {
  display: flex;
  flex-direction: row;
  height: 50px;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: 1px solid #ffffff;
  border-radius: 5px;
  margin-left: 20px;
  margin-right: 20px;
  padding-right: 17px;
}
body #account .account-container .account-wrapper .mail-select-all-wrapper input {
  margin-right: 10px;
}
body #account .account-container .account-wrapper .mail-select-all-wrapper input[type=checkbox]:checked + label::before {
  left: -33px;
  top: 5px;
}
body #account .account-container .account-wrapper .mail-select-all-wrapper .mail-action-wrapper {
  display: flex;
}
body #account .account-container .account-wrapper .mail-select-all-wrapper .mail-action-wrapper button.mail-action {
  background: transparent;
  border: none;
  width: 30px;
}
body #account .account-container .account-wrapper .mail-select-all-wrapper .mail-action-wrapper button.mail-action:hover,
body #account .account-container .account-wrapper .mail-select-all-wrapper .mail-action-wrapper button.mail-action:focus {
  outline: none;
  box-shadow: none;
}
body #account .modal-header {
  background-color: #fb4d03;
  height: 45px;
  position: relative;
  padding: 0px;
}
body #account .modal-body {
  background-color: #1c1c21;
}
body #account .modal-mail-date {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: #bcbcbc;
}
body #account .modal-mail-title {
  font-family: Casanova Scotia;
  font-size: 13px;
  color: #ffffff;
  max-width: 280px;
}
body #account button.modal-mail-star {
  width: 30px;
  background: transparent;
  border: none;
}
body #account button.modal-mail-star:focus,
body #account button.modal-mail-star:hover {
  outline: none;
  box-shadow: none;
}
body #account .modal-header {
  border-bottom: none;
  position: relative;
}
body #account .modal-header p {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #account .modal-mail-content {
  font-family: Poppins;
  color: #bcbcbc;
  font-size: 11px;
  font-weight: 300;
}
body #account .bank-list-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}
body #account .bank-list-wrapper .bank-wrap {
  display: none;
}
body #account .bank-list-wrapper .bank-wrap.show {
  display: block;
}
body #account .crypto-form-wrapper,
body #account .bank-form-wrapper {
  display: none;
}
body #account .crypto-form-wrapper.show,
body #account .bank-form-wrapper.show {
  display: block;
}
body #account .bank-list-wrapper.show {
  display: block;
}
body #account .crypto-list-wrapper {
  padding-left: 20px;
  padding-right: 20px;
  display: none;
}
body #account .crypto-list-wrapper .crypto-wrap {
  display: none;
}
body #account .crypto-list-wrapper .crypto-wrap.show {
  display: block;
}
body #account .crypto-list-wrapper.show {
  display: block;
}
body #account .crypto-empty,
body #account .bank-empty {
  display: block;
  height: 47px;
}
body #account .crypto-empty.hide,
body #account .bank-empty.hide {
  display: none;
}
body #account .bank-item,
body #account .crypto-item {
  width: 100%;
  height: 77px;
  background-color: #2e2e33;
  border-radius: 5px;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 20px;
}
body #account .bank-item p.bank-item-name,
body #account .crypto-item p.bank-item-name {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #account .bank-item p.bank-item-number,
body #account .crypto-item p.bank-item-number {
  font-family: Casanova Scotia;
  font-size: 13px;
  color: #ffffff;
  margin: 0px;
}
body #account .bank-item.hide,
body #account .crypto-item.hide {
  display: none;
}
body #account p.referral-status-p {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  margin: 0;
  margin-top: 20px;
  margin-bottom: 10px;
}
body #account .referral-wrap {
  padding: 0px 20px;
}
body #account .referral-wrap .referral-box-wrap {
  border: 1px solid #ffffff;
  border-radius: 5px;
  width: 100%;
  padding: 17px 18px;
  overflow: hidden;
}
body #account .referral-wrap .referral-box-wrap p.referral-tip {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #account .referral-wrap .referral-box-wrap input {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
body #account .referral-wrap .referral-box-wrap .referral-white-box-wrap {
  border: 1px solid #fb4d03;
  background-color: #ffffff;
  border-radius: 5px;
  height: 40px;
  /* padding-left: 25px; */
  margin-top: 15px;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: space-between;
}
body #account .referral-wrap .referral-box-wrap .referral-white-box-wrap p {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #000;
  margin: 0px;
}
body #account .referral-wrap .referral-box-wrap .referral-white-box-wrap .btn-um88 {
  border-radius: 0px;
}
body #account .referral-wrap p.share-tip {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  margin-top: 16px;
}
body #account .referral-wrap p.mission-wrap {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #account .referral-wrap p.mission-wrap span {
  color: #fb4d03;
}
body #account .other-box {
  background-color: #1c1c21;
  border-radius: 10px;
  width: 100%;
  margin-top: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
}
body #account .other-box .important-p {
  font-family: Casanova Scotia;
  font-size: 11px;
  color: #FFAC1C;
}
body #account .other-box p.list-type {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  display: flex;
}
body #account .other-box p.list-type span:first-child {
  float: left;
}
body #account .other-box p.list-type span:last-child {
  width: 100%;
  padding-left: 20px;
  float: left;
}
body #account .other-box p.effective-p {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #account .contact-us-container {
  width: 90%;
}
body #account table.history-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
body #account table.history-table thead {
  background-color: #404040;
  height: 40px;
}
body #account table.history-table thead tr th {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}
body #account table.history-table tbody tr td {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5019607843);
  text-align: center;
  padding-top: 21px;
  /* padding-bottom: 81px; */
}
body #account table.history-table tfoot tr td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
}
body #fund .nav-tabs {
  border: 0px;
}
body #fund .nav-link {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
body #fund .crypto-warning-wrapper {
  background: #e0d1a1;
  border-radius: 10px;
  height: 36px;
  height: 50px;
  justify-content: center;
  align-items: center;
  display: flex;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 10px;
}
body #fund .crypto-warning-wrapper p {
  margin: 0px;
  font-family: Poppins;
  font-size: 11px;
  color: #111111;
  font-weight: 300;
  text-align: center;
}
body #fund .crypto-warning-wrapper p span {
  font-weight: 600;
  color: #fb4d03;
}
body #fund .crypto-warning-wrapper button {
  background: transparent;
  border: none;
  padding: 0px;
  width: 12px;
  margin-left: 5px;
  position: relative;
  top: -3px;
}
body #fund .crypto-warning-wrapper button:focus,
body #fund .crypto-warning-wrapper button:hover {
  box-shadow: none;
  outline: none;
}
body #fund .crypto-warning-wrapper button:focus img,
body #fund .crypto-warning-wrapper button:hover img {
  transition: all ease-in-out 1s;
}
body #fund .col-4 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}
body #fund .fund-container {
  width: 90%;
  margin: auto;
}
body #fund .fund-container .bank-option-wrapper {
  margin-top: 6px;
  background-color: #2e2e33;
  width: 100%;
  border-radius: 5px;
  /* padding-top: 16px; */
  padding-bottom: 16px;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank {
  display: flex;
  flex-direction: column;
  width: 100%;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .radio-group-inner-bank {
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 40px;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper.show {
  display: block;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper {
  margin-left: 52px;
  margin-right: 29px;
  display: none;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper .copy-field {
  height: 29px;
  border: 1px solid #ffffff;
  background: transparent;
  border-radius: 5px;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper .copy-field input {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper .copy-field p {
  color: #ffffff;
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  padding-left: 10px;
  margin: 0px;
  margin-top: 5px;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper .copy-field button {
  background: transparent;
  border: none;
  width: 30px;
  padding: 0px;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper .copy-field button:focus,
body #fund .fund-container .bank-option-wrapper .radio-group-bank .bank-group-input-wrapper .copy-field button:hover {
  box-shadow: none;
  outline: none;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank input[type=radio] {
  margin-left: 20px;
  margin-right: 16px;
  accent-color: #fb4d03;
  width: 18px;
  height: 18px;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank input[type=radio]:hover,
body #fund .fund-container .bank-option-wrapper .radio-group-bank input[type=radio]:focus {
  outline: none;
  box-shadow: none;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .label-radio {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .label-radio .radio-bank-img {
  width: 24px;
  margin-right: 10px;
}
body #fund .fund-container .bank-option-wrapper .radio-group-bank .label-radio p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-tabs {
  width: 100%;
  display: flex;
  flex-direction: row;
}
body #fund .fund-container .fund-tabs button.fund-tab {
  background: #323337;
  border: none;
  /* margin-right: 5px; */
  height: 75px;
  flex: 1;
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* border-bottom-left-radius: 10px; */
  /* border-right: 1px solid rgba(255, 255, 255, 0.5019607843); */
  position: relative;
}
body #fund .fund-container .fund-tabs button.fund-tab:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 3rem;
  background: #4d4d4d;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
body #fund .fund-container .fund-tabs button.fund-tab .tab-img {
  width: 35px;
  margin-bottom: 9px;
  padding: 0px;
}
body #fund .fund-container .fund-tabs button.fund-tab p {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: #ffffff;
  margin: -3px;
  line-height: 10px;
}
body #fund .fund-container .fund-tabs button.fund-tab.active {
  /* background: gold; */
}
body #fund .fund-container .fund-tabs button.fund-tab.active p{
  color: gold;
}
body #fund .fund-container .fund-tabs button.fund-tab-tab:hover,
body #fund .fund-container .fund-tabs button.fund-tab:focus {
  outline: none;
  box-shadow: none;
}
body #fund .fund-container .fund-tabs button.fund-tab:last-child {
  margin-right: 0px;
}
body #fund .fund-container .fund-wrapper {
  height: auto;
  width: 100%;
}
body #fund .fund-container .fund-wrapper .um88-input-group input,
body #fund .fund-container .fund-wrapper .um88-input-group select {
  border: 1px solid rgba(255, 255, 255, 0.5019607843);
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
}
body #fund .fund-container .fund-wrapper .um88-input-group select::-moz-placeholder, body #fund .fund-container .fund-wrapper .um88-input-group input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
}
body #fund .fund-container .fund-wrapper .um88-input-group select:-ms-input-placeholder, body #fund .fund-container .fund-wrapper .um88-input-group input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
}
body #fund .fund-container .fund-wrapper .um88-input-group select::placeholder,
body #fund .fund-container .fund-wrapper .um88-input-group input::placeholder {
  color: rgba(255, 255, 255, 0.5019607843);
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper {
  background-color: #1c1c21;
  border-radius: 10px;
  width: 100%;
  margin-top: 16px;
  padding-bottom: 26px;
  overflow: hidden;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper {
 padding: 5px;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper label.form-label {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper label.form-label span {
  color: #fb4d03;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs {
  display: flex;
  flex-direction: row;
  background-color: #2e2e33;
  border-radius: 5px;
  margin-top: 6px;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs button.deposit-tab:last-child {
  border-right: 0px;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs button.deposit-tab {
  flex: 1;
  background: transparent;
  border: none;
  /* border-right: 1px solid rgba(255, 255, 255, 0.5019607843); */
  margin-top: 10px;
  margin-bottom: 5px;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs button.deposit-tab .deposit-tab-img {
  width: 35px;
  margin: auto;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs button.deposit-tab p {
  margin: 0px;
  margin-top: 5px;
  font-family: Poppins;
  font-size: 9px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.5019607843);
  line-height: 10px;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs button.deposit-tab.active p {
  color: gold;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs button.deposit-tab:focus,
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-tabs button.deposit-tab:hover {
  outline: none;
  box-shadow: none;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-wrapper {
  display: none;
}
body #fund .fund-container .fund-wrapper .fund-inner-wrapper .form-wrapper .deposit-wrapper.show {
  display: block;
}
body #fund .fund-container .fund-wrapper .bank-transfer-receipt {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 50px;
  margin-bottom: 43px;
}
body #fund .fund-container .fund-wrapper .bank-transfer-line {
  background: rgba(255, 255, 255, 0.5019607843);
  height: 1px;
  width: 97%;
  margin: auto;
}
body #fund .fund-container .fund-wrapper .btc-line {
  background: rgba(255, 255, 255, 0.5019607843);
  height: 1px;
}
body #fund .fund-container .fund-wrapper .bank-transfer-tip {
  width: 90%;
  margin: auto;
  margin-top: 29px;
}
body #fund .fund-container .fund-wrapper p.promotion-how-title {
  font-family: Casanova Scotia;
  font-size: 13px;
  color: #fb4d03;
}
body #fund .fund-container .fund-wrapper p.list-type {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  display: flex;
}
body #fund .fund-container .fund-wrapper p.list-type span:first-child {
  float: left;
}
body #fund .fund-container .fund-wrapper p.list-type span:last-child {
  width: 100%;
  padding-left: 20px;
  float: left;
}
body #fund .fund-container .fund-wrapper small.withdraw-tip {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #FFAC1C;
  margin-top: 7px;
  display: block;
}
body #fund .fund-container .fund-wrapper .withdraw-horizontal-line {
  height: 1px;
  width: 93%;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.5019607843);
}
body #fund .fund-container .fund-wrapper .withdraw-important-tip {
  margin-top: 19px;
  padding: 0px 20px;
}
body #fund .fund-container .fund-wrapper .withdraw-important-tip .withdraw-p-title {
  font-family: Casanova Scotia;
  font-size: 11px;
  color: #FFAC1C;
  margin: 0px;
  margin-bottom: 9px;
}
body #fund .fund-container .fund-wrapper .withdraw-important-tip .withdraw-p-content {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .withdraw-important-tip .list-type {
  font-size: 9px;
}
body #fund .fund-container .fund-wrapper .important-tip {
  display: none;
}
body #fund .fund-container .fund-wrapper .important-tip.show {
  display: block;
}
body #fund .fund-container .fund-wrapper .deposit-channel-wrapper {
  display: none;
}
body #fund .fund-container .fund-wrapper .deposit-channel-wrapper.show {
  display: block;
}
body #fund .fund-container .fund-wrapper .qr-code-img {
  width: 183px;
  margin: auto;
  margin-top: 40px;
}
body #fund .fund-container .fund-wrapper .crypto-submit {
  margin: auto;
  width: 183px;
  margin-top: 20px;
}
body #fund .fund-container .fund-wrapper .quick-pay-tip {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .exchange-rate-box {
  background-color: #e0d1a1;
  border-radius: 10px;
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body #fund .fund-container .fund-wrapper .exchange-rate-box p {
  color: #111111;
  font-family: Poppins;
  font-weight: 300;
  font-size: 11px;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .exchange-rate-box p span {
  font-weight: 600;
  color: #fb4d03;
}
body #fund .fund-container .fund-wrapper p.send-btc-address {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  margin: 0px;
  text-align: center;
  color: #ffffff;
  margin-top: 40px;
  margin-bottom: 16px;
}
body #fund .fund-container .fund-wrapper .btc-wrapper,
body #fund .fund-container .fund-wrapper .btc-line {
  width: 90%;
  margin: auto;
}
body #fund .fund-container .fund-wrapper .help2pay-wrapper {
  display: none;
}
body #fund .fund-container .fund-wrapper .help2pay-wrapper.show {
  display: block;
}
body #fund .fund-container .fund-wrapper .btc-note {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .reminder-duit-now-wrapper {
  background-color: #e0d1a1;
  border-radius: 10px;
  height: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body #fund .fund-container .fund-wrapper .reminder-duit-now-wrapper p {
  color: #fb4d03;
  font-family: Poppins;
  font-weight: 600;
  font-size: 9px;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .telco-pin-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
body #fund .fund-container .fund-wrapper .telco-pin-group .telco-pin-horizontal-line {
  height: 1px;
  background-color: #ffffff;
  flex: 1;
  width: 3.3333333333%;
  margin-left: 3px;
  margin-right: 3px;
}
body #fund .fund-container .fund-wrapper .telco-pin-group .telco-pin-input {
  border-radius: 8px;
  border: 1px solid #8e8e90;
  background: transparent;
  width: 21.25%;
  height: 30px;
  color: #ffffff;
  text-align: center;
}
body #fund .fund-container .fund-wrapper .telco-pin-group .telco-pin-input:hover,
body #fund .fund-container .fund-wrapper .telco-pin-group .telco-pin-input:focus {
  outline: none;
  box-shadow: none;
}
body #fund .fund-container .fund-wrapper .transfer-head {
  height: 46px;
  padding-left: 20px;
  padding-top: 20px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
  margin-bottom: 20px;
}
body #fund .fund-container .fund-wrapper .transfer-head p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .btn-transfer-group {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
}
body #fund .fund-container .fund-wrapper .btn-transfer-group button.btn-transfer-result {
  background: linear-gradient(to bottom, #f90, #FFAC1C);
  border: none;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex: 1;
  height: 40px;
  width: 100%;
  border-radius: 5px;
}
body #fund .fund-container .fund-wrapper .btn-transfer-group button.btn-transfer-result p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .btn-transfer-group button.btn-transfer-result span {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
}
body #fund .fund-container .fund-wrapper button.transfer {
  background-color: #2e2e33;
  border: none;
  height: 70px;
  width: 100%;
  border-radius: 5px;
}
body #fund .fund-container .fund-wrapper button.transfer .transfer-img {
  width: 80px;
  margin: auto;
}
body #fund .fund-container .fund-wrapper button.transfer p.transfer-name {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  margin-top: 4px;
}
body #fund .fund-container .fund-wrapper button.transfer p.transfer-amount {
  font-family: Casanova Scotia;
  font-size: 12px;
  color: #ffffff;
  margin: 0px;
  margin-top: 2px;
}
body #fund .fund-container .fund-wrapper button.transfer.active {
  background: linear-gradient(to bottom, #f90, #FFAC1C);
}
body #fund .fund-container .fund-wrapper button.transfer:hover,
body #fund .fund-container .fund-wrapper button.transfer:focus {
  box-shadow: none;
  outline: none;
}
body #fund .fund-container .fund-wrapper .transfer-icon-wrap {
  width: 23px;
  margin: auto;
  margin-top: 16px;
  margin-bottom: 16px;
}
body #fund .fund-container .fund-wrapper .all-in-wrapper {
  width: 110px;
  margin-left: 10px;
}
body #fund .fund-container .fund-wrapper .transfer-btn-wrapper {
  width: 95%;
  margin: auto;
  margin-top: 40px;
}
body #fund .fund-container .fund-wrapper .transfer-page {
  display: none;
}
body #fund .fund-container .fund-wrapper .transfer-page.show {
  display: block;
}
body #fund .fund-container .fund-wrapper .transfer-result.show {
  display: block;
}
body #fund .fund-container .fund-wrapper .transfer-result {
  border-radius: 5px;
  overflow: hidden;
  display: none;
  margin-top: 16px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-head-result {
  background: linear-gradient(to bottom, #ffc107, #FFAC1C);
  height: 40px;
  display: flex;
  align-items: center;
  padding-left: 20px;
  flex-direction: row;
  justify-content: space-between;
  padding-right: 22px;
  position: relative;
  z-index: 1;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-head-result p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-head-result button.btn-transfer-close {
  background: transparent;
  border: none;
  width: 9px;
  margin: 0px;
  padding: 0px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-head-result button.btn-transfer-close:hover,
body #fund .fund-container .fund-wrapper .transfer-result .transfer-head-result button.btn-transfer-close:focus {
  outline: none;
  box-shadow: none;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body {
  padding: 20px;
  background-color: #2e2e33;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body .transfer-group {
  margin-bottom: 27px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body .transfer-group .transfer-type {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
  padding-bottom: 11px;
  margin-bottom: 10px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body .transfer-group .transfer-type p {
  font-family: Casanova Scotia;
  font-size: 11px;
  color: #FFAC1C;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body .transfer-group .transfer-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 35px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body .transfer-group .transfer-item p {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body .transfer-group .transfer-item span {
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
body #fund .fund-container .fund-wrapper .transfer-result .transfer-body .transfer-group:last-child {
  margin-bottom: none;
}
body #fund .fund-container .fund-wrapper .withdraw-tabs {
  display: flex;
  flex-direction: row;
  padding: 20px 12px;
}
body #fund .fund-container .fund-wrapper .withdraw-tabs button.withdraw-tab:first-child {
  border-right: 1px solid rgba(255, 255, 255, 0.5019607843);
}
body #fund .fund-container .fund-wrapper .withdraw-tabs button.withdraw-tab {
  flex: 1;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  background: transparent;
  border: none;
  color: #ffffff;
  padding: 0px;
}
body #fund .fund-container .fund-wrapper .withdraw-tabs button.withdraw-tab.active {
  color: #FFAC1C;
}
body #fund .fund-container .fund-wrapper .withdraw-tabs button.withdraw-tab:focus,
body #fund .fund-container .fund-wrapper .withdraw-tabs button.withdraw-tab:hover {
  box-shadow: none;
  outline: none;
}
body #fund .fund-container .btn-transaction-date-group {
  display: flex;
  flex-direction: row;
}
body #fund .fund-container .btn-transaction-date-group button.btn-transaction-date {
  background: transparent;
  border: 1px solid #ffffff;
  height: 50px;
  border-radius: 5px;
  flex: 1;
  margin-right: 5px;
  color: #ffffff;
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
}
body #fund .fund-container .btn-transaction-date-group button.btn-transaction-date:focus,
body #fund .fund-container .btn-transaction-date-group button.btn-transaction-date:hover {
  outline: none;
  box-shadow: none;
}
body #fund .fund-container .btn-transaction-date-group button.btn-transaction-date.active {
  background-color: #FFAC1C;
  border: 1px solid #f90;
}
body #fund .fund-container .btn-transaction-date-group button.btn-transaction-date:last-child {
  margin-right: 0px;
}
body #fund .fund-container .calendar-range-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
body #fund .fund-container .calendar-range-wrapper .calendar-input-group {
  width: 46%;
  border: 1px solid #ffffff;
  border-radius: 5px;
  position: relative;
}
body #fund .fund-container .calendar-range-wrapper .calendar-input-group input[type=date] {
  height: 50px;
  width: 100%;
  background: transparent;
  font-size: 13px;
  font-weight: 300;
  font-family: Poppins;
  color: #ffffff;
  border: none;
  padding: 10px;
}
body #fund .fund-container .calendar-range-wrapper .calendar-input-group input[type=date] {
  outline: none;
  box-shadow: none;
}
body #fund .fund-container .calendar-range-wrapper .calendar-input-group .calendar-icon-wrapper {
  width: 17px;
  position: absolute;
  right: 15px;
  top: 16px;
}
body #fund .fund-container .calendar-range-wrapper p {
  font-family: Poppins;
  font-size: 13px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  width: 10%;
  text-align: center;
}
body #fund .fund-container table.history-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
body #fund .fund-container table.history-table thead {
  background-color: #404040;
  height: 40px;
}
body #fund .fund-container table.history-table thead tr th {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
}
body #fund .fund-container table.history-table tbody tr td {
  font-family: Poppins;
  font-size: 9px;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.5019607843);
  text-align: center;
  padding-top: 21px;
  /* padding-bottom: 81px; */
}
body #fund .fund-container table.history-table tfoot tr td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5019607843);
}
body #fund .contact-us-container {
  width: 90%;
}
body #favourite .slot-container {
  width: 94%;
  margin-left: auto;
}
body #favourite .col-4 {
  padding-left: 0.3rem;
  padding-right: 0.3rem;
  padding-bottom: 0.6rem;
}
body #favourite .slot-top-header-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 66px;
  width: 90%;
  margin: auto;
}
body #favourite .slot-top-header-wrapper .back-btn {
  display: block;
  width: 16px;
  margin-right: 10px;
}
body #favourite .slot-top-header-wrapper .icon-slot-wrapper {
  width: 99px;
  height: 66px;
  position: relative;
}
body #favourite .slot-top-header-wrapper .icon-slot-wrapper img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #favourite .slot-top-header-wrapper p {
  margin: 0px;
  font-family: Casanova Scotia;
  font-size: 13px;
  color: #ffffff;
}
body #favourite .slot-top-header-wrapper .input-group-wrapper {
  position: relative;
}
body #favourite .slot-top-header-wrapper .input-group-wrapper img {
  width: 12px;
  height: 12px;
  position: absolute;
  left: 10px;
  top: 10px;
}
body #favourite .slot-top-header-wrapper .input-group-wrapper input {
  font-family: Poppins;
  font-size: 11px;
  background-color: #3f3f48;
  border-radius: 20px;
  height: 30px;
  width: 150px;
  padding-left: 30px;
  border: none;
  color: #ffffff;
}
body #favourite .slot-top-header-wrapper .input-group-wrapper input:focus,
body #favourite .slot-top-header-wrapper .input-group-wrapper input:hover {
  outline: none;
  border: none;
  box-shadow: none;
}
body #favourite .slot-top-header-wrapper .input-group-wrapper input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
body #favourite .slot-top-header-wrapper .input-group-wrapper input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
body #favourite .slot-top-header-wrapper .input-group-wrapper input::placeholder {
  color: rgba(255, 255, 255, 0.4);
}
body #favourite .slot-category-tabs-wrapper {
  display: flex;
  flex-direction: row;
  overflow-y: auto;
  width: 100%;
}
body #favourite .slot-category-tabs-wrapper::-webkit-scrollbar {
  display: none;
}
body #favourite .slot-category-btn {
  position: relative;
  width: 69px;
  min-width: 69px;
  height: 40px;
  border-bottom-left-radius: 10px;
  background: linear-gradient(to bottom, #3f3f48, #1c1c21);
  color: rgba(255, 255, 255, 0.5019607843);
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  border: none;
  margin-right: 8px;
}
body #favourite .slot-category-btn.active {
  background: linear-gradient(to bottom, #ff823e, #fb4d03);
  color: #ffffff;
}
body #favourite .slots-container {
  width: 95%;
  margin: auto;
  border-radius: 5px;
  min-height: 20vh;
}
body #favourite button.slot-wrapper:hover,
body #favourite button.slot-wrapper:focus {
  outline: none;
  box-shadow: none;
}
body #favourite button.slot-wrapper {
  display: block;
  background: transparent;
  width: 100%;
  margin-right: 10px;
  border: 1px solid #8e8e90;
  border-radius: 5px;
  overflow: hidden;
  padding: 0px;
}
body #favourite button.slot-wrapper img.hot-game-img {
  width: 100%;
}
body #favourite button.slot-wrapper .hot-game-bottom-wrapper {
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  background: linear-gradient(to bottom, #1c1c21, #4e1700);
}
body #favourite button.slot-wrapper .hot-game-bottom-wrapper p {
  margin: 0px;
  font-family: Poppins;
  font-weight: 300;
  font-size: 9px;
  color: #ffffff;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 180px;
  overflow: hidden;
}
body #favourite button.slot-wrapper .hot-game-bottom-wrapper .favourite-img-wrapper {
  width: 14px;
}
body #favourite button.slot-wrapper .hot-game-bottom-wrapper .favourite-img-wrapper img.favourite-img {
  width: 100%;
}
.captch_login{
  width: 76% !important;
  float: left;
}
#codeMatch{
  background: #ECCA8D;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  padding: 4px 18px;
  float: left;
  margin-left: 1px;
  width: 23%;
}
/*add register*/
.nav-step .nav-item.active .nav-link {
  background-color: #ffc107;
  box-shadow: 2px 2px 20px 3px #ffc107;
  color: #fff !important;
  border: 2px solid #ffc107;
}
/* .nav-step .nav-item.active .nav-link:before {
  content: url('../../images/we1playnew/register/step-1.png');
  }
  .nav-step .nav-item.active .nav-link:after {
    content: url('../../images/we1playnew/register/step-2.png');
  } */
/* .form-control{
background-color: transparent !important;
} */
.nav-step .nav-item .nav-link {
  color: #6c757d !important;
  border-radius: 50%;
  background-color: #2c2c2c;
  border: solid 1.5px#6c757d;
}
.nav-item a {
  color: #fff;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
/* .nav-step .nav-item .nav-link {
  border-radius: 50%;
  background-color: #1e1e1e;
  padding: 0.5rem 0.9rem;
  border: 2px solid #fff;
} */
.nav-item a {
  color: #fff;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.btn.btn-large {
  padding: 0.575rem 0.75rem;
}
.btn-first {
  background:#fb4d03 ;
  color: #fff;
  width: 100%;
  display: block;
}
.tab-success {
  margin-top: 5rem;
  margin-bottom: 7rem;
}

.tab {
  display: none;
  margin-bottom: 2.2rem;
}
.text-center {
  text-align: center!important;
}
.text-center {
  text-align: center!important;
}
.link-depo {
  display: none;
}
#send_money {
  width: 95% !important;
  left: 0px;
  right: 0px;
  position: absolute;
  margin: auto;
  /* bottom: 100px; */
}
.btn.btn-large {
  padding: 0.575rem 0.75rem;
}
/* .nav-step .nav-item .nav-link {
  border-radius: 50%;
  background-color: #1e1e1e;
  padding: 0.5rem 0.9rem;
  border: 2px solid #fff;
} */

.step a {
  color: #000 !important;
}
.nav-item a {
  color: #fff;
}
.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.captha_reg{
  width: 73% !important;
  float: left;
}
.depo_img label{
  background: transparent !important;
  border: 1px solid gold;
  color: #fff !important;
  border-radius: 6px;
}
.depo_img a{
  background: transparent !important;
  color: #fff !important;
  border: none !important;
}
/*end register*/
*, *:before, *:after {
  box-sizing: border-box !important;
}
/* .custom-select{
  color: #fff !important;
} */
.custom-select option{
  color: #000;
}
.title_num{
  display: none;
}
.padd_but_depo{
  padding-top: 8px;
}
.nav-step .list-line {
  height: 2px;
  width: 59px;
  background: #6c757d;
}
.um88_input_back{
  background: transparent;
}
.slots-contant img{
  width: 100%;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  height: 80px;
}
.slots-contant li a::before{
  border-radius: 6px 0px 3.4em !important;
}
/*star vip */
.vip-page .current-status-container .container-fluid .justify-content-center .offset-1 .vip-exp-wrapper .progress-bar {
  position: relative;
  overflow: hidden;
  height: 0.5rem;
  margin-top: 0.09rem;
  /* border-radius: 0.2rem; */
  /* background: repeating-linear-gradient(109deg,#fec9b3,#fec9b3 0.2rem,#fff 0,#fff 0.3rem); */
  background:repeating-linear-gradient(106deg,#111111,#111111 0.1rem,#f90 0,#f90 0.4rem);
  /* border-top-left-radius: 9px;
  border-bottom-right-radius: 4px; */
}
.vip-page .current-status-container .container-fluid .justify-content-center .offset-1 .vip-exp-wrapper .progress-bar>span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /* background: repeating-linear-gradient(109deg,#fb4d03,#fb4d03 0.2rem,#f8f9fa 0,#f8f9fa 0.3rem); */
  background: repeating-linear-gradient(101deg,gold,gold 0.35rem,#111111 0,#111111 0.5rem);
}
.vip-page .current-status-container .container-fluid .justify-content-center .offset-1 .vip-exp-wrapper .progress-bar>span {
  position: relative;
  display: block;
  height: 100%;
}
.progress-bar span {
  width: 10%;
  transition: all .4s;
}
.silver .progress-bar span {
  width: 30%;
}
.gold .progress-bar span {
  width: 50%;
}
.platinum .progress-bar span {
  width: 70%;
}
.diamond .progress-bar span {
  width: 100% !important;
}
/*End vip */
.no_message p{
  text-align:center;
  max-width: inherit !important;
  margin-bottom: 15px !important;
}
.fund-inner-wrapper span{
  color: #fff;
}
.date-groupedit-wrapper input[type=date]{
  background: transparent;
    border: 1px solid #8e8e90;
    border-radius: 8px;
    padding: 10px;
    color: #ffffff;
    max-width: 135px;
    font-size: 13px;
    font-weight: 300;
    font-family: Poppins;
}
.date-groupedit-wrapper label {
  color: #ffffff;
  font-size: 11px;
  font-family: Poppins;
  font-weight: 300;
}
.date-groupedit-wrapper .calendar-icon {
  position: absolute;
  width: 19px;
  right: 11px;
  bottom: 14px;
}
.date-groupedit-wrapper input[type=date]:hover {
  outline: none; 
  box-shadow: none;
}
.step.active{
  color: #fb4d03 !important;
}
.category-card img,.fishing-card img{
  width: 100%;
}
.vip-content {
  /* padding: 1rem 0; */
  display: none;
}
#to_start_reg{
  margin-top: 80px;
}
.eezie_pay{
  background: url(../../images/we1playnew/footer/payment-method/eezie-pay.png) no-repeat;
  display: inline-block;
  width: 2.5rem;
  height: 1.4rem;
  background-size: 100% 100%
}
.help2_pay{
  background: url(../../images/we1playnew/footer/payment-method/help-2-pay.png) no-repeat;
  display: inline-block;
  width: 2.5rem;
  height: 1.4rem;
  background-size: 100% 100%
}
.bitcoin{
  background: url(../../images/we1playnew/footer/payment-method/bitcoin.png) no-repeat;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-size: 100% 100%
}
.tether{
  background: url(../../images/we1playnew/footer/payment-method/tether.png) no-repeat;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-size: 100% 100%
}
.touch_n_go{
  background: url(../../images/we1playnew/footer/payment-method/touch-n-go.png) no-repeat;
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-size: 100% 100%
}
/* .eezie_pay:hover{
  background: url(../../images/we1playnew/footer/payment-method/touch-n-go.png) no-repeat;
  display: inline-block;
  width: 2.5rem;
  height: 1.4rem;
  background-size: 100% 100%
}

.help2_pay:hover{
  background: url(../../images/we1playnew/footer/payment-method/touch-n-go.png) no-repeat;
  display: inline-block;
  width: 2.5rem;
  height: 1.4rem;
  background-size: 100% 100%
} */
body #fund .fund-container .fund-wrapper button.transfer span.transfer-amount {
  font-family: Casanova Scotia;
  font-size: 12px;
  color: #ffffff;
  margin: 0px;
  margin-top: 2px;
}
/*start copy from md88*/
.quickpay-payment-selection {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-align: center;
  flex-direction: column;
}
.quickpay-payment-selection.active .quickpay-payment-box {
  border: 2px solid #fb4d03;
  opacity: 1;
}
.quickpay-payment-selection .quickpay-payment-box {
  position: relative;
  background-color: #2f343b;
  border: 2px solid #585c64;
  padding: 10px;
  border-radius: 7px;
  width: 100%;
}
.quickpay-payment-selection.active .quickpay-payment-selection-title {
  color: #fb4d03;
  font-weight: 600;
}
.quickpay-payment-selection-title {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-top: 0.5rem;
  color: #fff;
}
.quickpay-payment-image-wrapper {
  height: 0px;
  padding-bottom: 100%;
  position: relative;
}
.quickpay-payment-image-wrapper img {
  width: auto;
  max-width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.quickpay-payment-selection.active .tick {
  display: block;
}
.quickpay-payment-selection .tick {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 26px solid #fb4d03;
  border-left: 26px solid transparent;
}
.quickpay-payment-selection .tick i {
  position: absolute;
  top: 11px;
  right: 1px;
  font-size: 0.75rem;
  color: #fff;
}
.option-switcher {
  font-family: montserrat;
  font-size: 0.82rem;
  color: #fff;
  text-align: center;
  display: flex;
  margin-top: 15px;
  padding: 10px 0;
  overflow: scroll;
  flex-wrap: nowrap;
}
.option-switcher > div.active, .option-switcher > .option-item.active {
  opacity: 1;
  background-color: #f90;
}
.option-switcher > div, .option-switcher > .option-item {
  width: 50%;
  opacity: 0.5;
  padding: 10px 14px;
  position: relative;
  background-color: #ff823e;
}
.option-switcher > div:last-child, .option-switcher > .option-item:last-child {
  border-top-right-radius: 8px;
}
.option-switcher a {
  color: #fff;
  text-decoration: none;
}
a.internet {
  margin-right: 0.5%;
}
.option-switcher > div:first-child, .option-switcher > .option-item {
  border-top-left-radius: 8px;
}
.option-switcher > div.active .tick, .option-switcher > .option-item.active .tick {
  display: flex;
}
.option-switcher > div .tick, .option-switcher > .option-item .tick {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 26px solid #2e3033;
  border-left: 26px solid transparent;
}
.option-switcher > div .tick i, .option-switcher > .option-item .tick i {
  position: absolute;
  top: 11px;
  right: 1px;
  font-size: 0.75rem;
  color: #fff;
}
#upload-receipt {
  width: 160px;
  margin: 15px auto 0 !important;
  font-size: 12px;
}
#upload-receipt span {
  background: #af9c82;
  text-align: center;
  padding: 10px 0;
  border-radius: 10px;
  font-weight: 600;
  margin: 0 auto 0;
  width: 160px;
  color: #fff !important;
}
#upload-receipt input[type=file] {
  opacity: 0;
  position: absolute;
  width: 160px;
  /* margin-top: 20px; */
  height: 45px;
}
.deposit-form input, .form_2 #ssubmit {
  width: 100%;
  background: #fff !important;
  padding: 10px;
  border: none;
  border-radius: 6px;
  outline: none;
  color: #000 !important;
  font-family: montserrat;
}
.deposit_receipt_text {
  margin: 0 auto;
  color: #fff;
  margin-top: 10px;
  display: none;
}
.preset-amount.active {
  border: 1px solid #fb4d03 ;
  color: #ff823e ;
}
/*End copy from md88*/
.wrap_rom {
  text-align: center;
  margin-bottom: 5px;
  display: flex;
  --bs-gutter-x: 0.3rem;
}
.wrap_rom p {
  border: 1px solid #585c64;
  background-color: #2f343b;
  border-radius: 8px;
  display: block;
  padding: 5px 0px;
  color: #fff;
  font-size: 0.85rem;
  text-decoration: none;
}
.promo-p{
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
}
.preset-amount-1.active {
  border: 1px solid #fb4d03 ;
  color: #ff823e ;
}
.preset-amount-2.active {
  border: 1px solid #fb4d03 ;
  color: #ff823e ;
}
.preset-amount-3.active {
  border: 1px solid #fb4d03 ;
  color: #ff823e ;
}
.preset-amount-4.active {
  border: 1px solid #fb4d03 ;
  color: #ff823e ;
}
.wrap_hist_record{
  display: block;
  overflow-x: auto;
  white-space: nowrap;

}
.wrap_hist_record thead tr th{
  min-width: 50px;
}
.wrap_progress{
border: 1px solid #3a1b0e;
padding: 3px;
transform: skewX(342deg);
}
/* .card_member_bronze{
  background: #af9c82 !important;
}
.card_member_silver{
  background: #aaaaaa !important;
}
.card_member_gold{
  background: #dcbb70 !important;
}
.card_member_platinum{
  background: #bdcbe0 !important;
}
.card_member_diamond{
  background: #454545 !important;
}
.card_member_diamond_king{
  background: #454545 !important;
} */
.term_con_referal{
  color: #ffc107;
}
.comission_referal{
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
/*share*/
.referCode {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
  margin-top: 0.9rem;
  background: #FFAC1C;
  border-radius: 6px;
}
.referralCode {
  width: 1%;
  border-radius: 4px 0 0 4px;
  background-color: #fff;
  padding: 0 0.3rem;
  color: #000;
  font-weight: bolder;
  height: 2.1rem;
  flex: 1 1 auto;
  font-size: 0.78rem;
  border: 1px solid #FFAC1C;
  height: 40px;
}
.referralShare {
  border-radius: 0 4px 4px 0;
  background: #FFAC1C;
  color: #fff;
  height: 2.1rem;
  padding: 7px 1rem;
  display: flex;
  align-items: center;
  text-decoration: none !important;
  font-family: Casanova Scotia;
  letter-spacing: 0.5px;
  font-size: 12px;
  height: 40px;
}
/*end share*/
.referral-box-wrap_edite{
  border: 1px solid #ffffff;
  border-radius: 5px;
  width: 100%;
  padding: 10px 10px;
}
.referral-box-wrap_edite p{
  font-family: Poppins;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
}
.fa, .fas {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 900;
}
.curren_exchange_crypto{
  color: #ff823e !important;
  text-align: center;
  font-size: 12px;
}
.curren_exchange_crypto:hover{
  color: #fb4d03  !important;
}
.wallet_his img{
  width: 30px;
}
.modal-body p{
  color: #fff !important;
}
.fishing-card p {
  display: inline-block;
  margin: 0px;
  padding: 10px 0;
  font-family: Poppins;
  font-weight: 300;
  font-size: 11px;
  color: #ffffff;
}
.contact__item li{
  list-style-type: none;
}
.contact__item li a{
  text-decoration: none;
}
.text-dark{
  color: #a5a8ab  !important;
  font-family: Casanova Scotia;
  font-size: 12px;
  margin-left: 10px;
}
.contac_us_head{
  color: #fff;
  background: #34343a;
  font-family: Casanova Scotia;
  font-size: 14px;
  padding: 5px;
}
.remem_forgot{
  width: 50%;
  /* margin-top: 10px; */
}
.for_got_right{
  text-align: right !important;
}
.forgot_pass{
  padding-right: 2rem;
}
.forgot_pass li{
  list-style-type: none;
}
.forgot_pass li label{
 color: #fff;
}
#code_match{
  background: #df906e;
  padding: 0.440rem 0.75rem;
  border-radius: 0.25rem;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.forgot_pass li input{
  color: #000 !important;
}
/*popup mega88...*/
.poker_maintenance, .poker_popup, .transfer_popup {
  display: none;
  position: fixed;
  background: #000;
  top: 30%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 340px;
  border: 2px solid;
  padding: 15px 20px;
  z-index: 999;
}
.loader {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.poker_close {
  font-size: 18px;
  color: #ccc;
  margin-top: -1.5rem;
  margin-right: -1.5rem;
  float: right;
}
.poker_balance, .transfer_balance {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.poker_balance label, .transfer_balance label {
  margin: 5px 0;
  color: #ffba00;
}
.game_transfer-content .transfer-item, .poker_transfer .poker_transfer-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 8px 0;
}
.poker_transfer-item input {
  border: 1px solid #ffba00;
  background: 0 0;
  padding: 0.375rem 0.75rem;
}
.poker_transfer-item input, .transfer-item input {
  border-radius: 3px;
  margin-right: auto;
  padding-left: 10px;
  color: #fff;
}
.poker_transfer-item>*, .transfer-item>* {
  width: 46%;
}
.poker_transfer-item button {
  background: #ffba00;
  border-radius: 8px;
  color: #000;
  font-size: 14px;
  font-weight: 700;
}
.game_play, .poker_play {
  margin: 20px 0;
  border-radius: 3px;
  background-color: #f0ad4e;
  color: #111;
  width: 100%;
}
/*end popup mega88...*/
.modal-backdrop{
  position: inherit !important;
}
/* #scr88_form p{
  color: #000 !important;
} */
#scr888tran{
  background: rgba(0, 0, 0, 0.61);
}
#captchaLb{
  background: #f7b240;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  padding: 12px 18px;
  float: left;
  margin-left: 1px;
}
.slots-nav a.slot-sort-nav{
  width: 100%;
  text-align: center;
  /* border-radius: 6px; */
  /* white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; */
  font-size: 12px !important;
  border: 1px solid #40444d !important;
  border-bottom: none !important;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.kaiyuan_coin{
  font-family: Casanova Scotia;
  font-size: 12px;
  margin-left: 5px;
}
.transfer_to span{
  font-family: Casanova Scotia;
  font-size: 12px;
}
.pro_count_date{
 text-align: center;
}
.pro_count_date span{
  color: #fff;
}
.pro_count_date ul{
  margin-top: 5px;
  padding: 0;
}
.pro_count_date ul li{
  display:inline-block;
  border-right: 1px solid #fff;
  padding: 5px;
}
.pro_count_date ul li a{
  color: #fb4d03;
  text-decoration: none;
}
.flatpickr-input{
    height: 50px;
    width: 100%;
    background: transparent;
    font-size: 13px;
    font-weight: 300;
    font-family: Poppins;
    color: #ffffff;
    border: none;
    padding: 10px;
}
.contact-us a{
  text-decoration: none;
}
.contact-title-wrapper span{
  font-family: Casanova Scotia;
}
.header-amount span{
  font-family: Casanova Scotia;
}
/*popup game slot*/
#transfer-popup .modal .modal-header {
  background-color: gold;
  position: relative;
  border-bottom: unset;
  height: 51px;
  padding: unset;
  padding-right: 16px;
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(10px - 1px);
  border-top-right-radius: calc(10px - 1px);
}
#transfer-popup .modal .modal-body h1 {
  font-family: "Poppins";
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 15px;
}
#transfer-popup .modal .modal-body {
  background-color: #1c1c21;
  padding: 1.5rem;
}
#transfer-popup .modal .modal-body .modal-provider-top {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 25px;
}
#transfer-popup .modal .modal-body .modal-provider-top .icon-transfer {
  overflow: hidden;
  position: absolute;
  height: 40px;
  width: 100%;
  top: 15%;
  transform: translateY(-15%);
  z-index: 0;
}
#transfer-popup .modal .modal-body button.btn-download {
  width: 88px;
  height: 56px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  padding: unset;
  border: 1px solid gold;
  outline: unset;
  background-color: #111111;
  font-family: Casanova Scotia;
  font-size: 10px;
  color: #fb4d03;
}
#transfer-popup .modal .modal-body .mt-10 {
  margin-top: 15px;
}
#transfer-popup .modal .modal-body .copy-field-group .copy-field-item p.copy-label {
  font-family: Poppins;
  font-size: 13px;
  color: #ffffff;
  margin: unset;
  white-space: nowrap;
}
#transfer-popup .modal .modal-header .btn-close-icon {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: transparent;
  background-image: url(../../images/we1playnew/slot-list/btn-close.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  border: unset;
  outline: unset;
  margin: -0.1rem -0.2rem -0.1rem auto;
}
#transfer-popup .modal .modal-body .modal-provider-top .icon-transfer::before {
  content: "";
  height: 1px;
  width: 90%;
  background-color: rgba(173, 175, 178, 0.5019607843);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#transfer-popup .modal .modal-header .modal-title {
  font-family: Poppins;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#transfer-popup .modal .modal-body .um88-input {
  padding: 10px 20px;
  padding-top: 13px;
}
#transfer-popup .modal .modal-body .copy-field-group .copy-field p {
  color: gold !important;
  font-family: Poppins;
  font-size: 13px;
  padding-left: 10px;
  margin: 0px;
  margin-top: 5px;
}
#transfer-popup .modal .modal-body .copy-field-group {
  display: inline-flex;
  flex-direction: column;
  margin-right: 16px;
}
#transfer-popup .modal .modal-body button.btn-modal-submit {
  font-family: Casanova Scotia;
  font-size: 13px;
  color: #ffffff;
  background-color: gold;
  border-radius: 5px;
  text-transform: uppercase;
  width: 100%;
  height: 40px;
  border: unset;
  padding: unset;
  outline: unset;
  display: flex;
  justify-content: center;
  align-items: center;
  display: inline-block;
  margin-top: 18px;
}
#transfer-popup .modal .modal-body .modal-provider-top .provider-item p.provider-amount {
  font-family: Casanova Scotia;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.5019607843);
  margin: unset;
  text-align: center;
}
#transfer-popup .modal .modal-body .modal-provider-top .provider-item.active p.provider-name {
  color: #ffffff;
}
#transfer-popup .modal .modal-body .modal-provider-top .provider-item p.provider-name {
  font-family: Poppins;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.5019607843);
  margin: unset;
  text-align: center;
}
#transfer-popup .modal .modal-body .p-label {
  font-family: Poppins;
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 5px;
}
#transfer-popup .modal .modal-body .step-wrapper p {
  font-family: Poppins;
  font-size: 11px;
  color: #bcbcbc;
  margin-bottom: 8px;
}
#transfer-popup .modal .modal-body .step-wrapper p span {
  color: gold;
  font-weight: 600;
}
#transfer-popup .modal .modal-body .modal-provider-top .provider-item button.modal-provider-img {
  padding: unset;
  outline: unset;
  border: unset;
  background: transparent;
  display: inline-block;
  width: 54px;
  margin-bottom: 5px;
  position: relative;
  z-index: 9;
}
#transfer-popup .modal .modal-body .modal-provider-top {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 0 auto;
  margin-bottom: 25px;
}
#transfer-popup .modal .modal-body .copy-field-group .copy-field-item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#transfer-popup .modal .modal-body .copy-field-group .copy-field input {
  position: absolute;
  top: -99999px;
  left: -99999px;
}
#transfer-popup .modal .modal-body .copy-field-group .copy-field button {
  background: transparent;
  border: none;
  width: 12px;
  padding: 0px;
  margin-left: 5px;
}
#transfer-popup .modal .modal-body .copy-field-group .copy-field {
  background: transparent;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}
#transfer-popup .modal .modal-body .copy-field-group .copy-field-item:first-child {
  margin-bottom: 3px;
}
#transfer-popup .modal .modal-body .step-wrapper {
  position: relative;
  padding-top: 14px;
  margin-top: 13px;
}
#transfer-popup .modal .modal-body .step-wrapper::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(173, 175, 178, 0.5019607843);
  position: absolute;
  top: 0px;
  left: 0px;
}
#transfer-popup .modal .modal-body a.btn-deposit-now {
  font-family: Poppins;
  font-size: 11px;
  color: gold;
  text-align: center;
  display: block;
  margin-top: 16px;
}
#transfer-popup .modal .modal-body .modal-provider-top .icon-transfer .icon-transfer-img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  z-index: 1;
}
#transfer-wallet-1, #transfer-wallet-2 ,#transfer-wallet-3, #transfer-wallet-4{
  background: rgba(0, 0, 0, 0.5);
}
.transfer-btn {
  padding: 0.85rem 0.4rem;
  text-align: center;
  background: #da1c5c;
  border-radius: 5px;
  color: #fff;
  font-size: 0.75rem;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.totalMember .memberContent .amount {
  font-size: 1rem;
  font-weight: 600;
  margin-left: 8px;
}
.amount {
  color: #fff;
}
.totalBonus .bonusInfo .bonusContent .claimBonusBtn {
  background: transparent;
  color: #FFAC1C;
  border: 1px solid #FFAC1C;
  border-radius: 30px;
  font-size: 0.6375rem;
  padding: 3px 10px;
  font-weight: 600;
}
.totalMember .memberContent {
  display: flex;
  align-items: center;
}
.totalBonus .bonusInfo .bonusContent {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.totalBonus .bonusInfo p {
  font-size: 0.7875rem;
  margin-bottom: 0.25rem;
}
.totalMember {
  border-right: 1px solid #7b7e82 !important;
}
#showqrcode canvas {
  border: 1px solid #fff;
  margin: 0.5rem 0;
  width: 5rem;
}
.form-row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
/*end popup game slot*/
/*start vip*/
/* .vip-wrapper>table>tbody>tr td[colspan="2"] span strong span {
  color: #fb4d03!important;
} */

.vip-wrapper>table>tbody>tr td[colspan="2"] strong span {
  font-family: Casanova Scotia !important;
  font-size: 13px !important;
  font-weight: normal !important;
  color: #fb4d03!important;
}
.vip-wrapper>table>tbody>tr td:first-child span {
  font-family: Poppins !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  color: #ffffff !important;
  margin: 0px;
}
.vip-wrapper>table>tbody>tr td:last-child strong span {
  font-family: Poppins;
  font-size: 11px !important;
  font-weight:bold;
  color: #fb4d03 !important;
  margin: 0px;
}
/*end vip*/
.wrap_promo a{
  width: 33% !important;
}
.form-popup-home {
  background: rgba(0,0,0,0.7);
  display: block;
  position: fixed;
  z-index: 15000;
  width: 100%;
  height: 100%;
  top: 0;
}
.form-container-home {
  background: none;
  border-radius: 6px;
  width: 90%;
  /* margin-top: 1rem; */
}
.form-container-home {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
}
.x-close-home {
  position: absolute;
  right: 10%;
  top: 3%;
}
.detail_home {
  text-align: center;
}
.detail_home img {
  width: 80%;
  border-radius: 6px;
}
.x-close-home span {
  background: #343a40;
  border-radius: 50%;
  /* padding: 0.3rem; */
  border: 1px solid;
  color: #fff;
  width: 20px;
    height: 20px;
    text-align: center;
    line-height: 17px;
    position: absolute;
    right: 0;
}
/*download app*/
.appdl_browser_btn {
  background: var(--appdl_browser_btn_bg);
  border: var(--appdl_browser_btn_borderthick) solid var(--appdl_browser_btn_border);
  color: var(--appdl_browser_btn_txt);
  border-radius: var(--appdl_browser_btn_radius);
  box-shadow: var(--appdl_browser_btn_shadow), var(--appdl_browser_btn_innershadow);
  -webkit-box-shadow: var(--appdl_browser_btn_shadow), var(--appdl_browser_btn_innershadow);
}
.app_download_area .cross_close img {
  width: 16px;
  /* filter: brightness(0.5); */
}
.app_download_area >div:nth-child(3) {
  width: calc(100% - 5px - 5px - 1px - 3px);
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  color: #ffffff;
}
.app_download_area span {
  color: var(--appdl_browser_url);
}
.btn:active, .button:active, .btn.active, .button.active {
  background:#f7b240;
  color: #ffffff;
}
.app_download_area >div button {
  padding: 1px 6px;
}
.app_download_area >div button {
  height: 30px;
  /* width: 115px; */
  font-weight: 600;
  font-size: 12px;
  padding: 5px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 6px;
}
.app_icon{
  width:50px;
  margin-left: 5px;
}
.app_download_area {
  background-color:#000;
  -webkit-box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  box-shadow: 0px 4px 15px rgb(0 0 0 / 10%);
  background-size: 100% auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: var(--appdl_browser_txt);
  font-size: 13px;
  line-height: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0px 15px;
  height: 60px;
  overflow: hidden;
}
#cross_close img{
  margin-left: 0px !important;
}
@keyframes blinker {
  90% {
    opacity: 0;
}
}
.lottery_text {
  margin: 5px 0;
  padding: 0 10px;
  font-size: 14px;
  line-height: 18px;
  text-align: center;
  color: #fff;
  animation: blinker 3s ease-in infinite;
}

.promotion-tags .promotion-tag {
  background-color: #fb4d03;
  border-radius: 4px;
  display: inline-block;
  padding: 1px 6px;
  margin-bottom: 8px;
}
.promotion-tags .promotion-tag p {
  font-family: Arial;
  font-size: 12px;
  color: #ffffff;
  margin: unset;
  letter-spacing: .03rem;
  text-transform: uppercase;
}
.wrap_trustworthy{
  display: flex;
}
.wrap_trustworthy .position-relative{
  margin: 1px;
}
.login-btn a{
  width: 90px;
  color: gold;
  text-transform: uppercase;
  background: #7f796900;
  border: 1px solid gold;
  box-shadow: none;
}
.join-now-btn a{
  width: 90px;
  border: none;
  background: gold;
  border: none;
  box-shadow: 2px 2px 20px gold;
}
/*add new loyout*/
body #game .col-sidebar {
  width: 100px;
  flex: 0 0 100px;
  overflow: auto;
  height: 350px;
}
body #game .col-sidebar #game-category-tabs {
  border-bottom: unset;
}
body #game .col-sidebar #game-category-tabs .nav-item {
  margin-bottom: 3px;
}
body #game .col-sidebar #game-category-tabs .nav-item button.nav-link.active {
  filter: brightness(1);
   box-shadow: 0 0 4px #1fe1ff;
   box-shadow: none;
   background-repeat: no-repeat;
   background: linear-gradient(45deg, #4c4c4c, #333);
   color: white !important;
   font-weight: 900;
   padding-bottom: 9px;
   border-top: 0;
   box-shadow: 20px;
   border-right: none;
   border-bottom: none;
   font-size: 10px;
   padding-top: 9px;
   background-size: 100% 100%;
   height: 100%;
   color: black;
}
/* body #game .col-sidebar #game-category-tabs .nav-item button.nav-link.active {
  background-color: unset;
} */
body #game .col-sidebar #game-category-tabs .nav-item button.nav-link {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Poppins";
  padding-top: 6px;
  padding-bottom: 6px;
  font-size: 10px;
  color: #FFFFFF;
  padding-left: 0.4rem;
  overflow: hidden;
  box-shadow: 2px 4px 10px black;
  width: 100px;
  border-bottom: 0;
  box-shadow: none;
  /* background: linear-gradient( 
322deg,#05003f, #1e1f20, #04002f); */
background: linear-gradient(322deg, #000, #111111, #4c4c4c);
  /* justify-content: center; */
  border-radius: 0;
  border-left: 0px;
  margin-bottom: 0;
  white-space: nowrap;
}
body #game .col-sidebar #game-category-tabs .nav-item #slots-tab.active .game-icon {
  background-image: url(../../images/we1playnew/category/slots-active.png);
}
body #game .col-sidebar #game-category-tabs .nav-item #slots-tab .game-icon {
  background-image: url(../../images/we1playnew/category/slots-inactive.png);
}
body #game .col-sidebar #game-category-tabs .nav-item #casino-tab .game-icon {
  background-image: url("../../images/we1playnew/category/casino-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #casino-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/casino-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #sports-tab .game-icon {
  background-image: url("../../images/we1playnew/category/sports-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #sports-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/sports-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #p2p-tab .game-icon {
  background-image: url("../../images/we1playnew/category/p2p-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #p2p-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/p2p-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #fishing-tab .game-icon {
  background-image: url("../../images/we1playnew/category/fishing-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #fishing-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/fishing-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #lottery-tab .game-icon {
  background-image: url("../../images/we1playnew/category/lottery-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #lottery-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/lottery-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #cockfight-tab .game-icon {
  background-image: url("../../images/we1playnew/category/cockfight-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #cockfight-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/cockfight-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #esports-tab .game-icon {
  background-image: url("../../images/we1playnew/category/esports-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #esports-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/esports-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #number-tab .game-icon {
  background-image: url("../../images/we1playnew/category/number-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #number-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/number-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #allgame-tab .game-icon {
  background-image: url("../../images/we1playnew/category/allgame-inactive.png");
}
body #game .col-sidebar #game-category-tabs .nav-item #allgame-tab.active .game-icon {
  background-image: url("../../images/we1playnew/category/allgame-active.png");
}
body #game .col-sidebar #game-category-tabs .nav-item button.nav-link .game-icon {
  width: 25px;
  height: 25px;
  background-size: 25px 25px;
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.tab-pane {
  overflow-x: hidden;
  width: 100%;
}
body #game .col .game-content {
  max-height: 56.7vh;
  /* overflow: auto; */
}
body #game .col .game-content a.game-wrapper {
  box-shadow: 0px 0px 4px 0px rgb(255 255 255 / 20%);
  -webkit-box-shadow: 0px 0px 4px 0px rgb(255 255 255 / 20%);
  -moz-box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.2);
  overflow: hidden;
  border-radius: 6px;
  display: block;
}
#game-category-tabs li button{
  text-transform: uppercase;
}
/*menu slide*/
#sidebar.show {
  transform: translateX(-100%);
}
#sidebar {
  width: 320px;
   height: 100%;
   background-color: rgba(0,0,0,0.85);
   position: fixed;
   top: 0px;
   /* z-index: 16; */
   z-index: 2999999996;
   right: -320px;
   backdrop-filter: blur(4px);
   transition: transform ease 0.5s;
}
#sidebar .sidebar-header {
  background-color: #1a1a1b;
  height: 55px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding-left: 21px;
}
#sidebar .sidebar-scrollable {
  height: calc(100% - 55px);
  overflow: auto;
}
#sidebar .sidebar-header .btn-back-wrap {
  margin-top: 16px;
  margin-bottom: 14px;
}
#sidebar .sidebar-header .btn-back-wrap button {
  width: 35px;
  background: transparent;
  border: 0px;
}
#sidebar .sidebar-inner-lang-wrapper {
  width: 140px;
}
#sidebar .sidebar-main-language {
  position: relative;
  z-index: 2;
}
#sidebar .sidebar-animate-lang-wrapper {
  /* transform: translateY(-350px); */
  transition: all ease-in-out 0.4s;
  position: fixed;
  /* top: 0px; */
  width: 140px;
  z-index: 1;
}
#sidebar .sidebar-animate-lang-wrapper.show {
  /* transform: translateY(55px); */
  display: block !important;
}
#sidebar button.sidebar-lang-wrapper {
  background-color: #1a1a1b;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 12px 21px;
  text-decoration: none;
  width: 100%;
  border: none;
}
#sidebar .sidebar-auth {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100px;
   /* min-height: 150px; */
}
#sidebar .sidebar-auth .btn-join-now {
  padding: 9px 18px;
  display: inline;
  font-size: 14px !important;
  background: gold;
  border: none;
  box-shadow: 2px 2px 20px gold;
}
.btn-um88 {
  background-color: #ECCA8D ;
  color: #111111;
  font-size: 12px;
  font-family: Casanova Scotia;
  border-radius: 4px;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #000 !important;
}
#sidebar .sidebar-auth .btn-join-now + p {
  margin-top: 10px;
}
#sidebar .sidebar-auth p {
  font-family: "Poppins";
  font-size: 13px;
  color: #FFFFFF;
  margin-bottom: unset;
}
#sidebar .sidebar-auth p span {
  color: #9A9A9D;
  font-weight: 300;
}
#sidebar .sidebar-auth p a {
  color: #ffffff;
}
#sidebar .sidebar-group-wrapper .gx-2-5 {
  --bs-gutter-x: 0.7rem !important;
}
#sidebar .sidebar-group-wrapper .mb-2-5 {
  margin-bottom: 0.7rem !important;
}
#sidebar .sidebar-group-wrapper a.sidebar-category {
  background-color: #272727;
  border: 1px solid #2c2c2c;
  border-radius: 7px;
  box-shadow: 2px 2px 6px black;
  text-decoration: none;
  color: #FFFFFF;
  font-family: Poppins;
  padding: 0px;
  font-weight: 300;
  font-size: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 66px;
  width: 100%;
  text-transform: uppercase;
}
#sidebar .sidebar-group-wrapper a.sidebar-category img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: 7px;
}
#sidebar .sidebar-group-wrapper:last-child {
  border-bottom: 0px;
}
#sidebar .sidebar-group-wrapper a.sidebar-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  height: 50px;
  width: 94%;
  padding: 9px 6px;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3137254902);
}
#sidebar .sidebar-group-wrapper a.sidebar-item p {
  font-family: Poppins;
  font-size: 12px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#sidebar .sidebar-group-wrapper a.sidebar-item .sidebar-img-wrapper {
  width: 30px;
  margin-left: 10px;
}
#sidebar .sidebar-group-wrapper a.sidebar-category-6 {
  background-color: #1A1A1B;
  border: 1px solid #1A1A1B;
  border-radius: 5px;
  text-decoration: none;
  color: #FFFFFF;
  font-family: Poppins;
  font-weight: 300;
  font-size: 12px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 5px 13px;
}
#sidebar .sidebar-group-wrapper a.sidebar-category-6 img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
  object-fit: contain;
}
#sidebar .sidebar-btn-flex {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  margin-right: 13px;
}
#sidebar button.sidebar-lang-wrapper .arrow-down-img {
  width: 9px;
  margin-left: 5px;
  top: -2px;
  position: relative;
}
#sidebar .arrow-down-img {
  transform: rotate(0deg);
  transition: all ease-in-out 0.4s;
}
#sidebar button.sidebar-lang-wrapper .sidebar-lang-img {
  width: 25px;
  flex: 0 0 25px;
}
#sidebar .sidebar-group-wrapper a.sidebar-category.active, #sidebar .sidebar-group-wrapper a.sidebar-category-6.active {
  border: 1px solid gold;
}
.sidebar_logout{
  min-height: 20px !important;
}
.slots-nav .slot-sort-nav.active{
  background: #f90  !important;
  color: #ffffff !important;
}
.slots-nav a.slot-sort-nav{
  position: relative;
    min-width: 69px;
    /* border-bottom-left-radius: 10px; */
    /* background: linear-gradient(to bottom, #3f3f48, #1c1c21) !important; */
    color: rgba(255, 255, 255, 0.5019607843);
    font-family: Poppins;
    font-weight: 300;
    border: none;
    margin-right: 2px;
    display: inline-block;
    /* border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; */
}
/*end add new louyout*/
.comming{
  color: #fb4d03;
  font-family: sans-serif;
  font-size: 12px;
}
.wrap_com{
  text-align: center;
  padding: 2px;
  box-shadow: none !important;
  min-height: 100%;
  padding-top: 20%;
}
/* .qpay_wrap{
	margin-left: 8.33%;
} */
.logo_header img{
  margin-top: -7px;
}
#carouselUM88BannerIndicators{
  position: relative;
  width: 100%;
  background-color: #000;
  overflow: hidden;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-radius: 0;
  background-image: linear-gradient(-45deg,rgba(255,215,0,.5),gold 50%,#ff0);
  height: 150px;
}
#carouselUM88BannerIndicators .w-100{
  min-height:150px !important;
}
#game{
  background: linear-gradient(180deg,#000135,#000);
}
#login_page{
  display:none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#login_page .animate__animated{
  height: 100%;
  background: #000b1ce8;
  backdrop-filter: blur( 4px );
}
#form-register label{
  color: #ffffff;
}
.btn-code{
  background: gold;
    border-radius: 6px;
    text-align: center;
    padding-top: 5px;
}
#register_page{
  /* display:none; */
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100vh;
  overflow: auto;
  background: url(../../images/we1playnew/home/back_reg.jpg) no-repeat;
  background-size: 100% 100%;
}
.reg_swiss{
  background: url(../../images/we1playnew/home/back_reg_swiss.jpg) no-repeat !important;
  background-size: 100% 100% !important;
}
#register_page .animate__animated{
  height: 100%;
}
.input input, .input select {
  width: 100%;
  height: 50px;
  line-height: 50px;
  box-sizing: border-box;
  border: 1px solid gold;
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
}
.wrap_show_bank input{
  text-align: center;
}
.wrap_show_bank{
  padding-top: 5px;
  margin-bottom: 10px;
}
.copy-btn{
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.wrap_show_bank label{
  font-size: 12px;
  white-space: nowrap;
}
.turnover-container .turnover-check .turnover-check-label{
  color: #fff;
}
/*jackpot*/
.JackpotCounter_JackpotCounter__rh77s {
  border: 0 solid #40e0d0;
  text-align: center;
}
.JackpotCounter_JackpotTitle__nS6X7 {
  font-size: 12px;
  color: gold;
  line-height: 12px;
  font-weight: 800;
  text-shadow: 0 0 10px #000;
}
.JackpotCounter_JackpotCount__MsjXY h1 {
  font-size: 20px;
  border-radius: 100px;
  background: url(../../images/we1playnew/home/jackpot.png) no-repeat 50%;
  background-size: 120%;
  padding-top: 12px;
  margin: 0 auto;
  width: 220px;
  background-position-y: -36px;
  color: gold;
  min-height: 50px;
  font-weight: 800;
  text-shadow: 0 0 10px gold;
}
.Jackpothistory_jackpotHistory__I5Xw_ {
  background: linear-gradient(to bottom right,#1a237e,#004d40);
  border: 0 solid #40e0d0;
  padding: 10px;
  box-shadow: 0 0 20px #004d40;
  border-radius: 12px;
}
.Jackpothistory_jackpotTitle__xUG0V {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 1px;
  font-weight: 900;
  color: gold;
  text-shadow: 0 0 10px #f1c40f, 0 0 20px #f1c40f, 0 0 30px #f1c40f, 0 0 40px #f1c40f, 0 0 70px #f1c40f, 0 0 80px #f1c40f, 0 0 100px #f1c40f;
  text-align: center;
}
.Jackpothistory_jackpotTable__iw_2I {
  border-collapse: collapse;
  width: 100%;
}
.Jackpothistory_jackpotTable__iw_2I th {
  background-color: none;
  border: 0 solid #ccc;
  font-weight: 700;
  color: #fff;
  font-size: 8px;
  padding: 1px;
  text-align: left;
}
.Jackpothistory_jackpotTable__iw_2I td {
  border: 0 solid #ccc;
  padding: 1px;
  font-size: 8px;
  color: gold;
}
.index-footer-partner-list li a {
  border-radius: 2px;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.index-footer-partner-list li {
  margin-bottom: 10px;
  list-style-type: none;
}
.index-footer-partner-list{
  padding: 0px;
  padding-top: 10px;
}
/*affiliat*/
.wrap_affiliate{
  padding: 0;
  width: 90%;
  margin: auto;
  margin-top: 10px;
}
.wrap_affiliate .noico{
  padding: 6px 5px !important;
}
.cap_affilat{
  height: 34px !important;
  padding: 3px 8px 0px 8px !important;
}
/*end afiliat*/
.logo_header img{
  width: 100px;
}
#ref-link-btn{
  color: gold;
}
#ref_link{
  background: #ffc107;
}
#scr_url{
  width: 30%;
  background: #ffc107;
}
.turnover-container label{
  color: #fff;
}
.turnover-categories li{
  list-style-type: none;
}
.turnover-categories{
  padding: 0;
}
.fixed-tablet-size li{
  list-style-type: none;
}
.foot{
  text-align: center;
}
.foot p{
  color: #fff;
}
.btn-back-wrap button img{
  width: 35px !important;
}
.cta-box{
  display: flex;
}
.cta-box .butom_appy_pro{
  height: 40px !important;
  display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    width: 50% !important;
}
.more_info_button{
  margin-left: 10px;
  background: #f90;
}
.popup_content_apply{
  height: 50px !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.aap_down{
  text-align: center;
}
.searchContainer{
  width:100% !important;
  }
  .game-content.px-3{
    padding-left: 0.5rem!important;
    padding-right: 0!important;
  }
  #promotion .modal-content{
    background:none !important;
  }
  #paymentImage{
    display: none !important;
  }
  .reset_password h2{
    color: #fff;
    font-size: 14px;
  }
  .reset_password a{
    color: #fff;
    font-size: 14px;
  }
  .back_all_page{
    width: 100%;
  }
  .back_all_page img{
    width: 25px !important;
  }
  /* #record-pagin{
    color: #fff;
  } */
  #downloadModal .modal-header{
    background: #333;
  }
  #downloadModal .modal-content{
    border-radius: 10px;
    background: #333;
    border: 1px solid #6c757d;
  }
  #downloadModal .modal-header img{
    display: flex;
    align-items: center;
  }
  .modal-header span{
    color: #fff;
  }
  .applogoCntainerPosition img{
    width: 100px;
    margin: auto;
    text-align: center;
    display: flex;
    align-items: center;
  }
 .appDownloadContentContainer .appDownloadContentWrap {
    display: grid;
    grid-template-columns: 48% 48%;
    grid-gap: 0.18rem;
    justify-content: center;
    text-align: undefined;
}
.appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer {
  border: 0.02rem solid #ffffff33;
  width: 100%;
  border-radius: 0.04rem;
  padding: 0.1rem;
  color: undefined;
}
 .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode {
  position: relative;
  text-align: center;
  margin: 10px;
}
 .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .download-qrcode svg {
  width: 45%;
  margin: 0.05rem 0;
}
svg:not(:root) {
  overflow: visible;
  width: 100%;
  height: 100%;
}
 .appDownloadContentContainer .appDownloadContentWrap .appDownloadAndroidContainer .app-download-btn-container {
  margin: 0 0.15rem;
  background: #b6b6b680;
  color: #fff;
  padding: 0.16rem 0.04rem;
  border-radius: 0.05rem;
  text-align: center;
  border-radius: 6px;
  margin: 10px;
}
.appDownloadContentContainer .appDownloadContentWrap .appDownloadIosContainer .download-qrcode svg {
  width: 45%;
  margin: 0.05rem 0;
}
 .appDownloadIosContainer {
  border: 0.02rem solid #ffffff33;
  width: 100%;
  border-radius: 0.04rem;
  padding: 0.1rem;
}
 .appDownloadIosContainer .app-download-btn-container {
  margin: 0 0.15rem;
  background: #b6b6b680;
  color: #fff;
  padding: 0.16rem 0.04rem;
  border-radius: 0.05rem;
  text-align: center;
  border-radius: 6px;
  margin: 10px;
}
 .appDownloadIosContainer .download-qrcode {
  position: relative;
  text-align: center;
  margin: 10px;
}
 .fa-android1 svg {
  position: absolute;
  top: 0;
  right: 0.15rem;
  width: 1.5rem !important;
  fill: #00d909;
}

.fa-ios svg {
  position: absolute;
  top: 0;
  right: 0.15rem;
  width: 1.5rem !important;
  fill: #2ab7fe;
}
 .installGuideContainer {
  border-top: 0.02rem solid #ffffff33;
  margin: 0.2rem 0 0;
  padding: 0.2rem 0 0;
}
.installGuideContainer .installGuideAndroid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
 .installGuideContainer .installGuideAndroid .installGuideIcon {
  width: 15%;
  padding: 0 0.15rem;
  fill: #00d909;
}
.installGuideContainer .installGuideAndroid .installGuideStep {
  width: 85%;
  padding: 0 0.15rem;
  margin: auto 0;
}
.installGuideContainer .installGuideAndroid .installGuideStep ol li {
  list-style: auto;
  font-size: 12px;
  color: #fff !important;
}

.installGuideIOS .installGuideIcon {
  width: 15%;
  padding: 0 0.15rem;
  fill: #2ab7fe;
}
.installGuideIOS .installGuideIcon {
  width: 15%;
  padding: 0 0.15rem;
  fill: #2ab7fe;
}
 .installGuideIOS .installGuideStep {
  width: 85%;
  padding: 0 0.15rem;
  margin: auto 0;
}
.installGuideIOS .installGuideStep ol {
  margin-left: 0.4rem;
}
 .installGuideIOS {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.2rem;
}
.installGuideIOS .installGuideStep ol li{
  font-size: 12px;
  color: #fff !important;
}
.app-download-btn{
  text-decoration: none;
}
.app-download-btn-text{
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3px;
}
.installGuideStepTitle{
  font-size: 12px;
}
.shortcut-icons li{
  display: inline;
  list-style-type: none;
  padding: 5px;
}
.tab-app{
  display: none;
  overflow: auto;
}
.active_app {
  display: block;
}
.shortcut-icons li a{
  color: #fff;
}
.active_menu_app{
  color: #f7b240 !important;
}
.intruction_ios img{
  width: 100%;
}
.intruction_ios p{
  border-bottom: 1px solid #6c757d;
}
.download-qrcode img{
  width: 100%;
}.app-download-title{
  text-align: center;
}
.sub_online{
  margin: 0;
}
.turnover-container .btn-turnover {
  background: #f7b240 !important;
}
.achievement-report-page table #record-pagin{
  background: #fff;
}
.achievement-report-page table #record-pagin tr td{
  text-align: center;
}
.tab-content .mb-2{
  margin-bottom: 3px!important;
}
.input-center{
  padding: 0px 4px 0px 6px;
}
.input-center .btn-big{
  margin: 0;
  margin-top: 5px;
}
/*livchat*/
.floatright {
  bottom: 90px;
  position: fixed;
  right: 8px;
  width: 50px;
  /* display: flex; */
}
.floatright img {
  width: 100%;
  border-radius: 50%;
}
.slots-contant li > .slot-item .slot-item-play{
  display: block !important;
}
.slots-contant li > .slot-item .slot-name{
  color: #fff !important;
}
.slots-contant li > .slot-item .slot-item-play a:last-child{
  margin-left:auto !important;
}
/*start news */
.banner img, .banner2, .banner2 img, .contant_news {
  width: 100%;
}
.contant_news {
  box-sizing: border-box;
  padding: 10px;
  margin: 0 0 20px;
}
.contant_news small{
  color: #fff;
}
.contant_news h1, .contant_news h5{
  font-size: 14px !important;
}
.contant_news .title-news{
  font-size: 14px;
}
.slick-slider .slick-next {
  right: 0;
}
.slick-slider .slick-next, .slick-slider .slick-prev {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-color: rgba(0,0,0,.25);
}
.slick-slider .slick-next:before, [dir=rtl] .slick-slider .slick-prev:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 50%;
  position: relative;
    left: 10px;
  /* background-color:blueviolet; */
}
.slick-slider .slick-next:before, .slick-slider .slick-prev:before {
  font: 1.5em/1 ionicons;
  color: #fff;
  display: block;
  text-align: center;
  opacity: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-slider .slick-prev {
  left: 0;
}
.slick-slider .slick-next, .slick-slider .slick-prev {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  background-color: rgba(0,0,0,.25);
}
.slick-slider .slick-dots button, .slick-slider>button {
  border: 0;
  outline: 0;
  line-height: 0;
  cursor: pointer;
  color: transparent;
  background: 0 0;
  display: block;
  padding: 0;
  z-index: 1;
  -webkit-transition: .3s;
  transition: .3s;
}
.slick-slider .slick-prev:before {
  content: "";
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  height: 50%;
  position: relative;
    left: 10px;
  /* background-color:blueviolet;  */
}
/*End news */
.wrap_affiliate li .col .btn-big{
  margin: 0 !important;
}
/*jockpot*/
.jackpot {
  text-align: center;
  background: #5c2961;
  background: url(../../images/we1playnew/home/hm_progressivejp.png);
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center center;
  width: 95%;
  margin: auto;
  height: 60px;
  display: none;
}
.box-jackpot {
  position: relative;
  height: inherit;
}
.box-jackpot li {
	display: inline-block;
    font-size: 1rem;
    color: #fff;
    font-weight: 600;
    position: absolute;
   	left: 62%;
    top: 51%;
	transform: translate(-50% ,-50%);
}

/*end JOckpot*/
.sidebar-group-wrapper .hot_icon{
    position: absolute;
    right: 5px;
    width: 30px;
}
.relative_icon{
  position: relative;
}
.hot_icon_vip{
  position: absolute;
  right: 10px;
  width: 20px;
  top: 0;
}
.msg-tips_forget p{
  color: #ffffff;
}
.msg-tips_forget p span{
  color: gold;
}
.reset_password h3{
  color: gold;
}
#forget_password{
  display: none;
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #000;
}
.forget_header{
  background: #454441 !important;
}
.reg_header{
  background: #454441 !important;
  position: fixed;
  width: 100%;
}
.fund-tabs #nav-history-tab{
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px;
}
.fund-tabs #nav-deposit-tab{
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px;
}
.account-tabs #nav-profile-tab{
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px;
}
.account-tabs #nav-referral-tab{
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px;
}
.copyright_footer{
  margin-bottom: 50px;
}
.copyright_footer small{
  padding-top: 10px !important;
}
.deposit_icon_header{
  width: 30px !important;
}
.slots-nav{
  border-bottom: 1px solid #353535;
}
.slots-nav a:last-child{
  order: -1;
}
/*popup game slot*/
.mobile-hover-box-wrap {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
  background: rgba(32,32,32,.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-hover-box-wrap>div {
  width: 15rem;
  border-radius: 0.7rem;
  background: #131313;
  position: relative;
}
 .mobile-hover-box-wrap>div .img-box {
  width: 100%;
  height: 10rem;
  position: relative;
  display: block!important;
  overflow: hidden;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background-size: 100% 100%;
}
 .mobile-hover-box-wrap>div .img-box .hover-box {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  transition: opacity .3s,-webkit-transform .3s;
  transition: transform .3s,opacity .3s;
  transition: transform .3s,opacity .3s,-webkit-transform .3s;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(31,6,7,.79);
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
 .mobile-hover-box-wrap>div .img-box .hover-box>a:first-child {
  background: #ec1c23;
  color: #fff;
}
 .mobile-hover-box-wrap>div .img-box .hover-box>a {
  font-size: .73rem;
  width: 6.5rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #929292;
  color: #414141;
  border-radius: 0.25rem;
  cursor: pointer;
  font-family: nunito-bold;
  margin: 0.2rem;
}

.mobile-hover-box-wrap>div>p {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 0.9rem;
  padding-right: 0.6rem;
  font-size: .6rem;
  overflow: hidden;
  height: 2.05rem;
  padding-bottom: 0.06rem;
  transition: color .3s;
  position: relative;
  color: #9ba2b6;
  border-bottom-left-radius: 0.7rem;
  border-bottom-right-radius: 0.7rem;
}
 .mobile-hover-box-wrap>div>p:before {
  height: 0.16rem;
  left: 0;
  bottom: 0;
  width: 100%;
}
.mobile-hover-box-wrap>div>p:after,  .mobile-hover-box-wrap>div>p:before {
  transition: background .5s;
  content: "";
  position: absolute;
  background: #ec1c23;
}
 .mobile-hover-box-wrap>div>p:after {
  width: 4.54rem;
  height: 0.16rem;
  left: 0.74rem;
  bottom: 0.14rem;
  -webkit-transform: perspective(0.5em) rotateX(8deg);
  transform: perspective(0.5em) rotateX(8deg);
}
.mobile-hover-box-wrap>div .icon-close {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../../images/we1playnew/home/close.png);
  background-size: 100% 100%;
  position: absolute;
  right: -0.3rem;
  top: -0.3rem;
  cursor: pointer;
}
#mobile_slot{
  display: none;
}
/*end popup game slot*/
/*loader*/
.preloading {
  width: 100%;
  text-align: center;
  height: 100%;
  position: fixed;
  background: rgba(0,0,0,.35);
  z-index: 999999;
  top: 0;
  display: none;
  left: 0
}
.preloading .wrap-loader{
  position: absolute;
  left: 50%;
  top: 50%;
  color: #e8b21c;
  transform: translate(-50%, -50%);
}
.preloading .cssload-loader {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  animation: cssload-loader 2s linear infinite;
}
@keyframes cssload-loader {
  0% {
      transform: rotate(0)
  }
  100% {
      transform: rotate(360deg)
  }
}
/*end loader*/
/*slide continue register*/
.m-standard-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,.7215686274509804);
  z-index: 9999;
  overflow-y: auto;
  display: flex;
  align-items: center;
}

.m-standard-popup-overlay .standard-popup-modal-container {
  border-radius: 0.2rem;
  font-size: .4rem;
  overflow: auto;
  color: #000;
  background: #fff;
  -webkit-transform: translate(0);
  transform: translate(0);
  margin: 1rem auto;
}
.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slideHeader {
  text-align: center;
  background: 0 0;
  color: #3b3b3b;
  padding: 0.35rem;
}
.m-standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  /* background: #ff4e00; */
  color: #fff;
  padding: 0.35rem 1.7rem 0.35rem 0.35rem;
  border-top-left-radius: 0.1rem;
  border-top-right-radius: 0.1rem;
}
.m-standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-header .standard-modal-title {
  font-size: 14px;
  font-weight: 600;
  width: 90%;
  padding: 0.05rem 0;
  margin: auto;
}
.m-standard-popup-overlay .standard-popup-modal-container .standard-popup-modal-body {
  background: #fff;
  padding: 0.5rem 0.55rem;
}
.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha span {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: center;
  line-height: .45rem;
  display: block;
  width: 100%;
  color: #565759;
  cursor: default;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  margin: 0 0 0 0.4rem;
}
.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container {
  width: 95%;
  min-width: 95%;
  max-width: 95%;
  background: #c1c1c1;
  margin: 60% auto;
}
.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: 0 0;
  margin: 0;
  z-index: 2;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  border-radius: 0.19rem;
  -webkit-border-radius: 0.19rem;
}
.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-webkit-slider-thumb {
  -webkit-appearance: none;
  z-index: 3;
  position: relative;
  width: 4rem;
  height: 2.5rem;
  background: url(../../images/we1playnew/home/icon_black_arrow.png),#f5f5f5;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  box-shadow: -8.1rem 0 0 8rem #ff4d00;
  border-radius: .19rem;
  -webkit-border-radius: .19rem
}

.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha input::-moz-range-thumb {
  -moz-appearance: none;
  z-index: 3;
  position: relative;
  width: 4rem;
  height: 2.5rem;
  background: url(../../images/we1playnew/home/icon_black_arrow.png),#f5f5f5;
  background-repeat: no-repeat;
  background-position: 50%;
  cursor: pointer;
  box-shadow: -8.1rem 0 0 8rem #ff4d00;
  border-radius: .19rem;
  -webkit-border-radius: .19rem
}

.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha span {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  text-align: center;
  line-height: .45rem;
  display: block;
  width: 100%;
  color: #565759;
  cursor: default;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: .6rem;
  margin: 0 0 0 .4rem
}
.m-slider-recaptcha-popup-overlay .slider-recaptcha-modal-container .slider-recaptcha {
  height: 2.5rem;
  margin: 0 auto 0.6rem;
  width: 90%;
  position: relative;
  background: #2b2f2e;
  border-radius: 0.23rem;
}
/*end slide continue register*/
.m-app-download .app-download-container {
  /* background: url(../../images/we1playnew/home/m-bg.png) no-repeat top; */
  background-size: 100% 100%;
  padding: 1.5rem 0.71rem 0px 9px;
  min-height: 8rem;
}
.back_download_swiss{
  background: url(../../images/we1playnew/home/bg_swiss.png) no-repeat top !important;
  background-size: 100% 100% !important;
  padding: 1.5rem 0.71rem 0px 9px !important;
  min-height: 8rem !important;
}
.m-app-download .section-logo {
  width: 56%;
  text-align: left;
  font-family: nunito-semibold;
  font-size: .7rem;
  color: #fff;
}
.m-app-download .section-logo span {
  font-family: nunito-extrabold;
  color: #ffc107;
}
.m-app-download .section-logo img {
  width: 32%;
}
.m-app-download .section-download {
  margin-top: 0.6rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 60%;
}
.m-app-download .download-block {
  margin-right: 0.28rem;
}
.m-app-download .download-button {
  border-radius: 0.15rem;
  width: 6.4rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 0;
  background: url(../../images/we1playnew/home/btn-frame.svg) no-repeat;
  background-size: 100% 100%;
}
.m-app-download .download-btn {
  padding: 0.2rem 0 0.2rem 0.4rem;
}
.m-app-download .download-btn img {
  height: 1.4rem;
}
.m-app-download .instruction-btn {
  padding: 0.2rem 0.2rem 0.2rem 0;
}
.m-app-download .instruction-btn img {
  height: 0.6rem;
}
#continue_slide_popup{
  display: none;
}

#tab3 img{
  width: 60%;
}
/* .bg-register input[type="date"]{
  background: #6c757d !important;
} */
#register_page #register{
  background: #222222e0;
  overflow: auto;
  height: 100vh;
}
body #account .account-container .account-tabs a.account-tab .tab-img {
  width: 32px;
  margin-bottom: 9px;
  padding: 0px;
}
body #account .account-container .account-tabs a.account-tab p {
  font-family: Poppins;
  font-size: 10px;
  font-weight: 300;
  color: #ffffff;
  margin: 0px;
  line-height: 10px;
}
body #account .account-container .account-tabs a.account-tab {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: #323337;
  border: none;
  /* margin-right: 5px; */
  height: 75px;
  flex: 1;
  padding: 0px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* border-bottom-left-radius: 10px; */
  position: relative;
}
body #account .account-container .account-tabs a.account-tab:not(:last-child)::before {
  content: "";
  width: 1px;
  height: 3rem;
  background: #4d4d4d;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#register .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: white;
  background-color: #1d1d1d;
  background-clip: padding-box;
  border: 1px solid #373737;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#register .form-control:focus {
  color: #ffffff;
  background-color: #272727;
  border-color: #ffc107;
  outline: 0;
  box-shadow: 0px 0px 20px 1px #ffc107;
}
#banner_3d_reg {
  border-radius:34px;
  }
  .text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important;
    font-size: 9px;
    color: #ffac1c !important;
    line-height: 14px;
    margin-top: 11px;
    display: block;
} 
#register .um88-input-icon .fas{
  color: #6c757d ;
}
#register .um88-input-group input{
  padding-left: 2.3rem;
}
#register .um88-input-group select{
  padding-left: 2.3rem;
}
#login_page .form-control:focus {
  color: #ffffff;
  background-color: #03060b;
  border-color: #ffc107;
  outline: 0;
  box-shadow: 0 0 5px 2px #ffc107;
}
#login_page .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #ffffff;
  background-color: #000712;
  background-clip: padding-box;
  border: 1px solid #1c1c1c;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.login-logo-wrapper label{
  color: #ffffff;
  display: flex;
  justify-content: center;
}
#nav-referral .nav-link{
  padding: 0px !important;
}
#logo_reg{
  width: 150px;
  display: flex;
  margin: auto;
}
.login-logo-wrapper img{
  width: 70% !important;
  display: flex;
  margin: auto;
}
#bonus_reg{
  width: 95%;
  display: flex;
  margin: auto;
}
#wrap_light{
  background: #222222;
  border-radius: 15px;
  box-shadow: 2px 2px 20px 3px #ffc107;
  padding-left: 10px;
  padding-right: 10px;
  width: 95%;
  margin: auto;
  position: relative;
}
.step_account{
  color: #ffffff;
}
#wrap_navbar_slot{
  position: fixed;
  width: 100%;
  background: #111111;
}
#continue_slide_popup_login{
  display: none;
}
.slots-container .container-fluid{
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.live_chat_foot{
  display: flex;
  justify-content: center;
}
.main.center.animated.fadeIn{
  margin-top: -55px;
}
/*floating bonus*/

#floating_bonus .floating-banner-container-left {
  -webkit-animation-name: floating-notification-slide-left;
  animation-name: floating-notification-slide-left;
  left: 0.2rem;
}
#floating_bonus .floating-banner-container {
  width: 5.85rem;
  position: fixed;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  z-index: 99;
}
#floating_bonus .floating-banner-container .floating-banner-img {
  width: 100%;
  position: relative;
}
#floating_bonus .floating-banner-container .floating-banner-img img {
  width: 100%;
}
@media (max-width: 768px){
#floating_bonus .floating-banner-container .floating-banner-img .floating-banner-close-btn {
    width: 0.5rem;
    height: 0.5rem;
    font-size: 12px;
}
}
#floating_bonus .floating-banner-container .floating-banner-img .floating-banner-close-btn {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e74701;
    color: #fff;
    border-radius: 50%;
    width:15px;
    height:15px;
    font-size: 12px;
    border: unset;
    line-height: 37px;
}
@media (max-width: 768px){
#floating_bonus .floating-banner-container .floating-banner-content {
    margin: -1.2rem auto 0;
    padding: 1.2rem 0.15rem 0.1rem;
}
}
#floating_bonus .floating-banner-container .floating-banner-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0.7rem 0.15rem 0.1rem;
    width: 95%;
    margin: -0.8rem auto 0;
    background: linear-gradient(#7b7a78,#3d3435,#251c1d);
    font-family: nunito-regular;
    font-size: 12px;
    color: #fff;
}
#floating_bonus .floating-banner-container .floating-banner-content div {
  width: 100%;
}
#floating_bonus .floating-banner-container .floating-banner-content div p {
  margin: 0.1rem 0;
}
@media (max-width: 768px){
#floating_bonus .floating-banner-container .floating-banner-content p {
  margin: 0.2rem 0;
  font-size:12px;
}
}
@media (max-width: 768px){
#floating_bonus .floating-banner-container .floating-banner-content button {
    width: 100%;
    font-size: 12px;
    border-radius: 6px
}
}
#floating_bonus .floating-banner-container .floating-banner-content button {
    width: 100%;
    font-size:12px;
    font-weight: 700;
    font-family: nunito-bold;
    background-color: #ff4e00;
    color: #fff;
    border: unset;
    border-radius: 6px;
}
@media (max-width: 768px){
  #floating_bonus .floating-banner-container-left {
      left: 0.5rem;
  }
  }
  @media (max-width: 768px){
  #floating_bonus .floating-banner-container {
      width: 5.7rem;
  }
  }
  #floating_bonus h3{
    font-size: 12px;
  }
#floating_bonus .floating-banner-close-btn{
  font-family: Arial, Helvetica, sans-serif;
}
#floatingbonusModal .modal-content{
  background: #1a1e21;
  width: 95%;
  margin: auto;
}
#floatingbonusModal .topTitle h2{
  font-size: 14px;
  color: #fff;
}
#floatingbonusModal .topTitle p{
  font-size: 12px;
  color: #fff;
}
.progress-line {
  width:100%;
  display: inline-block;
  padding: 30px 0px;
}
.progress-line ul {
  display: flex;
  width: 100%;
}
.progress-line li {
  width: 100px;
  position: relative;
  padding: 13px 0 0 0;
  margin: 0;
  display: inline-block;
  float: left;
  cursor: pointer;
  border-top: 1px solid #ae8300;
  text-align: left;
}
.progress-line .bonus_day {
  position: absolute;
  top: -35px;
  color: #ccced1;
  font-size: 12px;
}
.progress-line .circle {
  width: 20px;
  height: 20px;
  border-radius: 250px;
  border: 2px solid #d39f00;
  background: #1a1e21;
  text-align: center;
  position: absolute;
  top: -30%;
  z-index: 20;
  color: #ccced1;
  font-size: 12px;
}
.progress-line .inner-circle {
  width: 80%;
  height: 80%;
  background-color: #1a1e21;
  position: absolute;
  top: 10% !important;
  left: 10% !important;
  border: 0;
}
.progress-line .step-id{
  color: #ccced1;
  font-size: 12px;
}
.botton_depo_bonus_floatting{
  text-align: center;
}
.botton_depo_bonus_floatting a{
  border-radius: 20px;
  background: #d19d00;
  border: 1px solid #ffc000;
  width: 50%;
}
.progress-line li:last-child {
  border: none;
}
.botton_depo_bonus_floatting span{
  color: #fff;
}
.progress-line li.active .inner-circle {
  background-color: #efb400 !important;
}
/*end floating bonus*/
/*page gift*/
.top_menu_gift{
  background: #c68d21;
  height: 60px;
  text-transform: uppercase;
}
.top_menu_gift .row .col a{
  display: flex;
  justify-content: center;
  /* align-items: center; */
  /* line-height: 5; */
  color: #a5a5a5;
  font-size: 12px;
  color: #fff;
  padding-top: 18px;
}
.wrap_menu_gift{
  background: #1e1e1e;
  height: 50px;
}
.wrap_menu_gift .tab.active{
 color: #fff !important;
 background: #6c757d1c;
}
.wrap_menu_gift .row .col a{
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 4;
  color: #a5a5a5;
  font-size: 12px;
}
.text_content_gift h3{
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}
.text_content_gift p{
  color: #fff;
  font-size: 12px;
}
.text_content_gift h2{
  color: #fbd009;
  font-size: 12px;
  font-weight: bold;
}
.border_gift{
  height: 1px;
  border: 1px solid #666666;
}
.wrap_content_gift{
  margin-top: 10px;
  margin-bottom: 10px;
}
.con_gift_sec{
  display: none;
}
.con_gift_sec.active{
  display: block;
}
.wrap_slider_gift{
  background: #2b196e;
  height: 100px;
  padding-top: 10px;
}
.con_slider_gift{
  height: 90px;
  background: #7e7e7e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 90%;
    margin: auto;
}
.con_slider_gift .wrap_progress_gift{
 padding-top: 5px;
}
.gift-page .progress-bar-gift {
  position: relative;
  overflow: hidden;
  height: 0.5rem;
  margin-top: 0.09rem;
  background: #4d4d4d;
  width: 70%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.gift-page .progress-bar-gift>span:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #de9d2d;
}
.gift-page .progress-bar-gift>span {
  position: relative;
  display: block;
  height: 100%;
}

.progress-bar-gift span {
  width: 8%;
}
.progress-bar-gift span {
  width: 10%;
  transition: all .4s;
}
.silver .progress-bar-gift span {
  width: 28%;
}
.gold .progress-bar-gift span {
  width: 49%;
}
.platinum .progress-bar-gift span {
  width: 69%;
}
.diamond .progress-bar-gift span {
  width: 100% !important;
}
.gift-page .prev img{
  width: 15px !important;
}
.gift-page .next img{
  width: 15px !important;
}
.gift-page.bronze .member-name{
  text-transform: uppercase;
  color: #e1a555;
}
.section_detail{
  display: flex;
  height: 40px;
  align-items: center;
  padding: 0px 15px;
  background: #2b301e82;
  position: absolute;
  width: 100%;
}
.section_detail img{
 height: 20px;
}
.section_detail p{
  color: #fff;
  margin-bottom: 0px;
  margin-left: 5px;
}
.wrap_text_detail{
  background: #2d2d2d;
  padding: 15px 15px;
}
.wrap_text_detail p{
 color: #fff;
 font-size: 12px;
}
.wrap_text_detail .btn_redeem{
  background: #f70d6c;
  padding: 10px;
  color: #fff;
  border-radius: 20px;
  width: 70%;
  display: inherit;
  text-align: center;
  margin: auto;
  text-transform: uppercase;
  border: none;
}
.top_menu_gift .you_have{
  font-size: 12px;
  color: #fff;
  position: absolute;
  left: 10px;
}
#gift_img{
  text-align: center;
}
.gift_qulity{
  color: #fff;
}
.gift_qulity input{
  display: block;
    width: 100%;
    height: 38px;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 5px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
#errMsg{
  color: #ff051d;
}
#gift_redeem{
  padding: 20px;
}
/*end page gift*/
#tabbar-wrapper a.tabbar p{
  text-align: center !important;
}
.point_header{
  color: #fff;
  position: absolute;
  right: 112px;
  top: 65%;
  font-family: Casanova Scotia;
    font-size: 12px;
    color: #fff;
}
.close_reg{
	display: flex;
    font-size: 18px;
    background: #dee2e6;
    width: 20px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 0;
    height: 20px;
    justify-content: center;
    align-items: center;
    color: #000;
}
#wrap_light .form-wrapper{
  padding-top: 20px;
}
#captcha_reg{
  background: #ECCA8D;
  font-size: 18px;
  font-weight: bold;
  border-radius: 6px;
  float: left;
  margin-left: 1px;
  width: 23%;
  padding: 5px;
  text-align: center;
}
.wrap_dateyear_depo{
  display: flex;
}
.wrap_dateyear_depo .um88-input{
  padding: 2px;
}
.poker_popup .poker_close{
  position: static !important;
}
.cb-window-frame-w56q5z, html body .cb-window-frame-w56q5z{
  bottom: 5%;
}