@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url("https://fonts.googleapis.com/css2?family=Readex+Pro:wght@160..700&display=swap");
/*common-start*/
:root {
  --bs-black:#000000;
  --bs-black1:#1E1E1E;
  --bs-black2:#111111;
  --bs-black3:#181618;
  --bs-white:#ffffff;
  --bs-white1:#858585;
  --bs-red:#DD0F0F;
  --bs-gray:#cccccc;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
}

/* img {
  width: 100%;
} */

a {
  text-decoration: none;
}

body {
  overflow-y: auto;
  scroll-behavior: smooth;
  background-color: var(--bs-black);
  color:var(--bs-white);
}
.navbar {
  background-color:var(--bs-black);
}
.navbar .item {
  width: 13%;
  background: var(--bs-black1);
  padding: 0;
  margin: -10px -10px;
  height: 72px;
  border-bottom: 1px solid #636363;
  padding: 16px;
}
.navbar-nav {
  margin-top: 16px;
}
@media (max-width: 991px) {
  body {
    scrollbar-width: none;
  }
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--vs-gray1);
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--vs-gray1);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
button:focus-visible {
  outline: none;
}

/*common-end*/

/* .center {
  max-width: 1900px;
  margin: 0 auto;
} */
.banner-hompage-slider-parent {
  padding: 0 16px;
}
.error-class {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 4px;
}

.title_font {
  text-align: left;
  font-size: 24px;
  color: var(--bs-white);
  font-weight: 600;
  padding-bottom:10px;
}
.row.deposit-page.py-2.py-md-4 {
  max-width: 1200px;
  margin: 0 auto;
}
/* popup login css start*/
#popup_login .modal-body,
#popup_banner .modal-body {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 0;
}
#popup_login .modal-body .close_popup,
#popup_banner .modal-body .close_popup {
  border: none;
  border-radius: 5px;
  background: #fff;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 0;
}
#popup_login .modal-content,
#popup_banner .modal-content {
  padding: 0;
  background: none;
  border: none;
}

#popup_login .modal-content img,
#popup_banner .modal-content img {
  width: 100%;
}
#popup_login .modal-dialog,
#popup_banner .modal-dialog {
  top: 21%;
}

/* popup login css end */

/* INDEX CSS START */
.header-text {
  font-size: 3rem;
  font-weight: 700;
}

.primary-color {
  background-color: #e9edf5;
}

.item1,
.item2 {
  margin: 10px 0;
}

.text-blue {
  color: var(--bs-red);
}

.font-wt-600 {
  font-weight: 600;
}

.game-categories .owl-item .game-card-body img {
  width: 68px;
  text-align: center;
}

.lottery_img img {
  transition:
    border 0.3s ease,
    border-radius 0.3s ease;
  border-radius: 15px;
  border: 8px solid transparent;
}
.lottery_img img:hover {
  border-radius: 15px;
  border: 8px solid #d6a51b;
}

.game-categories .owl-item .game-card-body a {
  color: #012d65;
  text-decoration: none;
  font-weight: 600;
  font-size: 23px;
}

.game-categories .game-card-body {
  background-color: var(--bs-black1);
  border-radius: 10px;
  align-items: center;
  border:1px solid var(--bs-red);
}
.game-categories .game-card-body a{
  color:var(--bs-white);
}
.game-categories {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(1, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 4px;
}
.about {
  background-color: var(--bs-black1);
  margin: 0 12px;
  border-radius: 10px;
  width: 100%;
  max-width: fit-content;
  margin-bottom:16px;
}

.about p,
.about li {
  font-weight: 400;
  font-size: 15px;
  color:var(--bs-white1);
}

.about .text-end {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  color:var(--bs-white1);
}

.about .text-end a{
  color:var(--bs-white1);
}
.about .text-end:hover {
  font-weight: 600;
}

.game-categories .owl-theme .game-card-body a {
  font-family: "Readex Pro", sans-serif !important;
  font-size: 20px;
}

.lottery-result-card {
  /* min-width: 336px; */
  width: 100%;
}

.drop1-menu {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  position: absolute;
  padding: 15px;
  border-radius: 10px;
  min-width: 262px;
  left: 85%;
  text-align: left;
}

.drop1-menu input {
  width: -webkit-fill-available;
}

.drop1-menu div {
  width: 100%;
}

.drop1-menu input::placeholder {
  background-color: #e9edf5;
  padding: 5px;
}

.result p {
  border-radius: 5px;
  background-color: var(--bs-black2);
  color:var(--bs-white);
  font-size: 24px;
  font-weight: 600;
  letter-spacing: 5px;
  padding: 4px 24px;
}

.result {
  justify-content: space-between;
}

.lottery-result-box{
  display: grid;
  grid-template-columns: 25% 72%;
  width: 100%;
  gap: 10px;
}
.lottery-result-card {
  padding: 12px;
  gap: 10px;
  flex: 0 0 auto;
  box-shadow: 0px 3px 8px 0px #00000029;
  background-color:var(--bs-black1);
}

.card-text-lottery {
  font-size: 10px;
}

.lottery-result-time {
  font-size: 12px;
}

.lottery-result-container-parent .btn-custom {
  background-color: var(--bs-red);
  color: #ffffff;
  font-size: 16px;
  padding: 6px 13px;
  display: flex;
  align-items: center;
}

.lottery-result-card-text span {
  font-size: 12px;
  color:var(--bs-white1);
}

.lottery-result-card-market .lottery-result-market-name {
  font-size: 16px;
  font-weight: 600;
  color: var(--bs-white);
}

.lottery-result-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap:16px;
}
.lottery-result-container .owl-dots {
  display: none;
}

.lottery-result-container-parent .owl-prev {
  position: static;
}

.lottery-result-container::-webkit-scrollbar-track {
  border-radius: 10px;
}

.lottery-result-container::-webkit-scrollbar {
  width: 8px;
}

.lottery-result-container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #bcd4f1;
}
#keyboard5_keyboard {
  background: var(--bs-black);
}
.ui-widget.ui-widget-content {
  border: 1px solid var(--bs-red);
}
.lottery-game {
  margin-bottom: 1%;
}

/* fallback for IE */
.gradient-text {
  font-size: 28px;
  font-weight: 800;
  font-style: italic;
  line-height: 1;
  letter-spacing: 1px;
  color: #ffffff;
  text-align: center;
  white-space: pre-wrap;
  word-wrap: break-word;
  text-overflow: clip;
  overflow: hidden;
}

.lottery-game .item .lottery-game-card {
  background: rgb(255, 255, 255);
  background: -moz-radial-gradient(circle, rgba(1, 77, 168, 1) 0%, rgba(1, 45, 98, 1) 100%);
  background: -webkit-radial-gradient(circle, rgba(1, 77, 168, 1) 0%, rgba(1, 45, 98, 1) 100%);
  background: radial-gradient(circle, rgba(1, 77, 168, 1) 0%, rgba(1, 45, 98, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#014da8", endColorstr="#012d62", GradientType=1);
  border-radius: 10px;
  width: 100%;
  margin: 2%;
  height: 128px;
  padding: 8% 5%;
}

/* gradient text for modern browsers */
@supports (background-clip: text) {
  .gradient-text {
    background-image: linear-gradient(
      180deg,
      rgba(244, 208, 111, 1) 0%,
      rgba(212, 159, 17, 1) 65%,
      rgba(244, 208, 111, 1) 100%
    );
    background-clip: text;
    color: transparent;
  }
}

.market-select {
  background-color: var(--bs-black1);
  border: none;
  border-radius: 6px;
  color: var(--bs-white);
  font-size: 16px;
  font-weight: 600;
  height: 28px;
  width: 154px;
}

.market-form-label {
  color: #000000;
  font-size: 16px;
  font-weight: 600;
}

/* owl nav class css start */
.main-content .lottery-game-categories-parent .owl-theme .owl-nav,
.main-content .game-categories-parent .owl-theme .owl-nav {
  height: 1px;
  margin: 0;
  bottom: 60%;
}

.main-content .lottery-result-container-parent .owl-theme .owl-nav,
.main-content .lottery-markets-parent .owl-theme .owl-nav {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 60%;
  height: 1px;
  margin: 0;
}

.banner-hompage-slider-parent .owl-nav button,
.lottery-game-categories-parent .owl-nav button,
.lottery-result-container-parent .owl-nav button,
.lottery-markets-parent .owl-nav button,
.game-categories-parent .owl-nav button {
  font-weight: 700 !important;
  color: #fff !important;
  background-color: rgba(188, 212, 241, 0.7) !important;
  width: 2.5%;
  height: 48px;
  backdrop-filter: blur(5px);
  border: none;
  outline: none;
}

.banner-hompage-slider-parent .owl-nav button span,
.lottery-game-categories-parent .owl-nav button span,
.lottery-result-container-parent .owl-nav button span,
.lottery-markets-parent .owl-nav button span,
.game-categories-parent .owl-nav button span {
  font-size: 1.5vw;
}

/* owl nav class css end  */

/* owl dot class css start  */
.banner-hompage-slider-parent .owl-dot,
.lottery-game-categories-parent .owl-dot,
.lottery-result-container-parent .owl-dot,
.lottery-markets-parent .owl-dot,
.game-categories-parent .owl-dot {
  display: inline-block;
  width: 20px;
  height: 8px;
  margin: 0 5px;
  background-color: transparent;
  border: 2px solid #007bff;
  border-radius: 20px;
}

.banner-hompage-slider-parent .owl-dots,
.lottery-game-categories-parent .owl-dots,
.lottery-result-container-parent .owl-dots,
.lottery-markets-parent .owl-dots,
.game-categories-parent .owl-dots {
  display: flex;
  justify-content: center;
  gap: 0px;
  margin: 16px 0 0;
}

.banner-hompage-slider-parent .owl-dots span,
.lottery-game-categories-parent .owl-dots span,
.lottery-result-container-parent .owl-dots span,
.lottery-markets-parent .owl-dots span,
.game-categories-parent .owl-dots span {
  width: 8px !important;
  height: 8px !important;
  background-color: #bcd4f1 !important;
}

.banner-hompage-slider-parent .owl-dots .active span,
.lottery-game-categories-parent .owl-dots .active span,
.lottery-result-container-parent .owl-dots .active span,
.lottery-markets-parent .owl-dots .active span,
.game-categories-parent .owl-dots .active span {
  background-color: var(--bs-red) !important;
}
.banner-h {
  position: relative;
}
.banner-h img {
  max-height: 400px;
}
.banner-h h1 {
  position: absolute;
  display: block;
  top: 30%;
  max-width: 500px;
  background-color: #bcd4f1b8;
  padding: 16px;
  border-radius: 8px;
  font-size: 32px;
  line-height: 50px;
}
/* owl dot class css end  */

section#main-content {
  margin-left: auto;
  margin-top: 45px;
  width: 87.5%;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
section#main-content .footer-sticky {
  flex: 1;
  padding:0 16px;
}

.lottery-game-categories-parent .item,
.lottery-result-container-parent .item,
.lottery-markets-parent .item,
.game-categories-parent.item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* register page css start   */
#buttonlogin {
  width: 30% !important;
}

button.ui-keyboard-accept.ui-keyboard-invalid-input {
  border-color: transparent;
  background: var(--bs-red);
  color: #fff;
}
.classic {
  background-color: var(--bs-red);
  box-shadow: 0px 3px 8px 0px #00000029;
  color: var(--bs-white);
  border: none;
  padding: 7px 25px;
}

.login,
.deposit .withdraw {
  background-color: #e9edf5;
  color: #000;
  border: none;
  padding: 5px 25px;
}

.register,
.rmore {
  background-color: var(--bs-red);
  color: #fff;
  border: none;
  padding: 5px 25px;
}

.register:hover,
.button-blue:hover,
.memo-write:hover,
.rmore:hover {
  background-color: #F44336;
  color: #fff;
}

.btn-submit:hover {
  background-color: #F44336 !important;
}

.login:hover,
.withdraw:hover,
.deposit:hover,
.btn-reset:hover {
  background-color: #bcd4f1;
  color: #000;
}

.activeTopMenu {
  background-color: #F44336;
  color: #fff;
}

.forgot-pass {
  text-decoration: underline;
  border: none;
  font-size: 17px;
  color: var(--bs-white);
}

.captcha {
  background-color: #bababa;
  padding: 4px;
}

.register-page .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  gap: 10px;
}

.register-page .full-row {
  grid-column: 1 / span 2;
  background-color: var(--bs-black1);
  padding: 8px 5px;
  border-radius: 6px;
  width: 100%;
}

.register-page .left-column {
  grid-column: 1 / 2;
  grid-row: 2 / 4;
  background-color: var(--bs-black1);
  padding: 8px 5px;
  border-radius: 6px;
  width: 100%;
}

.register-page .right-column {
  display: grid;
  grid-template-rows: 1fr 1fr;
  grid-column: 2 / 3;
  grid-row: 2 / 4;
  gap: 50px;
}
.register-page .top-right,
.bottom-right {
  background-color: var(--bs-black1);
  padding: 8px 5px;
  border-radius: 6px;
  width: 100%;
}
.register-page .regi-div {
  padding: 10px;
  background-color: var(--bs-black);
  margin: 5px  0;
}

.register-page input,
.register-page select,
.register-page textarea {
  margin: 0px 0px 12px 0px;
  font-size: 14px;
}

.register-page select {
  background-color: #e9edf5;
  border: none;
  border-radius: 6px;
  padding: 5px;
      height: 37px;
}

#catchadiv {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.captcha_input {
  background-color: var(--bs-black1);
  border: none;
  margin: 0px !important;
  padding: 6px;
  border-radius: 6px;
  color: var(--bs-white);
}

#rek1,
#rek2,
#rek3 {
  width: 60px;
  background-color: var(--bs-black1);
  border: none;
  border-radius: 6px;
  height: 35px;
  margin-top: 5px;
  color: var(--bs-white);

}

#submitdaftar,
.forgot-password {
  background-color: var(--bs-red) !important;
  border: none;
  border-radius: 6px;
  color: #fff;
  padding: 8px 20px;
  font-weight: 500;
}

.register-page label {
  font-weight: 500;
  font-size: 16px;
}

.register-page .referral-btn {
  background-color: var(--bs-red);
  color: #fff;
  border: none;
  padding: 6px 30px;
  margin: 10px 0px 0px 0px;
  font-size: 15px;
}

.register-page .referral-reg-form {
  display: flex;
  flex-direction: column;
  align-items: start;
  min-width: 500px;
  align-items: center;
}
.register-page .referral-reg-form .left-column {
  grid-column: unset;
  grid-row: unset;
}
.register-page .referral-reg-form .right-column {
  grid-template-rows: unset;
  gap: 15px;
}
.register-page .regi-div label {
  font-weight: 500;
  font-size: 16px;
  margin-top: 6px;
}
.row.register-page {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    max-width: 768px;
    margin: 0 auto;
}
.ip,
.textarea-ip {
  background: #e9edf5 !important;
  background-color: var(--bs-black1) !important;
  border: none;
  padding: 8px;
  color: var(--bs-white);
}

.textarea-ip {
  resize: vertical;
}

.terms-condition-pop {
  margin-top: 40px;
  min-height: auto;
  width: 100%;
  background-color: var(--bs-black1);
  font-size: 20px;
  font-weight: 600;
  padding: 1rem 0.5rem 0.5rem;
}

.terms-condition-pop .terms-container {
  padding: 7px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--bs-black);
  /* height:300px; */
  overflow: scroll;
}

.terms-container ul {
  margin-bottom: 10px;
}

.sidebar-mob {
  width: auto !important;
}
@media(max-width:1600px){
  .lottery-result-container {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 991.98px) {
  .result {
    flex-direction: column;
    gap: 10px;
  }
  .custom-width-modalsydney{
    max-width:350px;
  }
  section#main-content .footer-sticky{
    padding:0;
  }
  .result p {
    padding: 4px 0px;
    text-align: center;
  }
  .lottery-result-card-market .lottery-result-market-name {
    font-size: 14px;
  }
  .lottery-result-card {
    padding: 6px !important;
  }
  .lottery-result-container-parent .btn-custom {
    justify-content: center;
  }
}

@media (max-width: 1142px) {
  .register-page {
    flex-direction: column;
  }

  .register-page {
    display: unset;
    justify-content: unset;
    align-items: unset;
  }
  .register-page .grid-container,
  .register-page .full-row,
  .left-column,
  .right-column {
    display: block;
    margin-bottom: 10px;
  }

  .register-page .right-column {
    display: block;
  }

  .register-page .top-right,
  .bottom-right {
    margin-bottom: 10px;
  }
  .register-page .terms-condition-pop {
    position: static;
    width: auto;
    min-height: max-content;
    margin-top: 12px;
  }

  .register-page .referral-reg-form {
    min-width: 0px;
  }

  .register-page label {
    font-size: 12px;
  }

  .register-page input,
  .register-page select,
  .register-page textarea {
    font-size: 10px;
    height: 40px;
  }

  .register-page .referral-btn {
    padding: 5px 20px;
  }
}

/* register page css end   */

.drop2-menu {
  display: flex;
  flex-direction: column;
  background-color: transparent;
  border-radius: 10px;
  /* min-width: 262px; */
  text-align: left;
  margin-top: 15px;
}

.drop2-menu input::placeholder {
  background-color: #e9edf5;
  padding: 5px;
}

.drop2-menu input {
  width: 100%;
  background-color: #e9edf5;
}

.login-popup input {
  padding: 10px;
  margin: 5px 0px 10px 0px;
}

.login-popup input::placeholder {
  color: #000;
}

.login-popup label {
  font-size: 16px;
  font-weight: 600;
}

.login-popup .modal-content {
  width: 85%;
  background-color: var(--bs-black1);
    color: var(--bs-white);
}

.login-popup .modal-body {
  padding: 0px;
}

.main-content .floating-link .right-vertical:hover {
  width: 10%;
  display: inline-block;
  transition: 0.5s;
}
.main-content .floating-link .right-vertical {
  background-color: var(--bs-red);
  position: fixed;
  right: 0;
  top: 35%;
  padding: 5px 7px 5px 7px;
  border-radius: 8px 0px 0px 8px;
  color: #fff;
  cursor: pointer;
  z-index: 99999;
}
.main-content .floating-link .right-vertical li {
  list-style: none;
}
.main-content .floating-link .right-vertical li svg.svg-inline--fa.fa-arrow-up-right-from-square {
  margin-right: 6px;
}
.main-content .floating-link .right-vertical:hover .alter {
  display: inline-block;
  margin-bottom: 0;
  color: #fff;
}
.main-content .floating-link .right-vertical .alter {
  display: none;
  font-size: 14px;
}
.main-content .floating-link .right-vertical:hover .link_ol {
  display: inline-block;
}
.main-content .floating-link .right-vertical .link_ol {
  padding-bottom: 0.5rem;
  padding-top: 0;
  padding-left: 8px;
  padding-right: 0.5rem;
  width: 100%;
  display: none;
  background-color: #e9edf5;
  position: absolute;
  margin-top: 5px;
  margin-left: -6px;
  border-radius: 0px 0 0 8px;
  word-break: break-all;
}
.main-content .floating-link .right-vertical .link_ol li {
  display: flex;
  flex-direction: column;
}
.main-content .floating-link .right-vertical li {
  list-style: none;
}
.main-content .floating-link .right-vertical a {
  color: var(--bs-red);
  text-decoration: underline;
  text-transform: none;
  font-size: 14px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.main-content .floating-link .right-vertical a:hover {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-all;
}

.main-content .modal-body-main .result_section_container_betting {
  background-color: #e9edf5;
  padding: 8px;
  border-radius: 6px;
}

/* css for mobile < 768px start */
button#closeSidebarBtn {
  border-radius: 25px;
  padding: 4px 9px;
  background-color: transparent;
    border: 0;
    background-color:var(--bs-white);
}
svg.svg-inline--fa.fa-circle-arrow-left {
  font-size: 22px;
}

a.btn.btn-light.classic.classic-btn-m {
  padding: 0;
  box-shadow: none;
  font-size: 18px;
  background: #bcd4f1;
  padding: 3px 8px;
  border-radius: 25px;
}
@media (max-width: 991px) {
  .header-text {
    font-size: 30px;
  }
  .sidebar-header .btn_space {
    position: absolute;
    right: 0;
    top: 12px;
    right: 16px;
  }
  .sidebar-header .btn-back{
    margin-top:12px;
    margin-left:8px;
    background-color: transparent !important;
  }
  .sidebar-header  svg {
    color: var(--bs-white);
}
  h1.header-text.text-banner {
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    font-size: 19px;
}
  .register-page {
    width: 100%;
  }

  .bettingpanel_game_select .market_select_mobile .market_mobile_in select {
    /* display: none; */
    height: auto;
  }

  .drop2-menu div:first-child {
    display: block !important;
  }

  /* owl nav class css start  */
  /* .main-content .banner-hompage-slider-parent .owl-theme .owl-nav, */
  .main-content .lottery-game-categories-parent .owl-theme .owl-nav,
  .main-content .game-categories-parent .owl-theme .owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    height: 1px;
    margin: 0;
    bottom: 60%;
  }

  .main-content .lottery-game-categories-parent .owl-theme .owl-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 60%;
    height: 1px;
    margin: 0;
  }

  .banner-hompage-slider-parent .owl-nav button,
  .game-categories-parent .owl-nav button,
  .lottery-markets-parent .owl-nav button,
  .lottery-result-container-parent .owl-nav button,
  .lottery-game-categories-parent .owl-nav button {
    width: 30px;
    height: 30px;
    font-weight: 700 !important;
    opacity: 0.5;
  }

  .banner-hompage-slider-parent .owl-nav button span,
  .game-categories-parent .owl-nav button span,
  .lottery-markets-parent .owl-nav button span,
  .lottery-result-container-parent .owl-nav button span,
  .lottery-game-categories-parent .owl-nav button span {
    font-size: 20px;
  }

  /* owl nav class css end  */

  /* owl dot class css start  */
  .banner-hompage-slider-parent .owl-dots,
  .game-categories-parent .owl-dots,
  .lottery-markets-parent .owl-dots,
  .lottery-result-container-parent .owl-dots,
  .lottery-game-categories-parent .owl-dots {
    gap: 20px;
  }
  .banner-hompage-slider-parent .owl-dots span,
  .game-categories-parent .owl-dots span,
  .lottery-markets-parent .owl-dots span,
  .lottery-result-container-parent .owl-dots span,
  .lottery-game-categories-parent .owl-dots span,
  .game-categories-parent .owl-dots .active span,
  .banner-hompage-slider-parent .owl-dots .active span,
  .lottery-markets-parent .owl-dots .active span,
  .lottery-result-container-parent .owl-dots .active span,
  .lottery-game-categories-parent .owl-dots .active span {
    width: 46px !important;
    height: 6px !important;
  }
  .lottery-result-container-parent .owl-dots span {
    width: 46px !important;
    height: 6px !important;
    background-color: #e9edf5 !important;
  }
  @media (max-width: 425px) {
    .banner-hompage-slider-parent .owl-dots span,
    .game-categories-parent .owl-dots span,
    .lottery-markets-parent .owl-dots span,
    .lottery-result-container-parent .owl-dots span,
    .lottery-game-categories-parent .owl-dots span,
    .game-categories-parent .owl-dots .active span,
    .banner-hompage-slider-parent .owl-dots .active span,
    .lottery-markets-parent .owl-dots .active span,
    .lottery-result-container-parent .owl-dots .active span,
    .lottery-game-categories-parent .owl-dots .active span {
      width: 20px !important;
    }
    .banner-hompage-slider-parent .owl-dots,
    .game-categories-parent .owl-dots,
    .lottery-markets-parent .owl-dots,
    .lottery-result-container-parent .owl-dots,
    .lottery-game-categories-parent .owl-dots {
      gap: 5px;
    }
  }
  /* owl dot class css end  */
}
.login-hide {
  display: none;
}


@media (max-width: 991px) {
  .lottery-result-card-text span {
    font-size: 10px;
  }
  .navbar-brand img {
    width: 60%;
  }
  .login-hide {
    display: block;
  }

  .lottery-result-container-parent .btn-custom {
    font-size: 12px !important;
    padding: 4px;
  }

  section#main-content {
    margin-left: 0px;
    margin-top: 26px;
    width: 100%;
    overflow-x: hidden;
  }

  section#main-content .container-fluid {
    padding: 0 8px;
  }

  .clipper {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 6;
    /* Number of lines to show */

    /* For fallback support */

    max-height: 6 * 1.2em;
    /* 1.2em is the line-height */
  }

  .about .text-end {
    font-size: 10px;
    font-weight: 500;
    text-decoration: underline;
  }
}

@media (min-width: 992px) and (max-width: 1139px) {
  .sideMenu {
    width: 20% !important;
  }

  section#main-content {
    margin-left: 20%;
    width: 80%;
  }

  .header-text {
    font-size: 2rem;
  }
}

@media (min-width: 768px) and (max-width: 1139px) {
  .header-text {
    font-size: 2rem;
  }
}

/* INDEX CSS END */

/* BETTING PANEL CSS START */

.bettingpanel {
  position: relative;
}

.market_select {
  background-color: var(--bs-black1);
  padding: 8px 10px 10px 10px;
  border-radius: 6px;
}

.market_select h2 {
  color: var(--bs-white);
  font-weight: 600;
  font-size: 24px;
}

.market_select .country_box {
  display: grid;
  grid-template-columns: repeat(11, 1fr);
  gap: 15px;
  overflow-x: scroll;

  scrollbar-width: thin;
  scrollbar-color:var(--bs-black) transparent;
}
.country_box img {
    border-radius: 8px;
}
.market_select .country_box .country_box_inside {
  background-color: var(--bs-black);
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: max-content;
}
.market_select .country_box .country_box_inside:hover{
  background-color: var(--bs-black3);
}
div#betting_page {
  background: var(--bs-black);
}
.market_select .country_box .country_box_inside.active {
  background-color: var(--bs-red);
  color: #fff;
}

.market_select .country_box .country_box_inside.active p {
  font-weight: 500;
}

.market_select .country_box .country_box_inside.active img {
  border: 2px solid #fff;
  border-radius: 8px;
}

.market_select .country_box .country_box_inside p {
  font-size: 14px;
  margin: 0px 0px 0px 7px;
  color: var(--bs-white);
}

.betting_main_table input[disabled] {
  background-color: #e9edf5;
  border: 2px solid #e9edf5 !important;
}
/* .betting_main_table  input[readonly]  {
  background-color: #fff;
  border: 1px solid transparent !important ;
} */

.betting_main_table th {
  font-weight: bold !important;
}
.betting_main_table #betxxx {
  width: 60px;
  padding: 5px;
  border: 1px solid var(--bs-red);
}
.betting_main_table .table-header {
  background-color: #bcd4f1;
  color: #000;
}

.bettingpanel_game_select .betting_main_table {
  font-size: 14px;
  padding-left: 0;
  padding-right: 0;
}
.bettingpanel_game_select .betting_main_table .wap_btn {
  background-color: #94abe3;
  border-color: var(--bs-red);
  outline: 0;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  color: #000;
  border-radius: 30px;
  padding: 3px 15px;
  margin: 4px 0px 10px 0px;
}
.bettingpanel_game_select .betting_main_table .table-header .select_margin .text-center {
  text-align: start !important;
}

/* .bettingpanel_game_select .betting_main_table tr > td:first-child,
.bettingpanel_game_select .betting_main_table tr > th:first-child {
  width: 64px;
} */

/* .bettingpanel_game_select .betting_main_table .widget-box a {
  color: var(--bs-red);
  font-size: 14px;
} */

.bettingpanel_game_select .betting_main_table .table_submit_reset_space {
  border-radius: 4px;
  border-spacing: 0 10px;
  margin: 14px 0px;
}
.tab-pane .table_submit_reset span {
  background-color: transparent !important;
}
.bettingpanel_game_select .betting_main_table .select_margin {
  margin: 6px 0;
}

.bettingpanel_game_select .game_select {
  background-color: var(--bs-black);
  padding: 8px 5px 1px 5px;
  border-radius: 6px;
}

.bettingpanel_game_select .game_select .game_select_in h2 {
  color: var(--bs-white);
  font-weight: 600;
  font-size: 24px;
  text-align: center;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-white1);
}
.widget-body {
  background-color: var(--bs-black1);
}
.bettingpanel_game_select .game_select .game_select_in .game_select_btn .nav {
  display: block;
}
.lornrow{
  background: var(--bs-black1);
}
.bettingpanel_game_select .game_select .game_select_in .game_select_btn .nav-link {
  width: 100%;
  background: var(--bs-black1);
  color: var(--bs-white);
  margin: 10px 0px;
  border-radius: 4px;
  font-size: 14px;
  padding: 12px 0px;
}
.bettingpanel_game_select .game_select .game_select_in .game_select_btn .nav-link:hover{
  background: var(--bs-black2);
}
.bettingpanel_game_select .game_select .game_select_in .game_select_btn .nav-link.active {
  background-color: var(--bs-red);
  color: #fff;
  font-weight: 600;
}

.bettingpanel_game_select .game_inner_panel {
  background-color: #e9edf5;
  padding: 8px 5px 5px 5px;
  border-radius: 6px;
}

.bettingpanel_game_select .game_inner_panel .game_inner_panel_in h2 {
  color: #000;
  font-weight: 600;
  font-size: 24px;
  margin: 10px 0px 10px 10px;
}

.bettingpanel_game_select {
  background-color: var(--bs-black1);
  padding: 8px 0px 10px 8px;
  border-radius: 6px;
}

.bettingpanel_game_select table {
  border-collapse: separate;
}
.bettingpanel_game_select .Gangil td{
  color:var(--bs-black);
}

.bettingpanel_game_select table th,
.bettingpanel_game_select table td {
  border-bottom: unset;
  text-align: center;
  vertical-align: middle;
  color: var(--bs-white);
}

.bettingpanel_game_select table th {
  font-size: 14px;
  text-align: center;
}

.bettingpanel_game_select button {
  border: none;
}

.bettingpanel_game_select .table_submit_reset {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: 10px;
}

.bettingpanel_game_select .table_submit_reset .reset {
  background-color: #fff;
  border-radius: 4px;
  color: #eb401b;
  padding: 6px 20px;
  box-shadow: 0px 3px 8px 0px #00000029;
}
.bettingpanel_game_select .table_submit_reset .total_count {
  /* background-color: #E9EDF5;
  border-radius: 4px;
  color: #000;
  padding: 6px 20px; */
  background-color: #fff;
  border-radius: 8px;
  color: #1a1818;
  padding: 6px 20px;
  box-shadow: 0px 3px 8px 0px #00000029;
}
.bettingpanel_game_select .table_submit_reset .total_count:hover {
  font-weight: 600;
}
.bettingpanel_game_select .table_submit_reset .reset:hover {
  /* background-color: #bcd4f1; */
  font-weight: 600;
}

.bettingpanel_game_select .table_submit_reset .submit {
  background-color: var(--bs-red);
  border-radius: 4px;
  color: #fff;
  padding: 6px 10px;
}

.bettingpanel_game_select .table_submit_reset .submit:hover,
.register-page .referral-btn:hover {
  background-color: #F44336;
  font-weight: 600;
}
/* wap popup */
.bettingpanel_game_select .betting_main_table .wap_process svg {
  font-size: 60px;
  color: #bcd4f1;
}
.bettingpanel_game_select .betting_main_table .wap_process h2 {
  font-size: 24px;
  margin: 30px;
  font-weight: 700;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  width: 100%;
  text-align: center;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content h3 {
  font-size: 22px;
  margin: 30px;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content .cancelled-popoup {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content .cancelled-popoup svg {
  font-size: 26px;
  color: #e32900;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content .cancelled-popoup h4 {
  font-size: 24px;
  margin: 18px 15px;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-buttons .ok-btn {
  background-color: var(--bs-red);
  color: #fff;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-buttons .cancel-btn {
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  color: #f44336;
}
.bettingpanel_game_select .betting_main_table .wap_process .cancel-buttons button {
  background-color: #e9edf5;
  color: #000;
}
.bettingpanel_game_select .betting_main_table .wap_process .popup-buttons .cancel-btn,
.bettingpanel_game_select .betting_main_table .wap_process .popup-buttons .ok-btn,
.bettingpanel_game_select .betting_main_table .wap_process .cancel-buttons button {
  font-weight: 600;
  padding: 5px 0px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 30%;
  font-size: 17px;
}
/* wap popup */

.bettingpanel_game_select .betting_main_table {
  background-color: var(--bs-black);
  border-radius: 4px;
  padding: 0px 10px 20px 10px;
}
.betting_main_table .widget-header{
  padding: 8px 0;
}
.bettingpanel_game_select .analysis_main select {
  width: 20%;
  border: none;
  font-size: 16px;
  background-color: var(--bs-black1);
    color: var(--bs-white);
}

.bettingpanel_game_select .betting_main_table .widget-box {
  /* height: 741px; */
  overflow-x: hidden;
}

.bettingpanel_game_select .betting_main_table table {
  background-color: var(--bs-black);
  border-radius: 4px;
  border-spacing: 0 10px;
}

.widget-box h4 span {
  background-color: transparent !important;
  color: var(--bs-white);
}
.widget-body .table thead:first-child tr {
  background: var(--bs-black1);
}
.bettingpanel_game_select .betting_main_table .colok_bebas,
.bettingpanel_game_select .betting_main_table .tengah {
  width: 60%;
  margin: 30px auto 0px;
}
.bettingpanel_game_select .betting_main_table .colok_bebas_2d {
  width: 93%;
  margin: 30px auto 0px;
}
.bettingpanel_game_select .betting_main_table .colok_naga,
.bettingpanel_game_select .betting_main_table .colok_jitu,
.bettingpanel_game_select .betting_main_table .kop_form {
  width: 90%;
  margin: 30px auto 0px;
}
.bettingpanel_game_select .analysis_main .widget-box {
  height: auto;
}
.bettingpanel_game_select .betting_main_table .colok_bebas_2d > thead > tr > th,
.bettingpanel_game_select .betting_main_table .colok_bebas_2d > tbody > tr > td,
.bettingpanel_game_select .betting_main_table .colok_jitu > thead > tr > th,
.bettingpanel_game_select .betting_main_table .colok_jitu > tbody > tr > td {
  padding: 4px 20px;
}
.bettingpanel_game_select .betting_main_table .kop > thead > tr > th,
.bettingpanel_game_select .betting_main_table .kop > tbody > tr > td {
  padding: 0px 20px;
}
.bettingpanel_game_select .betting_main_table .Genjil_Genap > thead > tr > th,
.bettingpanel_game_select .betting_main_table .Genjil_Genap > tbody > tr > td,
.bettingpanel_game_select .betting_main_table .Becar_Kecil > thead > tr > th,
.bettingpanel_game_select .betting_main_table .Becar_Kecil > tbody > tr > td,
.bettingpanel_game_select .betting_main_table .silang > thead > tr > th,
.bettingpanel_game_select .betting_main_table .silang > tbody > tr > td,
.bettingpanel_game_select .betting_main_table .homo > thead > tr > th,
.bettingpanel_game_select .betting_main_table .homo > tbody > tr > td,
.bettingpanel_game_select .betting_main_table .kembang > thead > tr > th,
.bettingpanel_game_select .betting_main_table .kembang > tbody > tr > td,
.bettingpanel_game_select .betting_main_table .shio > thead > tr > th,
.bettingpanel_game_select .betting_main_table .shio > tbody > tr > td {
  padding: 0px 30px;
}
.bettingpanel_game_select .betting_main_table .Genjil_Genap,
.bettingpanel_game_select .betting_main_table .Becar_Kecil {
  border-spacing: 0px 20px;
}
.bettingpanel_game_select .betting_main_table .Genjil_Genap .custom-width,
.bettingpanel_game_select .betting_main_table .Becar_Kecil .custom-width,
.bettingpanel_game_select .betting_main_table .silang .custom-width,
.bettingpanel_game_select .betting_main_table .homo .custom-width,
.bettingpanel_game_select .betting_main_table .kembang .custom-width {
  width: 80%;
}
.bettingpanel_game_select .betting_main_table .taruhan-th input::placeholder {
  color: #000;
}
.bettingpanel_game_select .betting_main_table .analysis_table {
  padding: 20px;
}
.bettingpanel_game_select .betting_main_table .colok_jitu .custom-select-wrapper,
.bettingpanel_game_select .betting_main_table .kop .custom-select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#colokjitu_page .widget-body .betting .table select,
.bettingpanel_game_select .betting_main_table .colok_jitu select,
.bettingpanel_game_select .betting_main_table .kop select {
  border: none;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16) !important;
  border-radius: 6px;
  width: 100%;
  height: 30px;
}
.bettingpanel_game_select .betting_main_table .colok_jitu .custom-select-wrapper::after,
.bettingpanel_game_select .betting_main_table .kop .custom-select-wrapper::after {
  font-family: "FontAwesome";
  content: "\f078";
  font-size: 12px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.bettingpanel_game_select .betting_main_table table input,
.bettingpanel_game_select .betting_main_table .silang_wap input,
.bettingpanel_game_select .betting_main_table .kembang_wap input {
  border: 1px solid #4f4f4f;
  border-radius: 4px;
  background-color: var(--bs-black1);
}
.bettingpanel_game_select .betting_main_table .dasar .dasar_tbody_flex .dasar_tbody_tr .dasar_sub {
  display: none;
}
.bettingpanel_game_select .betting_main_table table .okbtn {
  background-color: #bcd4f1;
  border-radius: 6px;
  padding: 4px 20px !important;
}
/* silang wap */
.bettingpanel_game_select .betting_main_table .silang_wap {
  display: flex;
  justify-content: space-around;
}
.bettingpanel_game_select .betting_main_table .silang_wap .input-group,
.bettingpanel_game_select .betting_main_table .kembang_wap .input-group {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bettingpanel_game_select .betting_main_table .silang_wap .input-group label,
.bettingpanel_game_select .betting_main_table .kembang_wap .input-group label {
  width: 150px;
}
/* kembang wap */
.bettingpanel_game_select .betting_main_table .kembang_wap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 20px;
}
.bettingpanel_game_select .betting_main_table .kembang_wap .leftcolumn,
.bettingpanel_game_select .betting_main_table .kembang_wap .rightcolumn {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* kembang wap */

/* neha css of new betting */
.bettingpanel_game_select .betting_main_table .flex_input_2d {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 12px;
}
.bettingpanel_game_select .betting_main_table .flex_input_2d .width_70 {
  width: 70px;
}
/* neha css of new betting */

.bettingpanel_game_select .market_select_mobile {
  margin: 0px 0px 20px 0px;
}

.bettingpanel_game_select .analysis_dropdown {
  margin: 15px 0px 0px 0px;
}

.bettingpanel_game_select .analysis_dropdown .analysis_dropdown_in select.form-select {
  border: 1px solid #bcd4f1;
  background: #fff;
  font-size: 16px;
}

.bettingpanel_game_select .market_select_mobile .market_mobile_in select {
  background-color: var(--bs-black1);
  width: 55%;
  border-color: var(--bs-white1);
  outline: 0;
  box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  color: var(--bs-white);
  border-radius: 6px;
}

.bettingpanel_game_select .market_select_mobile .market_mobile_in button {
  background-color: var(--bs-red);
  border-color: var(--bs-red);
  outline: 0;
  box-shadow: none;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border-radius: 30px;
  padding: 5px 18px;
}

.bettingpanel_game_select .market_select_mobile .market_mobile_in select.form-select {
  border-color: #bcd4f1;
  outline: 0;
  box-shadow: none;
  font-size: 20px;
  font-weight: 500;
  color: #012d65;
}

.bettingpanel_game_select h4 {
  font-size: 24px;
  color: var(--bs-white);
  font-weight: 600;
  margin: 15px 0px 10px 0px;
}

.result_section_container {
  background-color: #e9edf5;
  padding: 8px 6px 5px 5px;
  border-radius: 6px;
}

.result_section_container .result_section_in h2 {
  color: #000;
  font-weight: 600;
  font-size: 22px;
}

.result_section_container .result_section_in p {
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

.result_section_container .result_section_in .result_betting_panel {
  background-color: #fff;
  padding: 8px 10px 10px 10px;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
}

.result_section_container .result_section_in .result_betting_panel p {
  font-size: 12px;
  font-weight: 500;
}

.result_section_container .result_section_in .result_betting_panel th {
  font-size: 14px;
  text-align: center;
}

.result_section_container .result_section_in .result_betting_panel th,
.result_section_container .result_section_in .result_betting_panel td {
  border-bottom: unset;
  text-align: center;
  font-size: 13px;
}

.result_section_container_betting {
  background-color: var(--bs-black);
  padding: 8px 6px 5px 5px;
  border-radius: 6px;
}

.result_section_container_betting .result_section_in h2 {
  color: var(--bs-white);
  font-weight: 600;
  font-size: 22px;
}

.result_section_container_betting .result_section_in p {
  color: var(--bs-white);
  font-weight: 600;
  font-size: 14px;
}

.result_section_container_betting .result_section_in .result_betting_panel {
  background-color: var(--bs-black1);
  padding: 8px 10px 10px 10px;
  border-radius: 6px;
  margin: 10px 0px 0px 0px;
  scrollbar-width: thin;
  scrollbar-color: #bcd4f1 transparent;
}

.result_section_container_betting .result_section_in .result_betting_panel p {
  font-size: 12px;
  font-weight: 500;
}

.result_section_container_betting .result_section_in .result_betting_panel th {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
}

.result_section_container_betting .result_section_in .result_betting_panel th,
.result_section_container_betting .result_section_in .result_betting_panel td {
  border-bottom: unset;
  text-align: center;
  font-size: 14px;
  padding: 8px;
}

.result_section_container_betting .result_section_in .result_betting_panel .table {
  white-space: nowrap;
}

.period-weight {
  font-weight: 500;
}

.highlight {
  color: var(--bs-red);
  font-size: 14px;
}

a.nav-link.rounded-start.accordion-button {
  border-radius: 6px;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.overlay.active {
  opacity: 1;
  pointer-events: auto;
}

.bettingpanel .sidebar {
  position: fixed;
  right: -328px;
  top: 15vh;
  height: 100%;
  width: 328px;
  z-index: 99;
  transition: all 0.5s ease;
}

.bettingpanel .sidebar.open {
  height: auto;
  border-radius: 4px 0px 0px 4px;
  right: 0px;
}

.bettingpanel .sidebar.open .rotate {
  transform: rotate(180deg);
}

.bettingpanel .sidebar .logo-details {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
}

.bettingpanel .sidebar .logo-details #btn {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(-100%);
  font-size: 20px;
  transition: all 0.4s ease;
  text-align: center;
  cursor: pointer;
  background-color: #bcd4f1;
  color: #012d65;
  border: none;
  border-radius: 4px 0px 0px 4px;
  height: 40px;
  min-width: 32px;
  line-height: 40px;
}

.bettingpanel .sidebar.d-lg-none.d-block.open .result_section_container {
  background: #bcd4f1;
}

.bettingpanel_game_select .betting_main_table .well {
  font-size: 14px;
  margin: 20px 0px;
  font-weight: 600;
}

.bettingpanel .sidebar_betting .logo-details {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
}

.bettingpanel .sidebar_betting .logo-details #btn_betting {
  position: absolute;
  top: 100%;
  right: 0;
  transform: translateY(-100%);
  font-size: 20px;
  transition: all 0.4s ease;
  text-align: center;
  cursor: pointer;
  background-color: #bcd4f1;
  color: #012d65;
  border: none;
  border-radius: 4px 0px 0px 4px;
  height: 40px;
  min-width: 32px;
  line-height: 40px;
}

.bettingpanel .sidebar_betting.d-lg-none.d-block.open .result_section_container {
  background: #bcd4f1;
}

.bettingpanel .sidebar_betting.d-lg-none.d-block.open .result_section_container_betting {
  background: #bcd4f1;
}

.bettingpanel_game_select .betting_main_table .well input {
  border: 1px solid var(--bs-red);
  border-radius: 4px;
}

.bettingpanel_game_select .betting_main_table .well button {
  background-color: var(--bs-red);
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  display: block;
  margin: 20px auto 0px;
}

.bettingpanel_game_select .betting_main_table .subtabs {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}

.bettingpanel_game_select .betting_main_table .underline_subtabs {
  text-decoration: underline;
  text-decoration-color: var(--bs-red);
}

/* media query start */
@media screen and (max-width: 540px) {
  #kombinasi_page .widget-box,
  #tengah-page .widget-box,
  #dasar-page .widget-box,
  #kembang-page .widget-box,
  #silang-page .widget-box,
  #fifty-fifty .widget-box,
  #shio-page .widget-box,
  #colokNaga_page .widget-box,
  #depan3d .widget-box,
  #Depan2d_page .widget-box,
  #colok_page .widget-box,
  #colok2D_page .widget-box,
  #colokNaga_page .widget-box,
  #colokjitu_page .widget-box {
    background-color: transparent !important;
    padding: 4px;
    border-radius: 6px;
  }
  .bettingpanel_game_select .betting_main_table .widget-box {
    background-color: var(--bs-black1);
    padding: 4px 0;
    border-radius: 6px;
  }
  .jitu-td input {
    width: 100px;
  }
  .shio-table {
    display: none;
  }
  .shio-mob {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: 6px;
    justify-items: center;
  }
  .shio-mob div {
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .shio-mob div label {
    font-size: 12px;
  }
  .shio-mob div input {
    border: 2px solid #bcd4f1;
    width: 100%;
    margin: 0 !important;
  }
  .bettingpanel_game_select .betting_main_table .flex_input_2d .width_70 {
    width: 32px !important;
  }
  .bettingpanel_game_select .betting_main_table .flex_input_2d {
    column-gap: 0px !important;
  }
  /* wap popup remove last css*/
  .bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content {
    max-width: 300px;
  }
  .bettingpanel_game_select .betting_main_table .wap_process h2 {
    margin: 20px;
  }
  .bettingpanel_game_select .betting_main_table .wap_process svg {
    font-size: 45px;
    color: #bcd4f1;
  }
  .bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content .cancelled-popoup h4 {
    font-size: 24px !important;
    margin: 12px 15px;
  }
  .bettingpanel_game_select .betting_main_table .wap_process .popup-overlay .popup-content h3 {
    margin: 20px 0px;
    font-size: 20px;
  }
  /* wap popup */
  .bettingpanel_game_select .betting_main_table table {
    /* width: max-content; */
    overflow-x: scroll;
    /* white-space: nowrap; */
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas {
    width: 90%;
    margin: 0px auto 0px;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas .serialno {
    display: none;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas_2d,
  .bettingpanel_game_select .betting_main_table .colok_naga,
  .bettingpanel_game_select .betting_main_table .colok_jitu,
  .bettingpanel_game_select .betting_main_table .kop_form {
    width: 100%;
    margin: 0px auto 0px;
  }
  .bettingpanel_game_select .betting_main_table .colok_jitu .jitu_mob_input {
    width: 24%;
  }
  .bettingpanel_game_select .betting_main_table .kop .tebak_mob_input {
    width: 30%;
  }
  .bettingpanel_game_select .betting_main_table .kop .tebak_mob_input1,
  .bettingpanel_game_select .betting_main_table .kop .tebak_mob_input2 {
    width: 33%;
  }
  .bettingpanel_game_select .betting_main_table .kop .kepala_mob_input {
    width: 34%;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas_2d .taruhan-th .taruhan-text,
  .bettingpanel_game_select .betting_main_table .colok_naga .taruhan-th .taruhan-text,
  .bettingpanel_game_select .betting_main_table .Genjil_Genap .taruhan-th .taruhan-text,
  .bettingpanel_game_select .betting_main_table .Becar_Kecil .taruhan-th .taruhan-text,
  .bettingpanel_game_select .betting_main_table .colok_jitu .taruhan-th .taruhan-text,
  .bettingpanel_game_select .betting_main_table .Genjil_Genap .taruhan-text,
  .bettingpanel_game_select .betting_main_table .Becar_Kecil .taruhan-text,
  .bettingpanel_game_select .betting_main_table .silang .taruhan-text,
  .bettingpanel_game_select .betting_main_table .homo .taruhan-text,
  .bettingpanel_game_select .betting_main_table .kembang .taruhan-text,
  .bettingpanel_game_select .betting_main_table .kop .taruhan-text,
  .bettingpanel_game_select .betting_main_table .shio .taruhan-text {
    display: none;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas_2d .taruhan-th {
    width: 43%;
  }
  .bettingpanel_game_select .betting_main_table .colok_naga .taruhan-th {
    width: 100%;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas_2d .taruhan-th input,
  .bettingpanel_game_select .betting_main_table .colok_naga .taruhan-th input,
  .bettingpanel_game_select .betting_main_table .colok_jitu .taruhan-th input,
  .bettingpanel_game_select .betting_main_table .kop .taruhan-th input {
    width: 100%;
  }
  .bettingpanel_game_select .betting_main_table .colok_naga .custom-width,
  .bettingpanel_game_select .betting_main_table .Genjil_Genap .custom-width,
  .bettingpanel_game_select .betting_main_table .Becar_Kecil .custom-width,
  .bettingpanel_game_select .betting_main_table .silang .custom-width,
  .bettingpanel_game_select .betting_main_table .homo .custom-width,
  .bettingpanel_game_select .betting_main_table .kembang .custom-width,
  .bettingpanel_game_select .betting_main_table .Becar_Kecil .custom-width-Becar,
  .bettingpanel_game_select .betting_main_table .Genjil_Genap .custom-width-Genjil,
  .bettingpanel_game_select .betting_main_table .silang .custom-width-silang,
  .bettingpanel_game_select .betting_main_table .homo .custom-width-homo,
  .bettingpanel_game_select .betting_main_table .kembang .custom-width-kembang {
    width: 100%;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas_2d > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .colok_bebas_2d > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .Genjil_Genap > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .Genjil_Genap > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .Becar_Kecil > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .Becar_Kecil > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .colok_jitu > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .colok_jitu > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .silang > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .silang > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .homo > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .homo > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .kembang > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .kembang > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .kop > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .kop > tbody > tr > td,
  .bettingpanel_game_select .betting_main_table .shio > thead > tr > th,
  .bettingpanel_game_select .betting_main_table .shio > tbody > tr > td {
    padding: 4px;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas tbody {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    row-gap: 10px;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas tbody input,
  .bettingpanel_game_select .betting_main_table .shio .dasar_tbody_grid .shio_tbody_tr .shio_td_block input {
    display: block;
    width: 100%;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas tbody td {
    display: block;
  }
  .bettingpanel_game_select .betting_main_table .shio .dasar_tbody_grid .shio_tbody_tr .shio_td_block {
    display: block;
    border-top: 1px solid #92bff5;
    border-bottom: 1px solid #92bff5;
    padding-bottom: 13px;
    margin-bottom: 10px;
  }
  .bettingpanel_game_select .betting_main_table .dasar .dasar_tbody_flex .dasar_tbody_tr .dasar_sub {
    display: inline;
  }
  .bettingpanel_game_select .betting_main_table .dasar {
    width: 90%;
    margin: 0px auto 0px;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas tbody td:nth-child(2),
  .bettingpanel_game_select .betting_main_table .dasar .dasar_tbody_flex .tengah_tbody_tr td:nth-child(2),
  .bettingpanel_game_select .betting_main_table .dasar .dasar_tbody_flex .dasar_tbody_tr td:nth-child(3),
  .bettingpanel_game_select .betting_main_table .dasar .dasar_tbody_flex .dasar_tbody_tr td:nth-child(4) {
    border-bottom: 1px solid #92bff5;
    font-weight: 500;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas .colok_bebas_tr,
  .bettingpanel_game_select .betting_main_table .dasar .dasar_tr,
  .bettingpanel_game_select .betting_main_table .shio .shio_tr {
    display: none;
  }
  .bettingpanel_game_select .betting_main_table .dasar .dasar_tbody_flex .dasar_tbody_tr {
    display: flex;
    flex-direction: column;
  }
  .bettingpanel_game_select .betting_main_table .shio .dasar_tbody_grid .shio_tbody_tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .bettingpanel_game_select .betting_main_table .dasar .dasar_tbody_flex {
    display: flex;
  }
  .bettingpanel_game_select .betting_main_table .shio .dasar_tbody_grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    row-gap: 10px;
  }
  .text-blue-mobile {
    color: var(--bs-red);
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas_widget {
    height: unset;
  }
  .bettingpanel_game_select .betting_main_table .colok_bebas_widget .colok_bet,
  .bettingpanel_game_select .betting_main_table .dasar_bet {
    width: 90%;
    border-bottom: 1px solid #000;
  }
  .bettingpanel_game_select .betting_main_table .tengah_bet {
    width: 90%;
    border-bottom: 1px solid #92bff5;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-size: 12px;
  }
  /* .bettingpanel_game_select .colok_betting  {
  background-color: #fff;
} */
  /* silang wap */
  .bettingpanel_game_select .betting_main_table .silang_wap {
    flex-direction: column;
  }
  .bettingpanel_game_select .betting_main_table .silang_wap .leftcolumn {
    margin-bottom: 30px;
  }
  .bettingpanel_game_select .betting_main_table .silang_wap .input-group,
  .bettingpanel_game_select .betting_main_table .kembang_wap .input-group {
    column-gap: 10px;
    justify-content: unset;
    flex-wrap: unset;
  }
  .bettingpanel_game_select .betting_main_table .silang_wap .input-group label,
  .bettingpanel_game_select .betting_main_table .kembang_wap .input-group label {
    width: 100px;
    font-size: 12px;
    word-break: break-word;
  }
  /* silang wap */
  /* kembang wap */
  .bettingpanel_game_select .betting_main_table .kembang_wap {
    grid-template-columns: 1fr;
  }
  /* kembang wap */
  .bettingpanel_game_select .betting_main_table .w-max-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: 100%;
  }
  .bettingpanel_game_select .game_select .game_select_in .game_select_btn {
    display: grid;
    column-gap: 10px;
    grid-template-columns: repeat(3, 1fr);
    row-gap: 10px;
    margin-bottom: 10px;
  }
  .bettingpanel_game_select .game_select .game_select_in .grid_analysis {
    grid-template-columns: repeat(2, 1fr) !important;
    background: var(--bs-black);
        padding: 5px;
  }
  .bettingpanel_game_select .game_select .game_select_in .game_select_btn .nav-link {
    font-size: 12px;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  }

  .bettingpanel_game_select .game_select {
    background-color: var(--bs-black);
    padding: 8px;
  }

  .bettingpanel_game_select .game_inner_panel .game_inner_panel_in .game_panel_betting {
    background-color: unset;
  }

  .game_panel_betting table tr {
    background-color: #fff;
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
    border-radius: 6px !important;
  }

  .bettingpanel_game_select .game_select .game_select_in .game_select_btn .nav-link {
    margin: 0px;
    padding: 8px 5px;
  }

  .result_section_container .result_section_in h2 {
    font-size: 16px;
  }

  .result_section_container .result_section_in .result_betting_panel th,
  .result_section_container .result_section_in .result_betting_panel td {
    font-size: 14px;
  }

  .bettingpanel_game_select .market_select_mobile .market_mobile_in select.form-select {
    font-size: 16px;
  }

  .bettingpanel_game_select .betting_main_table .widget-box a {
    font-size: 12px;
  }

  .bettingpanel_game_select .betting_main_table .subtabs {
    gap: 5px;
  }

  .bettingpanel_game_select .betting_main_table .well button {
    font-size: 10px;
  }

  .widget-body form {
    overflow: scroll;
  }
  .widget-body .form-dasarPeriode,
  .widget-body .form-tengahTepiPeriode {
    overflow: hidden;
  }
  .bettingpanel_game_select h4,
  .class-panel-body {
    font-size: 12px !important;
  }

  .bettingpanel_game_select table th,
  .bettingpanel_game_select table td {
    font-size: 12px;
  }
  .betTable .td-input {
    font-size: 22px;
    display: flex;
  }
}

@media (max-width: 991px) {
  .bettingpanel_game_select .betting_main_table .table-header .select_margin .text-center {
    text-align: start !important;
  }
}

/* media query end */

/* BETTING PANEL CSS END */

/* SIDEBAR CSS START */
.size-24 {
  width: 24px;
  height: 24px;
  padding: 2px;
  border-radius: 50%;
  background-color: #bcd4f1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}

.size-25 {
  width: 24px;
  height: 24px;
  padding: 2px;
  border-radius: 50%;
  background-color: #ffffff;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  /* margin-right: 10px; */
}

.sideMenu .nav-pills .nav-link.active,
.sideMenu .nav-pills .show > .nav-link {
  background-color: var(--bs-red);
}

.sideMenu .nav-link {
  padding: 14px 12px;
  border-radius:0;
}

.sideMenu li.nav-item {
  max-width: -webkit-fill-available;
  padding: 0px 0px 6px;
  background-color: var(--bs-black1);
  color:var(--bs-white);
  z-index:9;
}

.sideMenu li.nav-item:hover {
  font-weight: 600;
}

.sideMenu .nav-item ul {
  position: absolute;
  left: 100%;
  list-style: none;
  padding: 4%;
  border-radius: 0 10px 10px 0;
  top: 0;
  width: 70%;
  background-color: var(--bs-black1);
}
.sideMenu .nav-item ul li a{
  color: var(--bs-white) !important;
}
.sideMenu .accordion-button:not(.collapsed) {
  color: #ffffff;
  background-color: var(--bs-red);
  box-shadow: none;
  font-weight: 700;
  /* padding: 4% 2%; */
}

.sideMenu .accordion-button.collapsed {
  background-color: transparent;
  color:var(--bs-white);
}

.sideMenu .accordion-button:focus {
  border-color: #e9edf5;
  box-shadow: none;
}
.sideMenu .accordion-collapse {
  box-shadow: 0px 3px 8px 0px #00000029;
}
.sideMenu .accordion-collapse li {
  padding: 10px 0px;
  font-weight: 500;
}

.sideMenu .accordion-collapse li:active,
.sideMenu .accordion-collapse li:hover {
  font-weight: 600;
}

.sideMenu .accordion-item {
  border: none;
}

.sideMenu .sidebar .nav-link.active {
  color: #fff;
  font-size: 15px;
}

.sideMenu .sidebar .nav-link.active .size-24,
.sideMenu .nav-item .accordion-button:not(.collapsed) .size-24 {
  background-color: #F44336;
}

.sideMenu .collapsing {
  transition: none;
}

.sideMenu .sidebar .nav-link.active {
  color: #fff;
  font-size: 15px;
  font-weight: 700;
}

.sideMenu .sidebar .nav-link.active img,
.sideMenu .nav-item .accordion-button:not(.collapsed) img {
  background-color: transparent !important;
  filter: brightness(5) invert(1);
}

.sideMenu .accordion-button::after {
  rotate: 270deg;
  color: #fff;
}

.sideMenu .btn-group {
  display: block;
}

.sideMenu .navbar-toggler-icon {
  width: 24px;
  height: 24px;
}
.sideMenu .navbar-toggler-icon svg{
  font-size: 30px;
}

/* Sidebar css start  */
.sideMenu .wrapper {
  box-sizing: border-box;
}

.sideMenu {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 13%;
  margin-top: 70px;
  transition: all ease 0.25s;
  z-index: 1029;
  background-color: var(--bs-black1);
  display: flex;
  flex-direction: column;
}
.sidebar {
  margin-right: 0 !important;
}
.sideMenu .nav-link {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-flex;
  align-items: center;
}

.sideMenu .nav-item,
.sideMenu .nav-link {
  font-size: 14px;
  font-weight: 500;
}

.sideMenu .nav-item:hover,
.sideMenu .nav-link:hover {
  font-weight: 600;
}

.sideMenu .accordion-button:not(.collapsed) {
  font-size: 15px;
  font-weight: 600;
}

.sideMenu .closed {
  background-color: #bcd4f1;
  margin: 0.5rem;
  margin-bottom: 1rem;
}

.sideMenu .card {
  background-color: var(--bs-black);
  max-width:232px;
}

.sideMenu .card .card-header {
  gap: 8px;
  border: none;
  background-color: inherit;
  display: flex;
}

.sideMenu .card .card-body {
  text-align: start !important;
  padding: 2% 4%;
}

.sideMenu .card .button-group .btn-light {
  color:var(--bs-black);
}
.sideMenu .card .button-group a {
  font-size: 14px;
  font-weight: 500;
  color:var(--bs-white);
}

.sideMenu .card .button-group a:hover {
  font-weight: 600;
}

.sideMenu .card .card-body p {
  padding-left: 35px;
}

.sideMenu .button-group .navbar-nav button {
  width: 49%;
}

#header-nav .navbar-nav .btn_space {
  display: flex;
  gap: 20px;
}

@media (min-width: 1920px) and (max-width: 2560px) {
  .sideMenu {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    width: 13%;
    margin-top: 70px;
    transition: all ease 0.25s;
    z-index: 1029;
    background-color: var(--bs-black1);
    display: flex;
    flex-direction: column;
  }
}

/* Sidebar css end  */

@media (max-width: 991px) {
  .sideMenu {
    overflow-y: scroll;
    scrollbar-width: none;
  }

  .sideMenu .navbar-toggler {
    border: none !important;
  }

  .sideMenu .navbar-toggler:focus {
    box-shadow: none;
  }

  .sideMenu .sidemenu-toggler {
    outline: none !important;
    border: none;
    position: relative;
    cursor: pointer;
  }

  .sideMenu {
    transform: translateX(-100%);
    width: 100%;
    z-index: 1030;
    background-color: var(--bs-black1);
    margin-top: 0px;
  }

  .sideMenu .card .card-header {
    background-color: var(--bs-black);
  }

  .primary-color,
  .sideMenu .accordion-button.collapsed,
  .sideMenu .accordion-item {
    background-color: var(--bs-black1);
    margin: 0px;
  }

  #sidebar .wrapper .active {
    transform: translateX(0px);
  }

  .sideMenu .accordion .accordion-item {
    border: none;
  }

  .sideMenu .accordion .accordion-button:not(.collapsed) {
    color: #ffffff;
    background-color: var(--bs-red);
    box-shadow: none;
    border-radius: 4px;
  }

  .sideMenu .accordion-button:focus {
    box-shadow: none;
  }

  .sideMenu .nav-item ul {
    position: static;
    padding: 5px 0 5px 10%;
    box-shadow: none;
  }

  .sideMenu .accordion-button:not(.collapsed) .arrow-icon {
    transform: rotate(313deg) !important;
  }
  .sideMenu .nav-item a {
    font-size: 14px;
  }

  .sideMenu .nav-item,
  .sideMenu .nav-link {
    font-size: 14px;
  }

  .sideMenu .card .card-body {
    text-align: start !important;
    padding: 2% 0;
    flex: none;
    background-color: var(--bs-black1);
  }

  .sideMenu .sidebar .navbar-nav {
    flex-direction: row;
    margin: 0 10px;
  }

  .sideMenu .card .card-body p {
    padding-left: 35px;
  }

  .sideMenu .size-24 {
    background-color: #fff;
  }

  .sideMenu .size-25 {
    background-color: #bcd4f1;
  }

  nav#header-nav .navbar-nav button {
    width: -webkit-fill-available;
  }

  .sideMenu .accordion-button::after {
    rotate: 0deg;
    margin-right: 10px;
  }

  .sideMenu .card .card-body1 {
    background-color: var(--bs-black);
    border-radius: 0 0 5px 5px;
    padding: 2%;
  }

  .sideMenu .card-body1 a {
    background-color: #bcd4f1;
  }

  .sideMenu .drop1-menu {
    left: 10%;
    top: 100%;
    z-index: 1;
  }
}

.navbar .topmenu-mobile {
  display: flex;
  justify-content: space-between;
  width: 100%;
  text-align: center;
  align-items: center;
}
.navbar-toggler svg {
  font-size: 25px;
}

/* SIDEBAR CSS END */

/* FOOTER CSS START */

/* footer-start */

.footer .footer_cont .title {
  color: var(--bs-white);
  font-weight: 600;
  font-size: 24px;
  padding-top:24px;
}
.footer_cont {
  border-top: 1px solid var(--bs-black3);
}
.footer .footer_cont .social-media ul {
  display: flex;
  list-style: none;
  justify-content: start;
  align-items: center;
  margin: 15px 0px 0px 0px;
  padding: 0px;
}

.footer .footer_cont .social-media li {
  background-color: #f1f1f1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  padding: 10px;
  margin: 10px;
  display: flex;
  align-items: center;
}

.footer .footer_cont .social-media li i {
  font-size: 20px;
}

/* footer-end */

/* footermenu-start */
.navbar-brand img {
  max-width: 185px;
}
@media (max-width: 992px) {
  .navbar-brand img {
    max-width: 135px;
  }
  a.navbar-brand {
    padding: 0;
    margin: 0;
}
  .syd-container{
    display:grid!important;
    grid-template-columns: repeat(1, 1fr)!important;
  }
  #liveMarketModal .custom-width-modalsydney {
    max-width: 330px;
    width: 100%;
    margin: 16px auto;
}
  .lottery-result-card-img img{
    min-width: 50px!important;
  }
  .classic{
    font-size:14px;
    padding: 5px 12px;
  }
  .footer-mobile {
    background-color:var(--bs-black1);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0px 8px 8px;
    z-index: 1027;
  }

  .footer-mobile .footer-nav ul {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 4px;
    background-color:var(--bs-black1)
  }

  .footer-mobile .footer-nav ul li {
    color: #fff;
    border-radius: 0px 0px 8px 8px;
    margin-top: 0;
  }

  .footer-mobile .footer-nav .nav-pills .nav-link.active {
    width: 100%;
    height: 100%;
    background-color: var(--bs-red);
    border-radius: 0px 0px 8px 8px;
  }

  .footer-mobile .footer-nav .nav-pills .nav-link.active p,
  .footer-mobile .footer-nav .nav-pills .nav-link.active img {
    color: var(--bs-white);
  }

  .footer-mobile .footer-nav .nav-pills .nav-link.active img {
    background-color: transparent;
    filter: brightness(5) invert(1);
  }

  .footer-mobile .footer-nav .nav-pills .nav-link.active .size-24 {
    background-color: #F44336;
  }

  .footer-mobile .footer-nav .nav-pills .nav-link {
    padding: 8px;
  }

  .footer-mobile .footer-nav .size-24 {
    width: 24px;
    height: 24px;
    padding: 4px;
    border-radius: 50%;
    background-color: #bcd4f1;
    justify-content: center;
    align-items: center;
    margin-right: 0px;
  }

  .footer-mobile .footer-nav .nav-pills .nav-link p {
    color: var(--bs-white);
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 10px;
  }

  .footer-mobile .footer-nav .nav-pills .nav-link.active p {
    color: #fff;
    font-weight: 600;
  }

  .footer-mobile .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .footer-mobile .nav-link {
    text-align: center;
  }

  .footer .footer_cont {
    margin-bottom: 75px;
  }
  .gap-10p {
    gap: 10px;
  }
  .full-width-100 {
    width: 100%;
  }
}

/* footermenu-start */

/* FOOTER CSS END */

/* HELP CSS START  */
.underline {
  text-decoration: underline;
}
/* transaction history mobile-main */
.helppage_main .transaction_mob_in {
  background: var(--bs-black1);
  padding: 5px;
  border-radius: 6px;
}
.helppage_main .transaction_mob {
  background: var(--bs-black);
  border-radius: 6px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto auto;
  width: 100%;
  font-size: 14px;
  padding: 5px 8px;
  margin: 0px 0px 10px 0px;
}
.helppage_main .transaction_mob .font-600 {
  font-weight: 600;
}
.helppage_main .transaction_mob .font-700 {
  font-weight: 700;
  /* margin: 0px 0px 0px 10px; */
}

.helppage_main .trans_div1,
.helppage_main .trans_div2,
.helppage_main .trans_middle,
.helppage_main .trans_div3,
.helppage_main .trans_div4 {
  display: flex;
}

.helppage_main .trans_div1 {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}

.helppage_main .trans_div2 {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
  justify-content: flex-end;
}

.helppage_main .trans_middle {
  grid-column: 1 / 3;
  grid-row: 2 / 3;
  justify-content: flex-end;
}
.helppage_main .trans_middle .font-600-red {
  font-weight: 600;
  color: #ea1919;
}
.helppage_main .trans_middle .font-600-green,
.trans_div3 .font-600-green {
  font-weight: 600;
  color: #14b611;
}

.helppage_main .trans_div3 {
  grid-column: 1 / 2;
  grid-row: 3 / 4;
}
.helppage_main .trans_div3 .trans_stat {
  margin-left: 8px;
}
.helppage_main .transaction_mob .trans_blue {
  color: var(--bs-red);
  padding-left: 5px;
}

.helppage_main .trans_div4 {
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  justify-content: flex-end;
}
/* transaction history mobile-main*/

/* transaction history mobile */
.transaksi_pemain .transaction_mob .p-normal {
  line-height: 20px;
}
.transaksi_pemain .transaction_mob .p-normal .more-info span {
  font-weight: 500;
}
.transaksi_pemain .transaction_mob .font-400 {
  font-weight: 400;
}
.transaksi_pemain .transaction_mob .font-500 {
  font-weight: 500;
}
.transaksi_pemain .transaction_mob .font-600 {
  font-weight: 600;
}
.transaksi_pemain .transaction_mob .f-14 {
  font-size: 14px;
}
.transaksi_pemain .transaction_mob .hidden-info {
  display: none;
}
.transaksi_pemain .transaction_mob .padding-4px {
  padding-left: 4px;
}
.transaksi_pemain .transaction_mob_in {
  background: var(--bs-black1);
  padding: 5px;
  border-radius: 6px;
}
.transaksi_pemain .transaction_mob {
  background: var(--bs-black);
  border-radius: 6px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto;
  grid-row-gap: 4px;
  width: 100%;
  font-size: 12px;
  padding: 5px 8px;
  margin: 0px 0px 10px 0px;
}

.trans_middle_parts_div1 button {
  border: none;
  color: var(--bs-red) !important;
  font-weight: 500;
  background: none !important;
}
.transaksi_pemain .trans_div1,
.transaksi_pemain .trans_div2,
.transaksi_pemain .trans_middle,
.transaksi_pemain .trans_div3,
.transaksi_pemain .trans_div4 {
  display: flex;
}

.transaksi_pemain .trans_div1 {
  grid-area: 1 / 1 / 2 / 2;
}
.transaksi_pemain .trans_div2 {
  grid-area: 1 / 2 / 2 / 3;
  justify-content: flex-end;
}
.trans_middle_parts_div1 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: start;
  padding-left: calc(2% + 6px);
}
.trans_middle_parts_div2 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  text-align: end;
}
.trans_empty {
  grid-area: 3 / 1 / 4 / 2;
}
.transaksi_pemain .trans_div3 {
  grid-area: 3 / 2 / 4 / 3;
  justify-content: flex-end;
}
.transaksi_pemain .trans_div4 {
  grid-area: 4 / 1 / 5 / 3;
  justify-content: flex-end;
}
.transaksi_pemain .font-600-red {
  font-weight: 600;
  color: #ea1919;
}

.transaksi_pemain .trans_div3 .trans_stat {
  margin-left: 8px;
}
.transaksi_pemain .transaction_mob .trans_blue {
  color: var(--bs-red);
}

.helppage_main {
  margin: 40px auto;
}

.helppage_main .referral_head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.helppage_main .referral-link {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 10px;
}

.helppage_main .referral_head a {
  font-size: 16px;
  text-decoration: none;
  margin: 0 auto;
}

.helppage_main .referral_head button {
  background-color: #fff;
  color: var(--bs-red);
  border-radius: 6px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  font-size: 14px;
  font-weight: 500;
  padding: 5px 20px;
  border: none;
}

.helppage_main h2 {
  color: var(--bs-white) !important;
  font-size: 24px;
  font-weight: 600;
  margin: 0px 0px 20px 0px;
}
.h3, h3 {
  font-size: 1.75rem;
  color: var(--bs-white) !important;
}
div#limitbet table td{
  color: var(--bs-white);
}
div#referensi table td {
  color: var(--bs-white);
}
.helppage_main .helppage_container {
  background-color: var(--bs-black1);
  border-radius: 6px;
  padding: 4px;
}

.helppage_main .helppage_container .ul_button {
  position: relative;
}
.owl-carousel{
  padding-bottom:20px;
}
.helppage_main .helppage_container .ul_button .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -4px;
  top: 11px;
}

.helppage_main .helppage_container .ul_button .owl-carousel .owl-nav button i {
  color: var(--bs-red);
  font-size: 16px;
}

.helppage_main .helppage_container .ul_button .owl-carousel .owl-nav .owl-prev {
  position: absolute;
  left: -4px;
  top: 11px;
}

.helppage_main .helppage_container .ul_button .owl-carousel .owl-nav button.owl-next.disabled {
  visibility: hidden;
}

.helppage_main .helppage_container .ul_button .owl-carousel .owl-nav .owl-prev.disabled {
  visibility: hidden;
}

.helppage_main .helppage_container .nav-tabs {
  border-bottom: none;
  padding: 0px 10px;
}
ul#gameTabs li {
  margin: 0 4px;
}
.helppage_main .helppage_container .nav-tabs .nav-link {
  color: var(--bs-white1);
  font-size: 16px;
  font-weight: 500;
  padding: 9px 30px;
}

.helppage_main .helppage_container .nav-tabs .nav-link.active {
  background-color: var(--bs-red);
  border-radius: 8px 8px 0px 0px;
  color: #fff;
}

.helppage_container .helppage_header {
  background-color: var(--bs-black2);
  border-radius: 6px;
  padding: 20px 4px;
}

.helppage_container .helppage_header .nav-pills .nav-link {
  background-color: var(--bs-black1);
  color: var(--bs-white);
  border-radius: 6px;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  font-size: 14px;
  font-weight: 500;
  padding: 9px 40px;
  margin: 0px 20px 20px 0px;
}

.helppage_container .helppage_header .nav-pills .nav-link.active {
  background-color: var(--bs-red);
  color: var(--bs-white);
}
.form-control{
  color: var(--bs-white);
    background-color: var(--bs-black1);
}
.tab-pane .taruhan-th span{
background-color:transparent!important;
color:var(--bs-black);
}

/* .tab-pane span {
  background-color: var(--bs-black1) !important;
} */
div#exTab1 .tab-pane span {
  background-color: transparent;
  background: transparent !important;
  color:var(--bs-white);
}
.ql-toolbar.ql-snow{
  border-radius: 4px;
}
.form-control:focus {
  color: var(--bs-white);
  background-color: var(--bs-black);
  border-color: var(--bs-red);
  outline: 0;
  box-shadow: 0 0 0 .25rem rgb(221 15 15 / 26%);
}
.helppage_container .helppage_header #myTabContent {
  height: 600px;
  overflow-y: scroll;
  padding: 20px 40px 0px 10px;
  scrollbar-width: thin;
  scrollbar-color: #bcd4f1 transparent;
}

.helppage_container .helppage_header #pills-tabContent h2 {
  font-weight: 600;
  font-size: 24px;
}

.helppage_container .helppage_header #pills-tabContent p {
  font-size: 14px;
}

.helppage_container .helppage_header .tab-content .tab-pane ul li,
.helppage_container .helppage_header .tab-content .tab-pane ol li {
  color: var(--bs-white);
  font-size: 16px;
  margin: 10px 0px 0px 0px;
}

.helppage_container .helppage_header .tab-content .tab-pane p {
  font-size: 16px;
}

.helppage_container .helppage_header .tab-content .tab-pane .top_ul {
  list-style-type: auto;
}

.helppage_container .helppage_header .tab-content .tab-pane .top_ul .middle_ul {
  list-style-type: lower-alpha;
}

.helppage_container .helppage_header #myTabContent::-webkit-scrollbar {
  width: 8px;
}

.helppage_container .helppage_header #myTabContent::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #bcd4f1;
}

.helppage_main .helppage_container .ul_button .owl-carousel .owl-stage {
  display: flex;
}

.helppage_main .helppage_container .ul_button .owl-carousel .owl-item li {
  width: auto;
  height: 100%;
}

.helppage_container .helppage_header .tab-content .tab-pane ul .nav-item {
  margin: 0px;
}

.helppage_container .helppage_header .tab-content .tab-pane .table {
  border: 1px solid #ddd;
}
/* wap design start*/
.helppage_container .helppage_header .wap_design .wap_design_textarea textarea {
  border: none;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16) !important;
  height: 400px;
  overflow-y: scroll;
}
.helppage_container .helppage_header .wap_design .wap_design_textarea .textareawap_mob {
  height: 170px;
}
.helppage_container .helppage_header .wap_design {
  padding: 10px;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container {
  display: grid;
  grid-auto-rows: auto;
  grid-template-columns: auto auto auto;
  gap: 10px;
  width: 100%;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box {
  color: #000;
  position: relative;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box3 .icon-wrapper .tooltip {
  position: absolute;
  background-color: #bcd4f1;
  color: #000;
  padding: 5px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%) translateY(-20px);
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 0.3s,
    visibility 0.3s;
  z-index: 1000;
  font-weight: bold;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box:hover .tooltip {
  opacity: 1;
  visibility: visible;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box3 .icon-wrapper {
  position: relative;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box1 {
  grid-column: 1;
  grid-row: 1;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box2 {
  grid-column: 2;
  grid-row: 1;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box3 {
  grid-column: 3;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
  justify-content: end;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box3 svg.svg-inline--fa.fa-circle-info {
  font-size: 18px;
  color: #ffc300;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box4 {
  grid-column: 4;
  grid-row: 1 / span 2;
  background-color: #e9edf5;
  padding: 10px;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box5 {
  grid-column: 1;
  grid-row: 2;
}
.helppage_container .helppage_header .wap_design .wap_grid .grid-container .box6 {
  grid-column: 2;
  grid-row: 2;
}
/* wap design end*/
#contact .tab-content .tab-pane img {
  width: 100%;
  height: 400px;
}

.domino {
  width: 60%;
  height: 400px;
  margin: 0 auto;
  display: flex;
}

.ceme {
  width: 100%;
  height: 400px;
}

.blackjack {
  width: 70%;
  height: 300px;
  margin: 0 auto;
  display: flex;
}

.width60 {
  width: 60%;
  height: 300px;
  margin: 0 auto;
  display: flex;
}

.width400 {
  width: 60%;
  height: 400px;
  margin: 0 auto;
  display: flex;
}

.width40 {
  width: 40%;
  object-fit: contain;
  height: 200px;
  margin: 0 auto;
  display: flex;
}

.width50 {
  width: 50%;
  height: 300px;
  margin: 0 auto;
  display: flex;
}

.height100 {
  width: 100%;
  height: 100px;
  margin: 0 auto;
  display: flex;
}

.height400 {
  width: 100%;
  height: 400px;
  margin: 0 auto;
  display: flex;
}

.height600 {
  width: 100%;
  height: 600px;
  margin: 0 auto;
  display: flex;
}

.king3 {
  height: 200px;
}

@media screen and (max-width: 540px) {
  /* mobile wap */
  .helppage_container .helppage_header .wap_design .wap_design_textarea textarea {
    height: 250px;
  }
  .helppage_container .helppage_header .wap_design .wap_grid .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 10px;
  }
  .helppage_container .helppage_header .wap_design .wap_grid .grid-container {
    font-size: 11px;
  }

  .helppage_container .helppage_header .wap_design .wap_grid .grid-container .box1 {
    grid-column: 1;
    grid-row: 2;
  }
  .helppage_container .helppage_header .wap_design .wap_grid .grid-container .box2 {
    grid-column: 1;
    grid-row: 3;
  }
  .helppage_container .helppage_header .wap_design .wap_grid .grid-container .box5 {
    grid-column: 1;
    grid-row: 4;
  }
  .helppage_container .helppage_header .wap_design .wap_grid .grid-container .box6 {
    grid-column: 1;
    grid-row: 5;
  }

  .helppage_container .helppage_header .wap_design .wap_grid .grid-container .box3 {
    grid-column: 1;
    grid-row: 1;
    justify-content: start;
  }

  .helppage_container .helppage_header .wap_design .wap_grid .grid-container .box4 {
    grid-column: 2;
    grid-row: 1 / span 5;
  }
  .helppage_container .helppage_header .wap_design .wap_grid .grid-container .box3 .icon-wrapper .tooltip {
    transform: translateX(-10%) translateY(-5px);
  }
  .helppage_main .referral_head a {
    font-size: 10px;
  }
  /* mobile wap */
  .helppage_main .referral_head a {
    font-size: 10px;
  }

  .helppage_main .referral_head {
    flex-direction: column;
    align-items: flex-start;
  }

  .helppage_main .referral-link {
    gap: 5px;
    margin: 0px 0px 15px 0px;
    flex-direction: column;
  }

  .helppage_main .referral-link p {
    font-size: 14px;
  }

  .helppage_main {
    margin: 20px auto;
  }

  .helppage_container .helppage_header #myTabContent {
    padding: 0px 3px 0px 0px;
    height: unset;
  }

  .helppage_main .helppage_container .nav-tabs .nav-link {
    font-size: 12px;
    width: 100%;
    height: 100%;
    padding: 5px 20px;
  }

  .helppage_main h2 {
    font-size: 16px;
  }

  .helppage_main .title {
    font-size: 22px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane p {
    font-size: 13px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane ul li,
  .helppage_container .helppage_header .tab-content .tab-pane ol li {
    font-size: 13px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane ul,
  .helppage_container .helppage_header .tab-content .tab-pane ol {
    padding: 0px 0px 0px 25px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane .nav-pills {
    padding: 0px;
  }

  .helppage_container .helppage_header .nav-pills .nav-link {
    font-size: 11px;
    margin: 0px;
    width: 90%;
    height: 100%;
    padding: 9px 20px;
  }

  .helppage_container .helppage_header {
    padding: 10px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane {
    padding: 10px 0px 10px 0px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane .table th,
  .helppage_container .helppage_header .tab-content .tab-pane .table td {
    font-size: 13px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane .grid_pills,
  .helppage_container .helppage_header .wap_design .grid_pills {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 13px;
  }

  .helppage_container .helppage_header #myTabContent::-webkit-scrollbar {
    width: 4px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane .top_ul {
    padding: 0px 0px 0px 15px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane .top_ul .middle_ul {
    padding: 0px 0px 0px 5px;
  }

  .helppage_container .helppage_header .tab-content .tab-pane .top_ul .end_ul {
    padding: 0px 0px 0px 5px;
  }

  #contact .tab-content .tab-pane img,
  .domino,
  .ceme,
  .blackjack,
  .width60,
  .width400,
  .width50,
  .height400 {
    width: 100%;
    height: 250px;
  }

  .width40 {
    width: 100%;
  }

  .height100 {
    height: unset;
  }

  .height600 {
    height: 300px;
  }

  .king3 {
    height: unset;
  }

  .helppage_main .referral_head button {
    font-size: 11px;
  }
}

/* about start */
.aboutpage_main {
  margin: 40px 0px 40px 0px;
}

.gridmain_container {
  max-width: 900px;
  margin: 0 auto;
}

.aboutpage_main .gridmain_container .grid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
.about_main.about_full {
  grid-column: span 2;
}
.about_main {
  grid-column: span 1;
  background-color: var(--bs-black1);
  border-radius: 6px;
  padding: 5px;
}

.about_main h2 {
  color: var(--bs-white);
  font-size: 24px;
  font-weight: 500;
  margin: 10px 0px 15px 20px;
}

.about_main .aboutmain_in {
  background-color: var(--bs-black);
  border-radius: 6px;
  padding: 25px;
}

.about_main .aboutmain_in p {
  color: var(--bs-white);
  font-size: 14px;
  margin: 0px;
}

@media screen and (max-width: 540px) {
  .aboutpage_main .gridmain_container .grid-container {
    grid-template-columns: 1fr;
  }
  .about_main.about_full {
    grid-column: unset;
  }

  .about_main .aboutmain_in {
    padding: 15px;
  }

  .about_main h2 {
    font-size: 16px;
  }

  .about_main .aboutmain_in p {
    font-size: 12px;
  }
}

/* about end */

/* HELP CSS END  */

/* PROFILE PAGE CSSS START */
.table-box {
  display: flex;
  justify-content: center;
}

.profile_container {
  /* width: 984px; */
  background-color: var(--bs-black1);
  margin: 2%;
  border-radius: 6px;
  padding: 0 0.5rem 0.5rem;
  font-size: 20px;
  font-weight: 600;
}
.transactions_container .all-transactions th, .transactions_container .all-transactions td {
  color: var(--bs-white)!important;
}.transactions_container .all-transactions th{
  background-color:var(--bs-black1);
}
.profile-temp .profile_container {
  width: 984px;
}
.profile_container .table-row span {
  font-size: 14px;
}

.profile_container .table-row {
  padding: 1%;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--bs-black);
  gap: 15px;
  text-align: center;
}

.profile_container .pass-change {
  padding: 30px 0px 20px 0px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 400;
  background-color: var(--bs-black1);
}
.gant-ps{
  background-color:var(--bs-black1);
}
.profile_container .table-row .half-col:first-child,
.profile_container .table-row .ref {
  text-align: end;
}

.profile_container .table-row .span-bold {
  text-align: start;
}

.profile_container .table-row .break_withdraw {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-all;
}
.break {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  word-break: break-all;
}

.profile_container .btn-change {
  background-color: #e9edf5;
  font-size: 15px;
}

.profile_container .btn-change:hover {
  background-color: none;
  border: 1px solid #e9edf5;
  font-size: 15px;
}

.profile_container .btn-copy {
  background-color: #fff;
  font-size: 15px;
  color: var(--bs-red);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  width: 10%;
  height: fit-content;
}

.profile_container .btn-copy :hover {
  font-weight: 700;
}

.profile_container .full-row {
  width: 100%;
  display: flex;
  justify-content: center;
  column-gap: 15px;
}

.profile_container .half-col {
  width: 50%;
}
.profile_container .table-row span {
  font-size: 13px;
}
.profile_container .table-row .break-ref {
  display: flex;
  gap: 10px;
}
.profile_container .table-row .break-ref p {
  word-break: break-word;
  max-width: 230px;
}
.profile_container .half-col .form-control {
  font-size: 14px;
}

.profile_container .half-half-col {
  width: 30%;
}

.profile_container .full-row button {
  width: 20%;
}

/* PROFILE PAGE CSS  MOBILE START */
@media (max-width: 991.98px) {
  .profile_container {
    width: 100%;
  }
  .profile_container .table-row .break-ref {
    flex-direction: column;
  }
  .profile_container .table-row .half-col:first-child,
  .profile_container .table-row .ref {
    text-align: start;
  }

  .profile_container .table-row {
    min-height: 270px;
  }

  .profile_container .half-col {
    width: 50%;
  }

  .profile_container .half-half-col {
    width: 50%;
  }

  .profile_container .full-row button {
    width: 50%;
  }

  .profile_container .full-row {
    justify-content: center;
  }

  .profile_container .table-row .half-col:first-child,
  .profile_container .table-row .ref {
    width: 40%;
  }

  .profile_container .ref-col {
    flex-wrap: wrap;
    flex-direction: column;
    gap: 10px;
  }

  .profile_container .ref-col button {
    width: 50% !important;
  }
}

/* PROFILE PAGE CSSS END */

/* validation page css start  */
.new_pin_content .new_body_pin .pincheck {
  color: var(--bs-white);
  text-align: left;
  font-size: 14px;
  margin-bottom: 0px;
}

.new_pin_content .pin-bold {
  color: var(--bs-white);
  font-style: normal;
}

.new_pin_content .pin_p {
  color: var(--bs-white);
  font-size: 14px;
  margin: 0px 0px 35px 0px;
}

.new_pin_content {
  color: var(--bs-white);
  background: var(--bs-black1);
  border-radius: 8px !important;
  border: none !important;
  box-shadow: none !important;
}

.new_pin_content .new_pin_header {
  background: var(--bs-black1);
  padding: 5px;
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
  border-bottom: 0 !important;
  border: none;
}

.new_pin_content .new_body_pin {
  color: var(--bs-white);
  background: var(--bs-black1);
  border-bottom-left-radius: 8px;
  margin: 0 10px 10px 10px !important;
}

.new_pin_content .new_panel_body .terms_conditions {
  display: flex;
  justify-content: center;
}

.new_pin_content .new_panel_body .terms_conditions label,
.terms_conditions input {
  font-size: 16px;
  font-weight: 700;
  margin: 0 5px;
}

.new_pin_content .new_panel_body a {
  color: var(--bs-red);
  text-decoration: underline;
  font-weight: 700;
  padding: 0px 5px;
}

.new_pin_content .new_body_pin .bg-pin .form-group input {
  padding: 5px;
  border: none;
  border-radius: 6px;
}

.new_pin_content .new_body_pin .bg-pin {
  background-color: #e9edf5;
  margin: 10px;
  margin-top: 0;
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.ui-widget-content {
  border: 2px solid var(--bs-red);
  background: var(--bs-black);
  color: var(--bs-white);
}
input::placeholder {
  color: gray!important; 
  opacity: 1; 
}
.ui-keyboard-accept {
  background: var(--bs-red) !important;
}
.owl-carousel .owl-item{
  padding:0 16px!important;
}
.resultpage_header .modal-content{
background-color: var(--bs-black1);
}
.resultpage_header .modal-content span {
     color: var(--bs-white);
}
.resultpage_header .modal-content .bg-header-name {
    color: var(--bs-white);
}
.modal-content{
  background-color: var(--bs-black1);
}
.new_pin_content .new_body_pin .bg-pin label {
  font-size: 16px;
  font-weight: 400;
}

.new_pin_content .new_body_pin .bg-pin .submit_pin,
.new_pin_content .new_body_pin .bg-pin .submit_pin_logout {
  background: #fff;
  padding: 8px 12px !important;
  font-weight: 700;
  width: auto;
  font-size: 14px;
  border-radius: 10px;
  border: none;
}

.new_pin_content .new_body_pin .bg-pin .submit_pin {
  color: var(--bs-red);
}

.security_auto {
  margin: auto 50px;
}

.new_pin_content .new_body_pin .bg-pin .submit_pin_logout {
  color: #eb401b;
}

.new_pin_content .new_body_pin .bg-pin .pin_creation {
  background: var(--bs-red);
  padding: 8px 30px !important;
  font-weight: 700;
  width: auto;
  font-size: 14px;
  border-radius: 10px;
  border: none;
  color: #fff;
}

.new_pin_content .new_body_pin .bg-pin .pin_creation {
  background: var(--bs-red);
  padding: 8px 30px !important;
  font-weight: 700;
  width: auto;
  font-size: 14px;
  border-radius: 10px;
  border: none;
  color: #fff;
}

.new_pin_content .new_body_pin .bg-pin .label_color_2 {
  margin-bottom: 10px;
  color: var(--bs-white) !important;
  text-align: center;
}

.new_pin_content .new_body_pin .bg-pin .blue-i font {
  font-weight: 600;
  color: #000;
  font-style: normal;
  font-size: 14px;
}

.new_pin_content .new_pin_title {
  color: var(--bs-white);
  text-align: left;
  margin-bottom: 3px;
  margin-top: 3px;
  font-weight: 500;
  font-size: 24px;
  margin-left: 10px;
}

.new_pin_content .new_panel_body {
  background-color: var(--bs-black);
  padding: 10px;
  margin-bottom: 0;
  border-radius: 10px;
}
.new_panel_body .new_bg_pin  .bg-pin{
  background-color: var(--bs-black1)!important;
}

.new_pin_content .terms_conditions {
  margin: 14px 0;
}

.new_pin_content .terms_conditions.modal.show .modal-dialog {
  transform: none;
}

.new_pin_content .modal.show .modal-dialog {
  transform: none;
  max-width: 50vw !important;
}

.new_pin_content .closed {
  border: none;
  background-color: var(--bs-white);
  width: 16px;
  height: 16px;
  border-radius: 25px;
}

.new_pin_content img {
  width: 50px;
  height: 50px;
}

.new_pin_content .new_body_pin .bg-pin {
  background-color: var(--bs-black);
  padding: 10px;
  margin: 0px;
  border-radius: 10px;
}

.new_pin_content .new_body_pin .bg-pin .first_pin {
  position: relative;
  display: flex;
  margin: 20px 0px;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
.new-user-pin {
  align-items: center;
  gap: 30px;
  justify-content: space-between;
  width: max-content;
  align-content: center;
  text-align: center;
}
.new-user-pin .first_pin {
  position: relative;
  display: flex;
  margin: 20px 0px;
  justify-content: space-between;
  align-items: center;
}
.new_pin_content .new_body_pin .bg-pin .first_pin .input-container {
  position: relative;
}
.new-bg-pin2 {
  display: flex;
  justify-content: center;
}
.new_pin_content .new_body_pin .bg-pin .first_pin .input-container {
  position: relative;
}

.new_pin_content .new_body_pin .bg-pin .first_pin .input-container input {
  width: 100%;
  padding-right: 40px;
  box-sizing: border-box;
  padding: 5px;
}

.input-container button {
  position: absolute;
  right: 3px;
  top: 37%;
  transform: translateY(-50%);
  border: none;
  width: 30px;
  height: 30px;
}

.new_pin_content .new_bg_pin {
  background-color: var(--bs-black);
}

.new_pin_content .terms_conditions .tc-ol li {
  text-transform: lowercase;
}

.new_pin_content .new-pin-italic {
  text-align: center;
}

.new_pin_content .new_panel_body .col-xs-12 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.new_pin_content .new_bg_pin .new_bg_pin_form_2 {
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.new_pin_content .new_panel_body .security-card {
  display: flex;
  gap: 17px;
  margin-bottom: 35px;
}

.new_pin_content .new_body_pin .keypad-trigger {
  border: none;
  position: absolute;
  top: 0%;
  right: 2%;
  width: 32px;
  height: 32px;
  background-size: cover;
  z-index: 23;
}

.new_pin_content .new_body_pin .pin1 {
  background: url("../../images/new-design/icons/eva_keypad-fill.png") no-repeat right top;
}

.input-container-validation {
  position: relative;
}

.input-container-validation button {
  position: absolute;
  right: 5px;
  top: 40%;
  transform: translateY(-50%);
  border: none;
  width: 30px;
  height: 30px;
}

.new_pin_content .new_bg_pin .new_bg_pin_form_2 .new-form-group-form-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.new_pin_content .new_bg_pin .new_bg_pin_form_2 .new-form-group-form-2 .form-2-box {
  display: flex;
  height: 40px;
}

.new_pin_content .terms_conditions .btn {
  border: none;
}

.ui-keyboard-preview-wrapper input {
  padding: 4px;
}
.game-categories .game-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 8px;
}
a.game-card-body.align-item-center h3 {
  font-size: 16px;
  color: var(--bs-white) !important; 
  margin:0;
}
a.game-card-body.align-item-center img {
  max-width: 55px;
  margin-bottom: 8px;
}
.img-text {
  text-align: center;
}
a.game-card-body.align-item-center:hover {
  background-color: var(--bs-balck1);
  border-color: var(--bs-white1);
}
a.game-card-body.align-item-center:hover h3{
  color:var(--bs-red)!important;
}
@media (max-width: 768px) {
  .title_font {
    font-size: 16px;
  }
  .terms-condition-pop{
    margin-top:0;
  }
  .betting_main_table .widget-main{
    padding:0;
  }
  .betting_main_table .widget-header > .widget-title{
    margin-left:10px;
  }
  .sidebar-mob {
    width: auto !important;
  }

  .info-deposite-content input,
  #inputTujuan {
    width: 100%;
  }

  .profile_container .pass-change {
    padding: 50px 0px 20px 0px !important;
  }

  .login-popup .modal-content {
    padding: 15px;
  }

  .drop2-menu {
    padding: 0px;
  }

  .login-popup input {
    width: 100%;
    font-size: 14px;
  }

  .active-chat img#start_chat {
    display: none;
  }

  .new_pin_content .new_panel_body .security-card {
    width: 100% !important;
    margin-bottom: 25px;
  }

  .new_pin_content .new_bg_pin .new_bg_pin_form_2 .new-form-group-form-2 .form-2-box {
    flex: 1 1 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
  }

  #buttonlogin {
    padding: 6px;
    font-size: 14px;
  }

  .security_auto {
    margin: auto 10px;
  }

  .new_pin_content .new_panel_body .pin-italic {
    text-align: center;
    margin: 10px 0;
  }

  .new_pin_content .new_panel_body .terms_conditions label {
    font-size: 14px;
  }

  .new_pin_content .new_panel_body a {
    font-size: 14px;
    padding: 0px;
    display: block;
    text-align: center;
  }

  .new_pin_content .form-group input {
    margin: 0px 0px;
    padding: 8px !important;
  }

  .ui-keyboard-button {
    height: 42px !important;
    min-width: 45px !important;
  }

  .ui-keyboard-preview-wrapper input {
    padding: 7px;
    font-size: 13px;
  }

  .ui-keyboard-button span {
    font-size: 13px;
  }

  .forgot-pass {
    font-size: 14px;
  }

  .game-categories .game-card-body a {
    font-size: 12px;
  }

  .info-deposite-content textarea {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .new_pin_content .new_body_pin .bg-pin .pin_creation {
    margin: 0 auto;
    font-size: 16px;
  }
  .img-text {
    display: flex;
    align-items: center;
}
a.game-card-body.align-item-center h3 {
  font-size: 12px;
  padding-left: 6px;
}
a.game-card-body.align-item-center img {
  max-width: 55px;
  margin-bottom: 0;
}
  .new_pin_content .new_body_pin .bg-pin .first_pin .input-container input {
    padding: 10px;
  }

  .new_pin_content .new_body_pin .bg-pin .first_pin {
    flex-direction: column;
    margin: 15px 0px;
    gap: 10px;
  }

  .new_pin_content .new_body_pin .bg-pin .pin_creation {
    margin: 0 auto;
    font-size: 16px;
  }

  .new_pin_content .new_body_pin .bg-pin .first_pin .input-container input {
    padding: 10px;
  }

  .new_pin_content .new_body_pin .bg-pin .first_pin {
    flex-direction: column;
    margin: 15px 0px;
    gap: 10px;
  }

  .new_pin_content .modal.show .modal-dialog {
    transform: none;
    max-width: 100vw !important;
  }

  .new_pin_content .new_pin_header {
    padding: 10px 5px;
  }

  .new_pin_content .new_pin_content {
    height: auto;
    padding-bottom: 20px;
  }

  .new_pin_content .new_body_pin {
    display: flex;
    flex-direction: column;
    margin: 0 20px 20px 20px !important;
  }

  .new_pin_content .new_bg_pin {
    height: 30%;
  }

  .new_pin_content .form-group {
    flex-direction: column;
    width: 100%;
    gap: 15px !important;
  }

  .new_pin_content .no-pad {
    display: flex;
  }

  .new_pin_content .new_panel_body .col-xs-12 .col-xs-2 {
    width: 10% !important;
  }

  .new_pin_content .new_panel_body .col-xs-12 .col-xs-6 {
    margin: 10px;
  }

  .new_pin_content .new_panel_body .col-xs-12 .col-xs-6 img {
    max-width: 100px;
  }

  .new_pin_content .new_panel_body,
  .new_bg_pin {
    font-size: 14px;
  }

  .new_pin_content .new_pin_title,
  .new_pin_content .pin-italic .pin-bold {
    font-size: 18px;
  }

  .new_pin_content .new_pin_content .pin_p {
    text-align: start !important;
  }

  .new_pin_content .terms_conditions {
    margin: 20px 0 0;
    text-align: center;
    flex-direction: column;
  }
  .row.register-page {
    grid-template-columns: repeat(1, 1fr);
}
}

/* validation page css end  */

/* register page css is used for forgot password page css - start  */
.forgot-pass-page .regi-div {
  padding: 3%;
}

@media (max-width: 1142px) {
  .forgot-pass-page {
    flex-direction: column;
  }

  .forgot-pass-page .terms-condition-pop {
    position: static;
    width: 320px;
    min-height: max-content;
  }
}

@media (max-width: 991.98px) {
  .form-width-20 {
    min-width: 320px;
    max-width: 360px;
  }
}

/* register page css is used for forgot  password page css end  */

/* deposit page start  */


.deposit-page .info-deposite-note {
  background-color: var(--bs-black1);
  padding: 8px 5px;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 10px;
}

.deposit-page .info-deposite-content {
  width: 100%;
}

.info-deposite-content input {
  padding: 10px;
  background-color: var(--bs-black1) !important;
  border: none;
  border-radius: 6px !important;
}

.info-deposite-content textarea {
  padding: 10px;
  background-color: var(--bs-black1) !important;
  border: none;
  border-radius: 6px !important;
  width: 50%;
}

#dateSelect,
#monthSelect,
#yearSelect,
#inputTujuan {
  color: var(--bs-white);
  background-color: var(--bs-black1) !important;
  border: none;
  border-radius: 6px;
  margin: 0px 10px 0px 0px;
}

.info-deposite-content input::placeholder {
  color: #000;
}

.deposit-page .info-deposite-content .profile_container {
  background-color: var(--bs-black1);
  width: 100%;
  margin: 0;
  border-radius: 6px;
  font-size: 20px;
  font-weight: 600;
  padding: 1rem 0.5rem 0.5rem;
}

.deposit-page .deposit-account-details p {
  margin: 0px;
  font-weight: 400;
}

.btn-reset {
  background-color: #e9edf5 !important;
  color: #000000 !important;
  padding: 5px 25px;
}

.btn-submit {
  background-color: var(--bs-red) !important;
  color: #ffffff !important;
  padding: 5px 25px;
}

.deposit-page .info-deposite-content .table-row {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  row-gap: 15px;
}

.deposit-page .info-deposite-content .pass-change {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.deposit-page .terms-condition-pop,
.profile_container .terms-condition-pop {
  top: 30vh;
}

.deposit-page .size-20 {
  width: 90px;
  padding: 4px;
}

.deposit-page .size-20 img {
  width: 100%;
}

.deposit-page .terms-condition-pop ul li,
.profile_container .terms-condition-pop ul li {
  display: flex;
  justify-content: space-between;
  font-size: 12px;
  font-weight: 400;
  align-items: center;
  margin: 8px 0;
}

.deposit-page .status-online,
.profile_container .status-online {
  color: #11d700;
  position: relative;
}

.deposit-page .status-offline,
.profile_container .status-offline {
  color: #eb401b;
  position: relative;
}

.deposit-page .status-dot,
.profile_container .status-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 8px;
}

.deposit-page .status-online .status-dot,
.profile_container .status-online .status-dot {
  background-color: #11d700;
}

.deposit-page .status-offline .status-dot,
.profile_container .status-offline .status-dot {
  background-color: #eb401b;
}

@media (max-width: 1142px) {
  .deposit-page .register-page,
  .profile_container .register-page {
    flex-direction: column;
  }

  .deposit-page .terms-condition-pop,
  .profile_container .terms-condition-pop {
    position: static;
    width: 100%;
    min-width: 320px;
    max-width: 100%;
    min-height: max-content;
    margin-top: 16px;
  }
}

/* deposite page end  */

/* result page start */

/* market select dp */
.market_mobile_in select {
  background-color: #bcd4f1;
  width: 100%;
  height: auto;
}
.market_mobile_in select.form-select {
  border-color: #bcd4f1;
  outline: 0;
  box-shadow: none;
  font-size: 20px;
  font-weight: 500;
  color: #012d65;
}

.resultpage_main {
  margin: 40px auto;
}

.resultpage_main h2 {
  color: var(--bs-white);
  font-size: 24px;
  font-weight: 600;
  margin: 15px 0px 10px 10px;
}

.resultpage_main .resultpage_container {
  background-color: var(--bs-black1);
  border-radius: 6px;
  padding: 4px;
}

.resultpage_main .resultpage_container .resultpage_header {
  background-color: var(--bs-black);
  border-radius: 6px;
  padding: 0px 20px 20px 20px;
}

.resultpage_container .resultpage_header .result_table {
  scrollbar-width: thin;
  scrollbar-color: #bcd4f1 transparent;
}

.resultpage_container .resultpage_header .result_table {
  height: 700px;
  overflow-y: scroll;
  padding: 0px 40px 0px 10px;
}

.resultpage_container .resultpage_header .result_table table {
  border-collapse: separate;
  border-spacing: 0 10px;
}
.winnerresult thead tr {
  background-color: var(--bs-black1);
  color:var(--bs-white);
}
.winnerresult  td, .winnerresult  td b{
  color: var(--bs-white) !important;
}
.page-content {
  background-color: var(--bs-black);
  padding: 8px 0px 24px;
}
.resultpage_container .resultpage_header .result_table table th,
.resultpage_container .resultpage_header .result_table table td {
  border-bottom: unset;
  text-align: center;
  padding: 10px;
}

.resultpage_container .resultpage_header .result_table table td {
  font-size: 14px;
  vertical-align: baseline;
  color: var(--bs-white);
}
.resultpage_container .resultpage_header .result_table table thead td {
  background-color: var(--bs-black1);
  color: var(--bs-white);
}
.resultpage_container .resultpage_header .result_table table th {
  font-size: 14px;
  text-align: center;
}

.resultpage_container .resultpage_header .result_table table .rounded-row th:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.resultpage_container .resultpage_header .result_table table .rounded-row td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.resultpage_container .resultpage_header .result_table table.winnerresult .rounded-row th:first-child {
  width: 200px;
  text-align: start;
}

.resultpage_container .resultpage_header .result_table table.winnerresult .rounded-row td,
.resultpage_container .resultpage_header .result_table table.winnerresult .rounded-row th {
  text-align: start;
}

.result_pagination {
  padding: 10px 20px 0px 20px;
}

.result_pagination .page-link {
  font-size: 14px;
  color: #000;
  border: none;
  background-color: #e9edf5;
  padding: 6px;
}

.result_pagination .page-link:focus {
  box-shadow: none;
}

.result_pagination span {
  font-size: 14px;
  color: #000;
}

.result_pagination .year_result .year {
  color: var(--bs-red);
  margin-right: 20px;
}

.year_result1 {
  text-align: center;
  margin: 10px 0px;
}

/* market select dp */

@media screen and (max-width: 540px) {
  .resultpage_container .resultpage_header .result_table table {
    width: 100%;
  }

  .market_mobile_in select.form-select {
    font-size: 16px;
  }

  .resultpage_container .resultpage_header .result_table table td,
  .resultpage_container .resultpage_header .result_table table th {
    font-size: 12px;
  }

  .resultpage_main h2 {
    font-size: 16px;
  }

  .resultpage_main .resultpage_container .resultpage_header {
    padding: 0px;
  }
  .data-winner-mob {
    background-color: transparent !important;
  }

  .resultpage_container .resultpage_header .result_table {
    padding: 0px 10px 0px 10px;
  }

  .resultpage_main {
    margin: 25px auto;
  }

  .result_pagination {
    padding: 5px 5px 0px 5px;
  }

  .result_pagination span,
  .year_result1 span {
    font-size: 12px;
  }

  .result_pagination .page-link {
    font-size: 11px;
  }
}

/* result page end */

/* Promotions start*/

.promotions_parent .read-more-btn {
  width: 180px;
  height: 40px;
  top: 20px;
  left: 36px;
  gap: 0px;
  border-radius: 12px;
  opacity: 0px;
  background-color: var(--bs-red);
  color: white;
  border-color: white;
}

.promotions_parent .omeg {
  height: 820px;
  overflow: scroll;
}

.promotions_parent .omeg_1 {
  background-color: var(--bs-black);
  border-radius: 4px;
  padding: 10px;
}

.promotions_parent .promtion_div {
  background-color: var(--bs-black1);
  margin-bottom: 16px;
  padding: 15px;
  /* display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 100px;
  flex-direction: row-reverse;*/
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 020px;
  grid-row-gap: 0px;
}

#button-5 {
  border: none !important;
  padding: 10px 15px !important;
  background: var(--bs-red);
  color: #fff;
}
.button-5 {
  border: none !important;
  padding: 10px 15px !important;
  background: var(--bs-red);
  color: #fff;
  width: fit-content;
}
.button-5:hover {
  background-color: #F44336;
  color: #fff;
  font-weight: 600;
  opacity: 1;
  width: fit-content;
  border-radius: 6px;
}
.promo-terms-condition-2 {
  font-size: 12px !important;
}

.promotions_parent .promotion_content {
  grid-area: 1 / 2 / 2 / 3;
}
.promotions_parent .promtion_div .img2 {
  width: 100%;
  grid-area: 1 / 1 / 2 / 2;
  /*height: 270px;*/
}

.lornrow .panel-body .moretext img {
  width: 100%;
}
.promotions_parent .promtion_div h1 {
  font-size: 16px;
}

.promtion_div .promotion_content p {
  font-size: 40px;
  font-weight: 700;
  color: var(--bs-white);
}

.promotions_parent .promtion_div .promotion_content button {
  border-radius: 8px;
  background-color: var(--bs-red);
  color: white;
  border: none;
  padding: 5px 30px;
}

/* Scrollbar styles */
.promotions_parent .omeg::-webkit-scrollbar {
  width: 10px;
  padding: 5px;
}

.promotions_parent .omeg::-webkit-scrollbar-track {
  background: #ffffff;
  padding: 5px;
}

.promotions_parent .omeg::-webkit-scrollbar-thumb {
  background: #bcd4f1;

  padding: 5px;
}

.promotions_parent .omeg::-webkit-scrollbar-thumb:hover {
  background: #bcd4f1;
  padding: 5px;
}

.promotions_parent .promotions_main {
  background-color: var(--bs-black1);
  padding: 5px;
  border-radius: 4px;
}

.promotions_parent .promotions_main h1 {
  font-size: 24px;
  font-weight: 600;
}

.promotions_parent {
  margin: 40px 0px;
}

@media (max-width: 768px) {
  .promotions_parent .promtion_div {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }
  .banner-h h1 {
    max-width: 320px;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
  }
  .promotions_parent .img2 {
    max-width: 100%;
    height: auto !important;
    margin: 10px 0 0 0;
  }

  .promotions_parent .promtion_div .promotion_content p {
    font-size: 16px;
  }
  .promotion_single_detail.px-1 h1 {
    font-size: 20px;
}

  .promotions_parent .omeg::-webkit-scrollbar {
    width: 5px;
  }
  .promotion_content_inner div:last-child {
    padding-top: 10px;
  }

  .promotions_parent .promtion_div .promotion_content button {
    font-size: 14px;
    padding: 5px 20px;
  }
  .moretext {
    overflow: auto;
    word-break: break-word;
    padding: 0;
  }
  .resultpage_header #data_result_modal .modal-body {
    overflow: scroll;
    padding: 4px;
  }
}

/* Promotions end*/

/* gamelist page css start  */
/* .gamelist_container{
  width: max-content;
} */

.helppage_main .gamelist_container .helppage_header {
  padding: 20px 4px;
}

.gamelist_container .games-card {
  background-color: var(--bs-black1);
  border-radius: 4px;
  overflow: hidden;
  padding: 10px 10px 5px;
  transition: 0.15s ease-in;
  width: 100%;
  max-width: 248px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;

  &:hover,
  &:focus-within {
    box-shadow:
      0 0 0 2px #16c79a,
      0 10px 60px 0 rgba(#000, 0.1);
    transform: translatey(-5px);
  }
}
.gamelist_container .games-card:hover {
  background-color: var(--bs-black);
  cursor: pointer;
}

.gamelist_container .games-card-image {
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  margin-bottom: 0.5rem;
}

.gamelist_container .games-card-image img {
  max-width: 100%;
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
}
.gamelist_container .games-card-header {
  text-align: center;
  position: relative;
  overflow: hidden; /* Hide overflow content */
}

.gamelist_container .games-card-header a {
  display: inline-block;
  font-weight: 500;
  font-size: 16px;
  text-decoration: none;
  color: var(--bs-white);
  position: relative;
  white-space: nowrap; /* Prevent text wrapping */
}

.gamelist_container .games-card-header a .text-content {
  display: inline-block;
  /* padding-left: 100%; Start text from outside view */
}

.gamelist_container .games-card-header a.scrollable .text-content {
  animation: scroll-left 10s linear infinite; /* Adjust duration as needed */
}

.gamelist_container .games-card-header a:hover {
  font-weight: 600;
  color: #F44336;
}

@keyframes scroll-left {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

.gamelist_container .games-card-list {
  padding-top: 5px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  justify-items: center;
  gap: 10px;
}

.gamelist {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gamelist .gamelist-filter {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 5px;
}

.gamelist .gamelist-filter div {
  width: fit-content;
  border-radius: 6px;
  height: 36px;
}

.gamelist .gamelist-filter div select {
  background-color: transparent;
  color: var(--bs-white);
  border: none;
  padding: 0px 4px;
}
.btn-group option {
  background: var(--bs-black1);
}

.gamelist .middle {
  background-color: var(--bs-black1);
  color: var(--bs-white);
}

.gamelist .middle button {
  border: none;
  justify-content: center;
}

.gamelist .btn:hover {
  color: #fff;
}

.gamelist .input-group,
.gamelist .form-control {
  background-color: var(--bs-black1) !important;
  border: none !important;
  font-size: 14px;
}
button#searchBtn {
  color: var(--bs-white);
}
.gamelist.input-group {
  border-radius: 6px;
}

.gamelist .input-group .input-group-append .btn {
  border: none !important;
}

.gamelist .input-text:focus {
  box-shadow: 0px 0px 0px;
  border-color: #e9edf5;
  outline: 0px;
  box-shadow: none !important;
}

@media (max-width: 768px) {
  .gamelist_container .games-card-list {
    grid-template-columns: repeat(2, 1fr);
  }

  .gamelist_container .games-card {
    margin-bottom: 5px;
  }

  .gamelist {
    flex-direction: column;
    margin-bottom: 10px;
    align-items: flex-start;
  }

  .gamelist .gamelist-filter div {
    font-size: 12px;
    height: 36px;
    align-items: center;
    width: auto;
  }

  .gamelist .gamelist-filter div button {
    font-size: inherit;
  }

  .gamelist .form-control {
    font-size: 12px !important;
  }
  .width-40 {
    width: 40% !important;
  }
  .gamelist_container .truncate {
    overflow: hidden;
    white-space: nowrap;
    font-weight: 500;
  }
}

/* gamelist page css end  */

/* transaction histroy  start*/
.transactions_container .status-complete {
  color: #16b613 !important;
}

.transactions_container .status-incomplete {
  color: #d63741 !important;
}

.transactions_container .balance-text {
  color: var(--bs-red) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
}

.transactions_container .player-transactions,
.transactions_container .all-transactions {
  font-size: 14px;
}

.transactions_container .truncate {
  overflow: hidden;
  white-space: nowrap;
  font-weight: 500;
  text-overflow: ellipsis;
}

.transactions_container .table,
.transactions_container .table thead th,
.transactions_container .table tbody td {
  border: none !important;
  border-bottom-width: 0;
  word-wrap: break-word;
}
.transactions_container .table .rounded-corners td {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.transactions_container .table .rounded-corners td:first-child {
  border-top-left-radius: 4px;
  /* Adjust the radius as needed */
  border-bottom-left-radius: 4px;
}

.transactions_container .table .rounded-corners td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

@media (max-width: 768px) {
  .transactions_container .table,
  .transactions_container .table thead th,
  .transactions_container .table tbody td {
    width: fit-content;
  }
}

/* transaction history end */

/* button blue lightblue start*/

.button-blue,
.button-blue a {
  background-color: rgb(17, 77, 231);
  color: rgb(255, 255, 255) !important;
  border: none;
  text-decoration: none;
}

.button-lightBlue,
.button-lightBlue a {
  background-color: #e9edf5;
  color: #000 !important;
  border: none;
  text-decoration: none;
}

.button-white,
.button-white a {
  background-color: #fff;
  color: #000 !important;
  border: none;
  text-decoration: none;
}

/* button blue lightblue end */

/* Memo page start  */
.memo-page-main {
  padding: 0;
}

.memo-page-main .memo-justify-1 {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  margin-bottom: 5px;
}

.memo-page-main .memo-justify {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
}

.memo-outbox,
.memo-inbox,
.memo-write {
  border-radius: 6px;
  margin: 2px 6px;
}
.message-navbar{
  background-color: var(--bs-black);
  height:60px;
  padding:10px;
}
.memo-page-container {
  background-color: var(--bs-black1);
  /* margin: 2%; */
  border-radius: 6px;
  padding: 1rem 0.5rem 0.5rem;
}
.memo-page-container .markasread {
background-color: var(--bs-red);
    color: rgb(255, 255, 255) !important;
    border: none;
    text-decoration: none;
    border-radius: 6px;
padding: 6px 10px !important;
    font-size: 14px;
}
.memo-page-container .markasdelete {
  background-color: #ce0000;
  color: rgb(255, 255, 255) !important;
  border: none;
  text-decoration: none;
 padding: 6px 10px !important;
    font-size: 14px;
        border-radius: 6px;
}
.memo-page-container .resultpage_header {
  background-color: #fff;
  border-radius: 6px;
}

/* Memo page start  */

.memo-page-main .memo-justify-1 {
  display: flex;
  justify-content: space-between;
  border-bottom: none;
  padding: 10px;
}

.memo-page-main .inbox-tabs.nav-tabs > li.active:not(.open) > a,
.memo-page-main .inbox-tabs.nav-tabs > li.active:not(.open) > a:hover,
.memo-page-main .inbox-tabs.nav-tabs > li.active:not(.open) > a:focus {
  background-color: transparent !important;
  box-shadow: none !important;
  color: inherit !important;
}

.memo-page-main .memo-justify-1 .memo-a,
.memo-page-main .memo-justify-1 .memo-b {
  display: flex;
  flex-direction: row;
  background-color: transparent;
  padding: 0 !important;
  align-items: center;
}

.memo-page-main .memo-justify-1 .memo-a {
  background-color: rgb(17, 77, 231);
}

.memo-page-main .memo-justify-1 .memo-inbox,
.memo-page-main .memo-justify-1 .memo-outbox,
.memo-page-main .memo-justify-1 .memo-write {
  border-radius: 4px !important;
}

.memo-write {
  background-color: var(--bs-red);
  color: rgb(255, 255, 255) !important;
  border: none;
}
.memo-a {
  background-color: var(--bs-red)!important;
}
.message-content{
  background-color: var(--bs-black1);
}
span.bigger-110.middle {
  background-color: transparent !important;
  color: var(--bs-white) !important;
}
.pull-left {
  font-weight: 600;
}

.memo-page-main .memo-text-heading {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--bs-white) !important;
  background-color: transparent!important;
}
.message-item{
    background-color: var(--bs-black);
    padding: 9px 10px 9px;
}
.message-item span{
  background-color:transparent!important;
}
.message-bar{
      padding-top: 7px;
}
.input-tx input {
background-color: transparent !important;
    height: 40px;
    padding: 8px;
    color: #ffff;
    font-size: 14px;
}
.message-item:hover {
  border-color: unset;
  background-color: var(--bs-black1);
}
.input-tx {
    margin-bottom: 10px;
}
.form-group select {
    color: #fff;
        height: 40px;
    background-color: transparent;
    font-size:14px;
}                    
                            

.memo-page-main .memo-text-body {
  font-size: 14px !important;
  color: var(--bs-white) !important;
  background-color: transparent !important;
}

.memo-page-main .button-white {
  background-color: #fff;
  color: #000 !important;
  border: none;
  text-decoration: none;
}

.memo-page-main .sender {
  width: 190px;
  color: var(--bs-white) ;
  font-size: 14px;
}
.message-body .scroll-content {
    color: var(--bs-white);
    font-size: 14px;
}
.h-title{
  font-size:18px;
  color:var(--bs-white);
}
.message-navbar input.ace + .lbl::before, .message-item input.ace + .lbl::before {
    top: auto;
    width: 14px;
    height: 16px;
    max-width: 14px;
    background-color: transparent;
}
.message-item .summary .text{
font-size: 14px;
    color: var(--bs-white);
    font-weight: 500;
}
.memo-page-main .message-item .time {
  width: 180px;
font-size: 14px;
    color: var(--bs-white);
    font-weight: 500;
}

.message-item.selected{
  background-color: transparent;
    border-color: #fff #e2eaf2;
    z-index: 2;
}
input[type="checkbox"].ace:checked + .lbl::before, input[type="radio"].ace:checked + .lbl::before {
  background-color:transparent;
}
.pull-right.action-buttons a {
    color: var(--bs-white);
    font-size: 14px;
}
.action-buttons a {
     color: var(--bs-white);
    font-size: 14px;
}
.message-container .form_inside {
  max-width: 700px;
  margin: 0 auto;
}

/* .message-container .form_inside .similar_flex{
   display: flex;
   gap:15px 
  } */
.message-form {
  border:0;
}
.message-form .textarea-editor {
  overflow: auto;
  min-height: 150px;
  max-height: 250px;
  height: auto;
  border: 1px solid #ced4da;
}

.memo-message-form {
  border: none;
  background-color: #fff;
}

/* --------------------------------------- */

.promtion_div .promotion_content p {
  font-size: 25px;
  font-weight: 700;
  color: var(--bs-white);
  text-align: start;
}

.new-memo-write {
  background-color: var(--bs-black);
  color: var(--bs-white);
}
.ql-editor.ql-blank {
  color: var(--bs-white);
  padding: 8px;
}
.hr-double {
  border-top: 1px solid #ffffff61;
  border-bottom: 1px solid #ffffff4a;
  /* border-top-color: rgb(0 0 0 / 43%); */
  /* border-bottom-color: rgb(0 0 0 / 75%); */
}
span.bigger-110 {
  background-color: transparent !important;
}
.new-memo-write .memo-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  /* flex-direction:column; */
  width: 90%;
  /* margin-top: 5px; */
}

.new-memo-write .memo-flex div {
  width: 100%;
}

.new-memo-write .memo-flex label,
.new-memo-write .memo-start-flex label {
  width: 20%;
  margin-right: 10px;
}

.new-memo-write .memo-start-flex {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  width: 90%;
}
.new-memo-write .memo-start-flex .memo-textarea-2 {
  max-height: 300px;
  overflow-y: auto;
  width: 100%;
}

.new-memo-write .memo-start-flex .memo-textarea,
.new-memo-write .memo-start-flex .memo-attachments {
  width: 100%;
}

.new-memo-write input[type="text"]:focus{
  color:var(--bs-white);
}

.new-memo-write .memo-flex .memo-subject input,
.new-memo-write .memo-flex .memo-subject select,
.new-memo-write .memo-flex .memo-to span,
.new-memo-write .memo-start-flex .memo-textarea .memo-textarea-div,
.new-memo-write .memo-start-flex .memo-attachments div {
  width: 100%;
  border-radius: 6px !important;
}
.panel-body.class-panel-body.error-sm span {
    padding: 16px;
}

.new-memo-write .memo-flex .memo-to {
border: 1px solid #ced4da;
    border-radius: 4px;
    background-color: transparent;
    height: 40px;
    padding: 8px;
    font-size:14px;
}
select#subjectSelect option {
    color: #000;
}

.new-memo-write .memo-textarea .ql-toolbar,
.new-memo-write .textarea-editor,
.new-memo-write .memo-attachments .memo-attachments-div .file-input-container .col-sm-7 .ace-file-container {
  border-radius: 6px !important;
}

.new-memo-write .memo-attachments .memo-attachments-div .file-input-container,
.new-memo-write .memo-attachments .memo-attachments-div .file-input-container .col-sm-7,
.new-memo-write .memo-attachments .memo-attachments-div .file-input-container .col-sm-7 .width-90 {
  width: 100% !important;
  margin: 0 !important;
}

.new-memo-write .memo-attachments .memo-attachments-div .file-input-container .col-sm-7 {
  padding: 0 !important;
}

.new-memo-write
  .memo-attachments
  .memo-attachments-div
  .file-input-container
  .col-sm-7
  .ace-file-input
  .ace-file-container:before {
  background-color: var(--bs-red);
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  border: 2px solid #fff;
  border-radius: 4px;
}

.new-memo-write .memo-attachments .memo-attachments-div {
  display: flex;
  justify-content: space-between;
}

.class-modal-dialog {
  width: 20%;
}

.promotion_single_detail img {
  width: 100%;
}
@media (max-width: 768px) {
  .promotion_single_detail img {
    width: 100%;
  }
  .memo-page-main .memo-text-body {
    font-size: 10px !important;
  }
  .class-modal-dialog {
    width: 90%;
  }
  .new-memo-write .memo-flex,
  .new-memo-write .memo-start-flex {
    flex-direction: column;
  }

  .new-memo-write .memo-attachments .memo-attachments-div {
    /* flex-direction: column; */
    flex-wrap: wrap;
  }

  .new-memo-write .memo-attachments .memo-attachments-div span input {
    width: 98%;
    margin-bottom: 7px;
  }

  .new-memo-write .memo-attachments .memo-attachments-div {
    margin-bottom: 7px;
  }

  .new-memo-write .memo-flex div,
  .new-memo-write .memo-start-flex .memo-textarea {
    width: 100%;
  }

  .new-memo-write .memo-flex label,
  .new-memo-write .memo-start-flex label {
    width: 100%;
    margin-right: 10px;
  }

  .memo-page-container .memo-justify-1 {
    padding: 0 !important;
  }

  .memo-page-container .memo-write {
    margin-left: 0 !important;
    margin: 2px 6px !important;
  }

  .new-message-toolbar #markasread button i {
    display: none;
  }

  .new-message-toolbar #markasread button span {
    font-size: 12px !important;
  }

  .new-message-toolbar #markasread button {
    padding: 5px 8px !important;
  }

  .memo-inbox-parent .message-navbar {
    /* display: flex !important; */
    justify-content: flex-end !important;
  }

  .memo-inbox-parent .message-item .sender {
    width: 176px !important;
  }

  .memo-inbox-parent .message-list .message-item .time {
    width: 140px;
  }

  .memo-inbox-parent .message-list .message-item .sender,
  .memo-inbox-parent .message-list .message-item .time,
  .memo-inbox-parent .message-list .message-item .summary {
    font-size: 14px;
    font-weight: 500;
  }
}

/* ------------------------------------ */
/* Memo page end */

/* INVOICE page Css start */

.invoicepage_main {
  margin: 40px auto;
  padding: 0;
}

.invoicepage_main h2 {
  color: var(--bs-white);
  font-size: 24px;
  font-weight: 600;
  margin: 15px 0px 10px 10px;
}

.invoicepage_main .invoicepage_container {
  background-color: var(--bs-black1);
  border-radius: 6px;
  padding: 4px;
}
.invoicepage_header table td{
color:var(--bs-white);
}
.invoicepage_header table td a{
  color:var(--bs-red);
}
.invoicepage_header .table-striped > tbody > tr:nth-of-type(odd) > *{
  color:var(--bs-white);
}
.invoicepage_main .invoicepage_container .invoicepage_header {
  background-color: var(--bs-black);
  border-radius: 6px;
  padding: 0px 20px 20px 20px;
}

.invoicepage_container .invoicepage_header .result_table {
  scrollbar-width: thin;
  scrollbar-color: #bcd4f1 transparent;
}

.invoicepage_container .invoicepage_header .result_table {
  /* height: 700px;
  overflow-y: scroll; */
  padding: 0px 40px 0px 10px;
}

.invoicepage_container .invoicepage_header .result_table table {
  border-collapse: separate;
  border-spacing: 0 10px;
}

.invoicepage_container .invoicepage_header .result_table table th,
.invoicepage_container .invoicepage_header .result_table table td {
  border-bottom: unset;
  text-align: center;
  padding: 10px;
}

.invoicepage_container .invoicepage_header .result_table table td {
  font-size: 14px;
}

.invoicepage_container .invoicepage_header .result_table table th {
  font-size: 14px;
  text-align: center;
}

.invoicepage_container .invoicepage_header .result_table table .rounded-row th:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.invoicepage_container .invoicepage_header .result_table table .rounded-row td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.invoicepage_container .invoicepage_header .result_table table.winnerresult .rounded-row th:first-child {
  width: 200px;
  text-align: start;
}

.invoicepage_container .invoicepage_header .result_table table.winnerresult .rounded-row td,
.invoicepage_container .invoicepage_header .result_table table.winnerresult .rounded-row th {
  text-align: start;
}

.invoicepage_container .blue-btn {
  background-color: var(--bs-red);
  color: #fff !important;
  border: none;
  text-decoration: none;
}
.top-ht {
  display: flex;
  justify-content: space-around;
  align-items: end;
  padding-bottom: 16px;
}
.tp-txt p {
  margin-bottom: 10px;
  font-size: 14px;
}
.invoicepage_container .blue-btn:hover {
  background-color: #fff;
  color: #000 !important;
}

.invoicepage_span {
  margin: 15px 10px 10px 0px;
}

.invoicepage_span label {
  font-size: 15px;
  font-weight: 600;
}

.invoicepage_span input {
  width: 30%;
  border-radius: 6px !important;
  background-color: #fff;
  margin-right: 10px;
  border: 1px solid;
  border-color: #bcd4f1;
}

.invoicepage_span form {
  text-align: end;
}

.invoicepage_header .total {
  font-weight: 500;
}

.invoicepage_header .result_table .table {
  margin-bottom: 0;
}

.invoice-total-games {
  display: flex;
  justify-content: space-around;
}

.invoicepage_header .table > thead > tr {
  color: var(--bs-white) !important;
  font-weight: 500 !important;
  background-color: var(--bs-black1) !important;
  background-image: none;
  background: #fff;
}

/* market select dp */

@media screen and (max-width: 540px) {
  .invoicepage_container .invoicepage_header .result_table table {
    width: -webkit-fill-available;
  }
  .banner-h h1 {
    top: 58%;
    border-radius: 8px;
    font-size: 12px;
    max-width: 100%;
    line-height: 20px;
    padding: 8px;
  }
  .market_mobile_in select.form-select {
    font-size: 16px;
  }

  .invoicepage_container .invoicepage_header .result_table table td,
  .invoicepage_container .invoicepage_header .result_table table th {
    font-size: 12px;
  }

  .invoicepage_main h2 {
    font-size: 16px;
  }

  .invoicepage_main .invoicepage_container .invoicepage_header {
    padding: 0px;
  }

  .invoicepage_container .invoicepage_header .result_table {
    overflow-y: scroll;
    padding: 0px 10px 0px 10px;
  }

  .invoicepage_main {
    margin: 25px auto;
    padding: 0;
  }

  .invoice_pagination {
    padding: 5px 5px 0px 5px;
  }

  .invoice_pagination span,
  .year_result1 span {
    font-size: 12px;
  }

  .invoice_pagination .page-link {
    font-size: 11px;
  }

  .invoicepage_container .invoice-div {
    flex-direction: column !important;
  }

  .invoicepage_container .period-change-div {
    display: inline-flex !important;
    align-items: center !important;
  }

  .period-change-div button {
    padding-left: 12px !important;
    padding-right: 12px !important;
    font-size: 15px !important;
  }
}

/* pagination start */

.custom-pagination {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-family: Arial, sans-serif;
  font-size: 14px;
}

.pagination-link a {
  margin: 0 5px;
  cursor: pointer;
  color: var(--bs-white);
  text-decoration: none;
}

.pagination-link:hover {
  text-decoration: none;
  color: var(--bs-white1);
}

.pagination-text {
  margin: 0 10px;
  color: #333;
}

/* pagination end for all pages */

/* promo css start*/

.result-div .cont-tag-promo {
  top: -11px;
  right: -11px;
  position: absolute;
  padding: 0px;
  align-items: flex-end;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  /* margin: auto 20px; */
  /* justify-content: flex-end; */
  /* align-items: center; */
  /* -webkit-animation: glowing 1s ease-in-out infinite alternate; */
  /* -moz-animation: glowing 1s ease-in-out infinite alternate6832; */
  /* animation: glowing 1s ease-in-out infinite alternate; */
}

@keyframes glowing {
  0% {
    box-shadow: 0 0 -10px #870000;
  }

  40% {
    box-shadow: 0 0 20px #870000;
  }

  60% {
    box-shadow: 0 0 20px #870000;
  }

  100% {
    box-shadow: 0 0 -10px #870000;
  }
}

/* promo css end */

@media (max-width: 1536px) {
  .game-categories .owl-item .game-card-body img {
    width: 60px;
  }

  .game-categories .owl-item .game-card-body a {
    font-size: 15px;
  }
}

.memo-attachments {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.info-deposite-content .box-content {
  height: 60px;
  border: 1px solid black;
  font-size: 42px;
  background-color: var(--bs-black1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.info-deposite-content .refresh {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.deposit_form_item span {
  font-size: 14px !important;
}

.sideMenu .accordion-button:after {
  display: none;
}

.sideMenu .accordion-button .new-span2 {
  display: flex;
  width: -webkit-fill-available;
  width: -moz-available;
  justify-content: space-between;
  align-items: center;
  padding-right: 4px;
}

.overflow-custom {
  overflow: auto;
  scrollbar-width: none;
}
.sideMenu .accordion-button:not(.collapsed) .arrow-icon {
  transform: rotate(50deg); /* Expanded state */
  background-image:none!important;
  width: 12px;
  height: 12px;
  border-left: 2px solid rgb(255, 255, 255);
  border-bottom: 2px solid rgb(255, 255, 255);
}
.sideMenu .accordion-button.collapsed .arrow-icon {
 transform: rotate(223deg);; /* Default collapsed state */
  width: 12px;
  height: 12px;
  border-left: 2px solid #858585;
  border-bottom: 2px solid #858585;
  background-image: none !important;
}
.sideMenu .accordion-button .arrow-icon {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-left: auto;
  background-size: cover;
  background-position: center;
  transition:
    transform 0.3s ease,
    background-image 0.3s ease;
  padding: 0;
}

.all-providers-parent {
  margin-top: 10px;
  margin-bottom: 10px;
}
.all-providers-parent .all-providers-div {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  justify-items: center;
  gap: 16px;
}
.class-filterForm input,
.class-filterForm select {
  border-radius: 6px !important;
  height: 100%;
  font-size: 14px;
  width: 100%;
  background-color: var(--bs-black);
}
.class-filterForm label {
  font-weight: 500;
}
.class-filterForm select:focus {
  background-color: var(--bs-black1);
}
select#transactionType option, select#parnterId option{
  background-color: var(--bs-black);
  color: var(--bs-white);
}
select#transactionType option:focus, select#parnterId:focus{
  background-color: var(--bs-black1);
}
select#transactionType, select#parnterId {
  color: var(--bs-white);
}
.transactions_container table th, .transactions_container table td{
color:var(--bs-white);
}
.transactions_container  .table-striped > tbody > tr:nth-of-type(odd) > *{
  color:var(--bs-white1);
}
.transactions_container  .tab-pane .custom-pagination span{
background-color:transparent!important;
color:var(--bs-white)!important;
}
.class-filterForm {
  display: flex;
  background-color: var(--bs-black1);
  padding: 6px 14px;
  border-radius: 6px;
  flex-direction: row;
  gap: 6px;
  justify-content: space-between;
}
.class-filterForm div {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) and (max-width: 1024px) {
  .all-providers-parent .all-providers-div {
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 768px) {
  .all-providers-parent .all-providers-div {
    grid-template-columns: repeat(4, 1fr);
  }
  .top-ht {
    flex-direction: column;
    align-items: center;
}
  .top-ht{
    padding-bottom;
  }
  .btn-light-custom{
    width:46%!important;
  }
  .btn.btn-light-custom.before-lg {
    width: 100%!important;
    background-color: var(--bs-white);
  }
  .class-filterForm {
    flex-wrap: wrap;
  }
  .class-filterForm div {
    width: 48%;
  }
  .class-filterForm .filter-btn {
    width: 100%;
  }
}

.banner-hompage-slider-parent .banner-hompage-container .owl-nav {
  display: none !important;
}

/* Promo CSS */
.promo-header-1 {
  font-size: 24px;
  font-weight: 600;
  color: var(--bs-white);
}
.promo-terms-condition-1 {
  font-size: 14px;
  font-weight: 500;
  color: var(--bs-white);
}
.widget-main {
  background-color: var(--bs-black1);
}
.promo-terms-condition-2 {
  font-size: 10px;
  font-weight: 500;
  color: var(--bs-white);
}

#button-5 {
  font-size: 14px;
  font-weight: 500;
  border: 1px solid;
  padding: 4px 6px;
  border-radius: 4px;
}

.moretext {
  overflow: hidden;
  height: 200px;
}

.moretext .more {
  height: auto;
}

.moreless-button {
  display: none;
  margin-top: 5px;
  border-radius: 8px !important;
  padding: 6px 10px !important;
  color: #fff !important;
  background: var(--bs-red) !important;
  border: none !important;
}

.less-button {
  color: var(--bs-red) !important;
  background: #fff !important;
  border: 2px solid var(--bs-red) !important;
  font-weight: 600;
}

.link_go {
  color: #000 !important;
  background: #bcd4f1 !important;
  border-radius: 8px !important;
  padding: 6px !important;
  border: 1px solid #bcd4f1 !important;
}
.new-modal-ui {
  width: 50%;
}
@media (max-width: 768px) {
  .new-modal-ui {
    width: 90%;
  }
  .promotions_parent .promtion_div .img2 {
    width: 100% !important;
  }
  .moretext {
    overflow: auto;
    word-break: break-word;
    padding: 0;
  }
}
.result-div {
  text-align: center;
  max-height: 595px;
  overflow-y: auto;
}
/* last updated on 1 augest   asdfnsdm,fn,masdfn,masdf,masdfmnas,mdfsd  2024 */

.hide-mobile-view {
  display: none;
}
@media (min-width: 992px) {
  .hide-mobile-view {
    display: contents;
  }
}
.analysis_main-div2.transaction_mob .p-normal {
  line-height: 20px;
}
.analysis_main-div2 .transaction_mob .p-normal .more-info span {
  font-weight: 500;
}
.analysis_main-div2.transaction_mob .font-400 {
  font-weight: 400;
}
.analysis_main-div2.transaction_mob .font-500 {
  font-weight: 500;
}
.analysis_main-div2 .transaction_mob .font-600 {
  font-weight: 600;
}
.analysis_main-div2 .transaction_mob .f-14 {
  font-size: 14px;
}
.analysis_main-div2 .transaction_mob .hidden-info {
  display: none;
}
.analysis_main-div2 .transaction_mob .padding-4px {
  padding-left: 4px;
}
.analysis_main-div2 .transaction_mob_in {
  background:var(--bs-black1);
  padding: 5px;
  border-radius: 6px;
}
.analysis_main-div2 .transaction_mob {
  background: var(--bs-black);
  border-radius: 6px;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto;
  grid-row-gap: 4px;
  width: 100%;
  font-size: 12px;
  padding: 5px 8px;
  margin: 0px 0px 10px 0px;
}
.analysis_main-div2.trans_middle_parts_div1 button {
  border: none;
  color: var(--bs-red) !important;
  font-weight: 500;
  background: none !important;
}
.analysis_main-div2 .trans_div1,
.analysis_main-div2 .trans_div2,
.analysis_main-div2 .trans_middle,
.analysis_main-div2 .trans_div3,
.analysis_main-div2 .trans_div4 {
  display: flex;
}
.analysis_main-div2 .trans_div1 {
  grid-area: 1 / 1 / 2 / 2;
}
.analysis_main-div2 .trans_div2 {
  grid-area: 1 / 2 / 2 / 3;
  justify-content: flex-end;
}
.analysis_main-div2.trans_middle_parts_div1 {
  grid-area: 2 / 1 / 3 / 2;
  align-self: start;
  padding-left: calc(2% + 6px);
}
.analysis_main-div2.trans_middle_parts_div2 {
  grid-area: 2 / 2 / 3 / 3;
  align-self: start;
  text-align: end;
}
.analysis_main-div2.trans_empty {
  grid-area: 3 / 1 / 4 / 2;
}
.analysis_main-div2.trans_div3 {
  grid-area: 3 / 2 / 4 / 3;
  justify-content: flex-end;
}
.analysis_main-div2.trans_div4 {
  grid-area: 4 / 1 / 5 / 3;
  justify-content: flex-end;
}
.analysis_main-div2.font-600-red {
  font-weight: 600;
  color: #ea1919;
}
.analysis_main-div2 .trans_div3 .trans_stat {
  margin-left: 8px;
}
.analysis_main-div2 .transaction_mob .trans_blue {
  color: var(--bs-red);
}
.analysis_main-div2 .transaction_mob .f-align {
  justify-content: flex-end;
  align-items: flex-end;
}

@media only screen and (max-device-width: 325px) and (-webkit-min-device-pixel-ratio: 2) {
  .new_pin_content .new_bg_pin .new_bg_pin_form_2 .new-form-group-form-2 .form-2-box {
    margin: 10px;
  }
  .sideMenu .card {
    height: auto;
  }
  .sideMenu .card .card-body1 {
    padding: 0 4px 4px 4px;
  }
}
.d-flex-between {
  display: flex;
  justify-content: space-between;
}
.d-grid-g-10 {
  display: grid;
  grid-template-columns: repeat(9, auto);
  gap: 5px;
}
.class-4d3d2d .active {
  background-color: var(--bs-red);
  color: #fff !important;
  font-weight: 600;
}
@media (max-width: 768px) {
  .d-grid-g-10 {
    display: grid;
    grid-template-columns: repeat(3, auto);
    row-gap: 10px;
    column-gap: 5px;
  }
}
.btn-square-white {
  margin: 0px;
  padding: 10px;
  font-size: 12px;
  color: var(--bs-white);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  background: var(--bs-black);
  border-radius: 4px;
  text-decoration: none;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
  text-align: center;
}
.btn-square-white:hover {
  color: #000;
}

.square-white {
  margin: 0px;
  padding: 10px;
  font-size: 12px;
}

.data-winner-mob .summary-content {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(5 * 1.2em); /* Assuming line-height is 1.2em */
}

.data-winner-mob .hidden-info {
  display: contents !important;
}

.data-winner-mob .more-info {
  background-color: transparent;
  color: var(--bs-red);
  border: none;
  margin-top: 5px;
  cursor: pointer;
}
.data-winner-mob .transaction_mob {
  background: var(--bs-black);
  border-radius: 6px;
  width: 100%;
  font-size: 12px;
  padding: 5px 8px;
  margin: 0px 0px 10px 0px;
}

.summary-content-div2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.summary-content-div2 .toggle-info {
  color: var(--bs-red);
  font-weight: 500;
  font-size: 12px;
}
.data-winner-mob .f-14 {
  font-size: 14px;
}
.data-winner-mob .trans_blue {
  color: var(--bs-red);
  font-weight: 600;
}

.table-border-c {
  border-radius: 10px;
  border: 1px solid #bcd4f1;
}
.table-border-c tbody > tr:nth-of-type(odd) {
  background-color: #f2f2f2 !important;
}

@media only screen and (max-width: 425px) {
  .sideMenu .min-height-card {
    -webkit-min-height: 140px;
    -moz-min-height: 140px;
    min-height: 140px;
    margin-top: 55px!important;
  }
  .sideMenu .min-height-card .card-header {
    -webkit-min-height: 50px;
    -moz-min-height: 50px;
    min-height: 50px;
  }
}
.header-name-bg {
  background: #e9edec;
  border-radius: 6px;
}
.bg-header-name,
.class-panel-heading {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px 2px;
}
.class-panel-heading h4 {
  margin: 0;
}
.f-14-400 {
  font-size: 14px;
  font-weight: 400;
}
.f-16-600 {
  font-size: 16px;
  font-weight: 600;
}
.f-14-600 {
  font-size: 14px;
  font-weight: 600;
}
.data-bg-name,
.class-panel-body {
  background: #fff;
  border-radius: 4px;
  margin: 4px;
  padding: 4px 12px;
}
.class-panel-body {
  font-size: 14px;
  min-height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.transaksi-pemain #myTabContent {
  height: auto;
}

.table-custom {
  border: 2px solid #e9edf5;
  font-size: 14px;
  margin-top: 8px;
}
.table-custom th,
.table-custom td {
  vertical-align: middle;
}
.table-custom th {
  background-color: #e9edf5;
}
.table-custom td {
  background-color: #fff;
  border: 1px solid #e9edf5;
}
.table-custom tbody tr:nth-child(even) td {
  background-color: #e9edf5;
}
.table-custom tbody tr:nth-child(odd) td {
  background-color: #fff;
}

.result-table-class {
  font-size: 14px;
  width: 100%;
}
.result-table-class tr {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.result-table-class td {
  text-align: center;
}
/* Mobile View */
@media (max-width: 768px) {
  .result-table-class tr {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* betting panel new css  */
.betting-table-ui th {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #000;
}
.betting-table-ui input[disabled] {
  background-color: #fff;
}
.betting-table-ui input[disabled] {
  background-color: #fff;
}
.betting-table-ui input[readonly] {
  background-color: #fff;
}
.w-on-text input {
  border: none !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.betting-table-ui tr .w-on-text {
  max-width: 150px !important;
}
.four-digit-input .border-none {
  border: none;
}
.four-digit-input .border-tb {
  border-top: 2px solid #bcd4f1 !important;
  border-bottom: 2px solid #bcd4f1 !important;
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.four-digit-input .border-l {
  border-left: 2px solid #bcd4f1 !important;
  border-right: none !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.four-digit-input .border-r {
  border-right: 2px solid #bcd4f1 !important;
  border-left: none !important;
  border-bottom-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.four-digit-input input {
  width: 80%;
}
.betting-table-ui input[disabled]:hover,
.betting-table-ui .input[type="text"]:hover {
  border-color: #bcd4f1 !important;
}
.betting-table-ui .input-group input {
  width: 30% !important;
}
.betting-table-ui .input-group-color1 input,
.betting-table-ui .four-digit-input-ip,
.betting-table-ui .four-digit-input-ip:focus {
  color: #000;
}
.betting-table-ui .input-group-color1 input:not(:placeholder-shown),
.betting-table-ui .four-digit-input-ip:not(:placeholder-shown) {
  font-weight: 500;
}
.betting-table-ui .input-group-color2 input {
  background-color: #e9edf5;
}
.betting-table-ui .input-group-color2 .highlight {
  color: #000;
  background-color: #fff;
  border: 2px solid #bcd4f1 !important;
}

.betting-table-ui input,
.betting-table-ui .input-group-color2 .input4D,
.betting-table-ui .input-group-color2 .input3D,
.betting-table-ui .input-group-color2 .input2D {
  border: none;
}
.betting-table-ui .four-digit-input .four-digit-input-ip,
.betting-table-ui .input-group-color1 input {
  border: 2px solid #bcd4f1;
}
.betting-table-ui .class-readonly {
  background-color: #e9edf5 !important;
  border: none !important;
}
.betting-table-ui .class-discount {
  background-color: transparent !important;
}
.wap-version {
  background-color: #bcd4f1;
  color: #012d65;
  font-size: 14px;
  border-radius: 37px;
  padding: 4px 10px;
  word-wrap: break-word;
}

.wap-version.active {
  background-color: var(--bs-red);
  color: #fff;
}
.td-input {
  width: 20%;
}
.td-input input {
  width: 28px !important;
}
.radio-grid {
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-auto-rows: auto;
}
.radio-grid span {
  text-align: start;
}
.radio-grid span:nth-child(1) {
  text-align: center;
}
.radio-grid span:nth-child(6) {
  grid-column: 1 / 2;
  grid-row: 2;
  text-align: center;
}

.radio-grid span:nth-child(7) {
  grid-column: 2 / 6;
  grid-row: 2;
}
.header-name-bg {
  background: #e9edec;
  border-radius: 6px;
}
.bg-header-name {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px 2px;
}
.f-14-400 {
  font-size: 14px;
  font-weight: 400;
}
.helppage_header .tab-pane span{
  background-color:transparent!important;
}
@media (max-width: 375px) {
  .table-dasarPeriode .flex-xs-column {
    flex-direction: column !important;
  }
  .table-dasarPeriode thead tr th {
    vertical-align: top;
  }
}
@media (max-width: 768px) {
  .wap-version {
    font-size: 12px;
  }
  .betting-table-ui {
    overflow: hidden;
  }
  .betting-table-ui .d-none-mob {
    display: none;
  }
  .betting-table-ui input[type="text"] {
    font-size: 12px;
  }
  .input-group-color2 .input-sm {
    border: none !important  ;
  }

  .radio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .radio-grid span {
    text-align: start;
    padding: 0 4px;
  }
  .radio-grid span:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2;
    text-align: end;
  }
  .radio-grid span:nth-child(6) {
    grid-area: 3 / 1 / 4 / 2;
    text-align: end;
  }
  .radio-grid span:nth-child(7) {
    grid-area: 3 / 2 / 4 / 4;
  }
}
.f-12-wt-blue {
  color: var(--bs-red);
  font-weight: 600;
  font-size: 12px;
}
/* last updated on 26 sep 2024 14:42 */
#loadingWeb {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
}
#td_bal {
  font-size: 14px;
}
#refreshMainBalance {
  font-size: 14px;
}

/* gamelist tags css */
.ribbon {
  width: 100px;
  height: 36px;
  overflow: hidden;
  position: absolute;
}
.ribbon span {
  position: absolute;
  display: block;
  padding: 6px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  border-radius: 4px;
}
.ribbon-top-right-45 {
  width: 190px;
  height: 190px;
}
.ribbon-top-right-45 span {
  width: 250px;
  background-color: #ff0000;
}
/* top left*/
.ribbon-top-left-1 {
  top: 4%;
  left: 4%;
}
.ribbon-top-left-2 {
  top: 15%;
  left: 4%;
}
.ribbon-top-left-3 {
  top: 30%;
  left: 0;
}
.ribbon-top-right-1 {
  top: 0px;
  right: 0px;
}
.ribbon-top-right-45 {
  top: 0px;
  right: 0px;
}
.ribbon-top-left-1 span {
  width: 100%;
  background-color: #ffbb00;
}
.ribbon-top-left-2 span {
  width: 100%;
  background-color: #51fd15;
}
.ribbon-top-left-3 span {
  width: 100%;
  background-color: #052e67;
}
.ribbon-top-right-1 span {
  width: 100%;
  background-color: var(--bs-red);
}
.ribbon-top-right-45 span {
  left: 0px;
  top: 30%;
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .ribbon {
    width: 50px;
    height: 50px;
  }
  .ribbon-top-right-45 {
    width: 170px;
    height: 120px;
  }
  .ribbon span {
    font-size: 14px;
    padding: 4px 0;
  }
}
@media (max-width: 480px) {
  .ribbon {
    width: 45px;
  }
  .ribbon-top-left-1,
  .ribbon-top-left-2,
  .ribbon-top-left-3 {
    left: 1%;
  }
  .ribbon-top-right-45 {
    width: 190px;
    height: 190px;
    top: -30px;
    right: -25px;
  }
  .ribbon span {
    font-size: 12px;
    padding: 2px 0;
  }
}

.table-custom th {
  background-color: #e9edf5;
}
.table-custom td {
  background-color: #fff;
  border: 1px solid #e9edf5;
}
.table-custom tbody tr:nth-child(even) td {
  background-color: #e9edf5;
}
.table-custom tbody tr:nth-child(odd) td {
  background-color: #fff;
}

.result-table-class {
  font-size: 14px;
  width: 100%;
}
.result-table-class tr {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
}
.result-table-class td {
  text-align: center;
}
/* Mobile View */
@media (max-width: 768px) {
  .result-table-class tr {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* betting panel new css  */
.betting-table-ui th {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: #000;
}
.betting-table-ui input[disabled] {
  background-color: #fff;
}
.betting-table-ui input[disabled] {
  background-color: #fff;
}
.betting-table-ui input[readonly] {
  background-color: #fff;
}
.w-on-text input {
  border: none !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.betting-table-ui tr .w-on-text {
  max-width: 150px !important;
}
.four-digit-input .border-none {
  border: none;
}
.four-digit-input .border-tb {
  border-top: 2px solid #bcd4f1 !important;
  border-bottom: 2px solid #bcd4f1 !important;
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.four-digit-input .border-l {
  border-left: 2px solid #bcd4f1 !important;
  border-right: none !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.four-digit-input .border-r {
  border-right: 2px solid #bcd4f1 !important;
  border-left: none !important;
  border-bottom-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.four-digit-input input {
  width: 80%;
}
.betting-table-ui input[disabled]:hover,
.betting-table-ui .input[type="text"]:hover {
  border-color: #bcd4f1 !important;
}
.betting-table-ui .input-group input {
  width: 30% !important;
}
.betting-table-ui .input-group-color1 input,
.betting-table-ui .four-digit-input-ip,
.betting-table-ui .four-digit-input-ip:focus {
  color: #000;
}
.betting-table-ui .input-group-color1 input:not(:placeholder-shown),
.betting-table-ui .four-digit-input-ip:not(:placeholder-shown) {
  font-weight: 500;
}
.betting-table-ui .input-group-color2 input {
  background-color: #e9edf5;
}
.betting-table-ui .input-group-color2 .highlight {
  color: #000;
  background-color: #fff;
  border: 2px solid #bcd4f1 !important;
}

.betting-table-ui input,
.betting-table-ui .input-group-color2 .input4D,
.betting-table-ui .input-group-color2 .input3D,
.betting-table-ui .input-group-color2 .input2D {
  border: none;
}
.betting-table-ui .four-digit-input .four-digit-input-ip,
.betting-table-ui .input-group-color1 input {
  border: 2px solid #bcd4f1;
}
.betting-table-ui .class-readonly {
  background-color: #e9edf5 !important;
  border: none !important;
}
.betting-table-ui .class-discount {
  background-color: transparent !important;
}
.wap-version {
  background-color: #bcd4f1;
  color: #012d65;
  font-size: 14px;
  border-radius: 37px;
  padding: 4px 10px;
  word-wrap: break-word;
}

.wap-version.active {
  background-color: var(--bs-red);
  color: #fff;
}
.td-input {
  width: 20%;
}
.td-input input {
  width: 28px !important;
}
.radio-grid {
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-auto-rows: auto;
}
.radio-grid span {
  text-align: start;
}
.radio-grid span:nth-child(1) {
  text-align: center;
}
.radio-grid span:nth-child(6) {
  grid-column: 1 / 2;
  grid-row: 2;
  text-align: center;
}

.radio-grid span:nth-child(7) {
  grid-column: 2 / 6;
  grid-row: 2;
}
.header-name-bg {
  background: #e9edec;
  border-radius: 6px;
}
.bg-header-name {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px 2px;
}
.f-14-400 {
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 375px) {
  .table-dasarPeriode .flex-xs-column {
    flex-direction: column !important;
  }
  .table-dasarPeriode thead tr th {
    vertical-align: top;
  }
}
@media (max-width: 768px) {
  .wap-version {
    font-size: 12px;
  }
  .betting-table-ui {
    overflow: hidden;
  }
  .betting-table-ui .d-none-mob {
    display: none;
  }
  .betting-table-ui input[type="text"] {
    font-size: 12px;
  }
  .input-group-color2 .input-sm {
    border: none !important  ;
  }

  .radio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .radio-grid span {
    text-align: start;
    padding: 0 4px;
  }
  .radio-grid span:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2;
    text-align: end;
  }
  .radio-grid span:nth-child(6) {
    grid-area: 3 / 1 / 4 / 2;
    text-align: end;
  }
  .radio-grid span:nth-child(7) {
    grid-area: 3 / 2 / 4 / 4;
  }
}
.f-12-wt-blue {
  color: var(--bs-red);
  font-weight: 600;
  font-size: 12px;
}
/* last updated on 26 sep 2024 14:42 */
#loadingWeb {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
}
#td_bal {
  font-size: 14px;
}
#refreshMainBalance {
  font-size: 14px;
}

/* gamelist tags css */
.ribbon {
  width: 100px;
  height: 36px;
  overflow: hidden;
  position: absolute;
}
.ribbon span {
  position: absolute;
  display: block;
  padding: 6px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  border-radius: 4px;
}
.ribbon-top-right-45 {
  width: 190px;
  height: 190px;
}
.ribbon-top-right-45 span {
  width: 250px;
  background-color: #ff0000;
}
/* top left*/
.ribbon-top-left-1 {
  top: 4%;
  left: 4%;
}
.ribbon-top-left-2 {
  top: 15%;
  left: 4%;
}
.ribbon-top-left-3 {
  top: 30%;
  left: 0;
}
.ribbon-top-right-1 {
  top: 0px;
  right: 0px;
}
.ribbon-top-right-45 {
  top: 0px;
  right: 0px;
}
.ribbon-top-left-1 span {
  width: 100%;
  background-color: #ffbb00;
}
.ribbon-top-left-2 span {
  width: 100%;
  background-color: #51fd15;
}
.ribbon-top-left-3 span {
  width: 100%;
  background-color: #052e67;
}
.ribbon-top-right-1 span {
  width: 100%;
  background-color: var(--bs-red);
}
.ribbon-top-right-45 span {
  left: 0px;
  top: 30%;
  transform: rotate(45deg);
}
@media (max-width: 768px) {
  .ribbon {
    width: 50px;
    height: 50px;
  }
  .ribbon-top-right-45 {
    width: 170px;
    height: 120px;
  }
  .ribbon span {
    font-size: 14px;
    padding: 4px 0;
  }
}
@media (max-width: 480px) {
  .ribbon {
    width: 45px;
  }
  .ribbon-top-left-1,
  .ribbon-top-left-2,
  .ribbon-top-left-3 {
    left: 1%;
  }
  .ribbon-top-right-45 {
    width: 190px;
    height: 190px;
    top: -30px;
    right: -25px;
  }
  .ribbon span {
    font-size: 12px;
    padding: 2px 0;
  }
}
.newconttag {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.cont-tag-promo span {
  display: block;
  margin: 2px 0;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: #ff0000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  font-weight: 700;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  -webkit-animation: glowing 1s ease-in-out infinite alternate;
  -moz-animation: glowing 1s ease-in-out infinite alternate;
  animation: glowing 1s ease-in-out infinite alternate;
}
@keyframes glowing {
  0% {
    box-shadow: 0 0 -10px #0000008e;
  }
  40% {
    box-shadow: 0 0 20px #0000008e;
  }
  60% {
    box-shadow: 0 0 20px #0000008e;
  }
  100% {
    box-shadow: 0 0 -10px #0000008e;
  }
}
.cont-tag-promo > .promo-span {
  background-color: #ff0000 !important;
  padding: 6px 10px;
}
.cont-tag-promo > .daily-span {
  background-color: #052e67 !important;
  font-weight: 500;
}
.cont-tag-promo > .hot-span {
  background-color: #ff6200 !important;
}
.cont-tag-promo > .new-span {
  background-color: #1cb939 !important;
}
/* web popup */
.bettingpanel_game_select .betting_main_table .web_process svg {
  font-size: 60px;
  color: #bcd4f1;
}
.bettingpanel_game_select .betting_main_table .web_process h2 {
  font-size: 24px;
  margin: 30px;
  font-weight: 700;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-overlay .web-popup-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  max-width: 400px;
  width: 100%;
  text-align: center;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-overlay .web-popup-content h3 {
  font-size: 22px;
  margin: 30px;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-overlay .web-popup-content .web-cancelled-popoup {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bettingpanel_game_select
  .betting_main_table
  .web_process
  .web-popup-overlay
  .web-popup-content
  .web-cancelled-popoup
  svg {
  font-size: 26px;
  color: #e32900;
}
.bettingpanel_game_select
  .betting_main_table
  .web_process
  .web-popup-overlay
  .web-popup-content
  .web-cancelled-popoup
  h4 {
  font-size: 24px;
  margin: 18px 15px;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-buttons {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-buttons .ok-btn {
  background-color: var(--bs-red);
  color: #fff;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-buttons .cancel-btn {
  background-color: #fff;
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.16);
  color: #f44336;
}
.bettingpanel_game_select .betting_main_table .web_process .web-cancel-buttons button {
  background-color: #e9edf5;
  color: #000;
}
.bettingpanel_game_select .betting_main_table .web_process .web-popup-buttons .cancel-btn,
.bettingpanel_game_select .betting_main_table .web_process .web-popup-buttons .ok-btn,
.bettingpanel_game_select .betting_main_table .web_process .web-cancel-buttons button {
  font-weight: 600;
  padding: 5px 0px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 30%;
  font-size: 17px;
}
.disabled_content {
  pointer-events: none;
  color: gray;
  cursor: not-allowed;
}
/* web popup */

/* 15/10/2024 */

/* ///////////////////////////////////
new css for home page */
.lottery-result-card-img img {
  width: 100px;
  max-width: 100%;
  border-radius: 16px;
<<<<<<< HEAD

=======
>>>>>>> black-dev
}
.result-market-btns {
  gap: 6px;
  margin-top: 4px;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .result-market-btns {
    gap: 6px;
    margin-top: 4px;
    justify-content: space-around;
  }
  .game-categories .game-card-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32%;
    padding: 4% 0%;
    gap: 10px;
  }
  .lottery-result-container,
  .game-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .lottery-result-card-market .lottery-result-market-name {
    font-size: 12px;
  }
  .lottery-result-card {
    padding: 10px;
    margin: 0px;
    padding: 8px 4px 10px !important;
    gap: 5px;
  }
  .lottery-result-card-market {
    min-width: 66px;
    padding-left: 2px;
  }

  .game-categories .game-card-body {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex: 0 0 calc(32.3%);
    padding: 3px 8px;
    gap: 6px;
    border-radius: 4px;
    height: 42px;
  }
  .img-text {
    text-align: justify;
}
  .game-categories .game-card-body img {
    width: 28px;
}
  .lottery-result-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    gap : 8px 4px;
  }
  .lottery-result-card-market .lottery-result-market-name {
    font-size: 11px;
  }
  .lottery-result-card {
    padding: 10px;
    margin: 0px;
    padding: 6px 6px 12px !important;
  }
  .lottery-result-box{
    gap: 2px;
  }

  .lottery-result-card-img img {
    min-width: 26px !important;
  }
  /* .padding-2p {
    padding: 0 2px;
  } */
  .game-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .result p {
    font-size: 14px;
  }
  .result {
    gap: 6px;
  }
  .btn-light-custom {
    font-size: 12px !important;
  }

}
.btn-light-custom {
  box-shadow: 0px 3px 8px 0px #00000029;
  font-size: 16px;
  padding: 6px 10px;
  display: flex;
  align-items: center;
  width: 45%;
  justify-content: center;
  background-color: var(--bs-white);
}
.btn-light-custom:hover{
  background-color:var(--bs-gray);
  color:var(--bs-black1);
}
.btn-hs .btn-light-custom{
  padding: 8px 10px;
  width:100%;
  background-color:var(--bs-white);
}
.period-text {
  font-size: 14px;
  color:var(--bs-white1);
}

/******** new batting css ******/
.betBBTotal {
  display: flex;
  flex-direction: column;
  align-items: end;
  gap: 4px;
  font-size: 14px;
  margin-right: 14px;
}

/* bettting new 4d3d2d */
.w-on-text input[type="checkbox"] {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #bcd4f1;
  cursor: pointer;
}

.w-on-text input[type="checkbox"]:checked {
  background-color: var(--bs-red);
  border-color: #bcd4f1;
}

.w-on-text input[type="checkbox"]:checked::after {
  content: "✔";
  display: block;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 14px;
}

#exTab1 .tab-content {
  color: black;
}
#exTab1 .nav-pills > li > a {
  border-radius: 0;
  background-color: #bcd4f1;
  color: #000;
  font-weight: 400;
  font-size: 24px;
  padding: 6px 10px;
}
#exTab1 .exTab-second {
  align-items: center;
  justify-content: space-between;
}

#exTab1 .exTab-second .nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: blue;
  font-weight: 600;
}
#exTab1 .exTab-second .btn-navBtn {
  padding: 6px 20px;
  margin: 2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bet-4d3d2d {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  justify-items: center;
  grid-column-gap: 4px;
  grid-row-gap: 10px;
  margin: 20px 10px;
}
.tab-pane-height {
  height: 741px;
  background-color: #fff;
}
.bet-4d3d2d .inputBbfs {
  width: 140px !important;
  background-color: #e9edf5;
  border-radius: 4px;
  border: none;
}
.class-ip-guess input {
  border: 2px solid #bcd4f1;
  width: 132px;
  margin: 0 6px;
}
.bet-4d3d2d .div1-1 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div1-1 {
  grid-area: 1 / 1 / 2 / 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div2-2 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div2-2 {
  grid-area: 1 / 2 / 2 / 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div3-3 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div3-3 {
  grid-area: 1 / 3 / 2 / 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div4-4 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div4-4 {
  grid-area: 2 / 1 / 3 / 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div5-5 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div5-5 {
  grid-area: 2 / 2 / 3 / 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div6-6 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div6-6 {
  grid-area: 2 / 3 / 3 / 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
@media (max-width: 768px) {
  #exTab1 .exTab-second {
    align-items: start;
    justify-content: normal;
    flex-direction: column;
    gap: 4px;
  }
  #exTab1 .tab-pane-height .class-4d3d2d {
    flex-direction: column;
    gap: 8px;
  }

  #exTab1 .class-4d3d2d .list-span {
    display: flex;
    justify-content: space-between;
  }
  #exTab1 .exTab-second .btn-navBtn {
    font-size: 14px;
    padding: 6px 10px !important;
  }
  #exTab1 .exTab-second ul {
    display: flex;
  }
  .promo-header-1 {
    font-size: 14px;
    font-weight: 600;
    color: var(--bs-red);
  }
  #exTab1 .active .class-4d3d2d {
    flex-wrap: wrap;
  }
  #exTab1 .active .class-4d3d2d .span-4d3d2d {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 4px;
  }
  .class-4d3d2d {
    flex-wrap: wrap;
  }
  .class-4d3d2d .span-4d3d2d {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 4px;
  }
  .BB_table table {
    width: 100% !important;
    white-space: normal !important;
  }
  .BB_table-container .BB_table {
    overflow-x: hidden;
  }
}
@media (max-width: 375px) {
}

.first-permutation {
  border-bottom: 1px solid #bcd4f1;
}
.BB_table table {
  border-collapse: collapse;
  border-width: 1px;
}
.BB_table table td,
.BB_table table th {
  vertical-align: baseline;
  text-align: start !important;
}
.highlight {
  background-color: #f0f8ff;
  border: 1px solid #007bff;
}
/* bettting new 4d3d2d */

/* live modal grabpools */
#liveMarketModal .modal-content {
  padding: 5px;
}

#liveMarketModal .modal-body {
  padding: 15px 15px 5px 15px;
}

#liveMarketModal .prize_modal .modal_header {
  padding: 20px 10px 10px 10px;
}

#liveMarketModal .prize_modal .purple_header {
  background-color: #8f4ff6;
}

#liveMarketModal .prize_modal .purple_body {
  background-color: #5c24ac;
}

#liveMarketModal .prize_modal .purple_header h2 {
  color: #fff;
  margin-bottom: 0;
}

#liveMarketModal .prize_modal .purple_header p {
  color: #fff;
}

#liveMarketModal .prize_modal .modal_body {
  padding: 0px;
}

#liveMarketModal .prize_modal .modal_body .pemanang_header_main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px 5px 20px;
  border-bottom: 1px solid #fff;
}

#liveMarketModal .prize_modal .modal_body .pemanang_header_mainin {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#liveMarketModal .prize_modal .modal_body .pemanang_header_mainin .pemanang_col {
  flex: 1;
  padding: 10px;
}

#liveMarketModal .prize_modal .modal_body .pemanang_header_mainin .pemanang_col:not(:last-child) {
  border-right: 1px solid #fff;
}

#liveMarketModal .prize_modal .modal_body .pemanang_header_mainin .pemanang_col .pemanang_col_num {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  text-align: center;
}

#liveMarketModal .prize_modal .modal_body .pemanang_header_mainin .pemanang_col .pemanang_col_num p {
  margin: 9px;
}

#liveMarketModal .prize_modal .modal_body h2 {
  font-size: 16px;
  font-weight: 600;
  text-align: center;
}

#liveMarketModal .prize_modal .modal_body p {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

#liveMarketModal .prize_modal .purple_body p {
  color: #fff;
}

#liveMarketModal .prize_modal .purple_body h2 {
  color: #fa9b1d;
}
/* live modal grabpools */

/* live modal nusantra*/
#liveMarketModal .prize_modal .brown_header {
  background-color: #3f1900;
}

#liveMarketModal .prize_modal .brown_header .header_content {
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

#liveMarketModal .prize_modal .brown_header .header_content .header_image {
  width: 100px;
  aspect-ratio: 1/1;
}

#liveMarketModal .prize_modal .brown_body {
  background-color: #c49756;
}

#liveMarketModal .prize_modal .brown_header h2 {
  color: #ffdf70;
}

#liveMarketModal .prize_modal .brown_header p {
  color: #fff;
}

#liveMarketModal .prize_modal .brown_body h2 {
  color: #ffdf81;
}

#liveMarketModal .prize_modal .brown_body p {
  color: #3f1900;
}

#liveMarketModal .prize_modal .brown_body .brown_pemanang p {
  color: #3f1900;
}

#liveMarketModal .prize_modal .brown_body .brown_pemanang {
  border-bottom: 1px solid #000 !important;
}

#liveMarketModal .prize_modal .brown_body .pemanang_col:not(:last-child) {
  border-right: 1px solid #000 !important;
}
/* live modal nusantra*/

/* live modal china*/
#liveMarketModal .custom-width-modalchina {
  max-width: 500px !important;
}
#liveMarketModal .prize_modal .black_body .black_pemanang {
  padding: 10px 20px 5px 20px;
  border-bottom: 1px solid #404040;
}

#liveMarketModal .prize_modal .black_body .black_pemanang .pemanang_header {
  display: flex;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #404040;
}

#liveMarketModal .prize_modal .black_body .black_pemanang .pemanang_header:last-child {
  border-bottom: 1px solid #000;
}

#liveMarketModal .prize_modal .black_body .black_pemanang .pemanang_header h2 {
  color: #fab63a;
  font-size: 20px;
  font-weight: 700;
}

#liveMarketModal .prize_modal .black_body .black_pemanang .pemanang_header p {
  color: #ffff;
  font-size: 25px;
  font-weight: 700;
}

#liveMarketModal .prize_modal .black_header {
  background-color: #000;
}

#liveMarketModal .prize_modal .black_header .header_content {
  display: flex;
  align-items: center;
  justify-content: center;
}

#liveMarketModal .prize_modal .black_header .header_content .header_image {
  width: 100px;
  aspect-ratio: 1/1;
}

#liveMarketModal .prize_modal .black_body {
  background-color: #000;
}

#liveMarketModal .prize_modal .black_header h2,
#liveMarketModal .prize_modal .black_header p {
  color: #fff;
}

#liveMarketModal .prize_modal .black_body .black_pemanang_mainin .pemanang_col h2 {
  color: #fab63a;
  font-size: 20px;
}

#liveMarketModal .prize_modal .black_body .black_pemanang_mainin .pemanang_col p {
  color: #ffff;
}

#liveMarketModal .prize_modal .black_body .black_pemanang_mainin .pemanang_col .pemanang_col_num {
  display: block;
}

#liveMarketModal .prize_modal .black_body .black_pemanang_mainin .pemanang_col:not(:last-child) {
  border-right: 1px solid #404040;
}

#liveMarketModal .prize_modal .black_body .black_button {
  background-color: #282828;
  color: #fff;
  text-align: center;
  width: 90%;
  margin: 10px auto;
  padding: 10px;
  font-weight: 600;
  font-size: 17px;
}
/* live modal china*/

/* live modal mongolia*/
#liveMarketModal .prize_modal .mongolia_header {
  background-color: #27388a;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

#liveMarketModal .prize_modal .mongolia_header .header_image {
  max-width: 100%;
  height: auto;
}

#liveMarketModal .prize_modal .mongolia_body {
  background-color: #cdd6ff;
}

#liveMarketModal .prize_modal .mongolia_body .pemanang_header h2 {
  color: #435db0;
}

#liveMarketModal .prize_modal .mongolia_body .pemanang_header_main .circle_btn,
#liveMarketModal .prize_modal .mongolia_body .pemanang_header_mainin .pemanang_col .circle_btn {
  display: flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
}

#liveMarketModal .prize_modal .mongolia_body .pemanang_header_main .circle_btn p,
#liveMarketModal .prize_modal .mongolia_body .pemanang_header_mainin .pemanang_col .circle_btn P {
  width: 25px;
  height: 25px;
  background-color: white;
  border: 1px solid #7480ba;
  color: black;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

#liveMarketModal .prize_modal .mongolia_body .pemanang_header_main,
#liveMarketModal .prize_modal .mongolia_body .mongolia_mainin {
  border-bottom: 1px solid #435db0;
}

#liveMarketModal .prize_modal .mongolia_body .mongolia_mainin h2 {
  color: #435db0;
  font-size: 16px;
  margin: 10px 10px 5px 10px;
}

#liveMarketModal .prize_modal .mongolia_body .pemanang_header_mainin .pemanang_col:not(:last-child) {
  border-right: unset;
}

#liveMarketModal .prize_modal .mongolia_body .pemanang_header_mainin {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

#liveMarketModal .prize_modal .mongolia_body .pemanang_header_mainin .pemanang_col {
  flex: unset;
}
/* live modal mongolia*/

/* live modal hongkong*/
#liveMarketModal .prize_modal .hongkong_header {
  padding-top: 10px;
}
#liveMarketModal .prize_modal .hongkong_header .honkong-img-header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
#liveMarketModal .prize_modal .hongkong_header .honkong-img-header .header_image {
  width: 70px;
}
#liveMarketModal .prize_modal .hongkong_header .honkong-img-header .header_image-1 {
  width: 200px;
}
#liveMarketModal .prize_modal .hongkong_header .honkong-img-header h5 {
  color: #9a0505;
  font-weight: 800;
}
#liveMarketModal .prize_modal .hongkong_header .honkong-img-header h6 {
  color: #cb6d31;
  margin-bottom: 0px;
  font-weight: 600;
}
#liveMarketModal .prize_modal .japan_date_text {
  color: #fff;
  font-weight: 700;
}

#liveMarketModal .prize_modal .japan_body table .japan_date td{
  text-align: center;
  background: #bb9c69;
  color: #4d4439;
  font-weight: 700;
  padding: 5px;
}

#liveMarketModal .prize_modal .japan_body table .japan_date td{
  text-align: center;
  background: #bb9c69;
  color: #4d4439;
  font-weight: 700;
  padding: 5px;
}
.btn-close {
  background-color: var(--bs-white);
  opacity: 1;
  border-radius: 25px;
}

#liveMarketModal .prize_modal .hongkong_body table td.hongkong_title {
  text-align: left;
  color: #ff2329;
  font-weight: 600;
  font-size: 14px;
  width: 35%;
}

#liveMarketModal .prize_modal .japan_body table td.upper_t {
  background-color: #ffff99;
}
#liveMarketModal .prize_modal .japan_body table td.hongkong_title {
  text-align: left;
  color: #ff2329;
  font-weight: 600;
  font-size: 14px;
  width: 35%;
}

#liveMarketModal .prize_modal .japan_body table td.japan_title {
  text-align: center;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  width: 35%;
}

#liveMarketModal .prize_modal .hongkong_body table td.upper_t {
  background-color: #ffff99;
}

#liveMarketModal .prize_modal .hongkong_body table td.below_t {
  background-color: #ccffcc;
}

#liveMarketModal .prize_modal .hongkong_body table td.hong_t {
  background-color: #eaffff;
}

#liveMarketModal .prize_modal .japan_body table td.upper_t {
  background-color: #726961;
}

#liveMarketModal .prize_modal .japan_body td{
  background-color: #726961;
    color: #fff;
    text-align: center;
    font-weight: 500;
}

#liveMarketModal .prize_modal .japan_body table td.below_t {
  background-color: #726961;
}

#liveMarketModal .prize_modal .japan_body table td.hong_t {
  background-color: #726961;
}

#liveMarketModal .prize_modal .hongkong_body table .pemanang_header_mainin {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

#liveMarketModal .prize_modal .hongkong_body table .circle_btn,
#liveMarketModal .prize_modal .hongkong_body table .circle_btn {
  display: flex;
  gap: 2px;
  justify-content: center;
  align-items: center;
}

#liveMarketModal .prize_modal .hongkong_body table .circle_btn p,
#liveMarketModal .prize_modal .hongkong_body table .circle_btn p {
  width: 25px;
  height: 25px;
  background-color: white;
  border: 1px solid #7480ba;
  color: black;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

#liveMarketModal .prize_modal .hongkong_body table,
#liveMarketModal .prize_modal .hongkong_body table th,
#liveMarketModal .prize_modal .hongkong_body table td {
  border: 2px solid #b7b7b7;
}

#liveMarketModal .prize_modal .hongkong_body table td.hong_t .pemanang_header_mainin .pemanang_col,
#liveMarketModal .prize_modal .hongkong_body table td.hong_b .pemanang_header_mainin .pemanang_col {
  padding: 5px;
}

#liveMarketModal .prize_modal .hongkong_body table .circle_btn p {
  background-color: #a01111 !important;
  border: none !important;
  color: #fff !important;
  font-weight: 400;
}
#liveMarketModal .modal-dialog {
  width: 100%;
  max-width: 700px;
 
}
/* live modal hongkong*/

/* Sydney modal popup*/

.sydney-parent {
  background: #fff;
  /* display: grid; */
  grid-template-columns: 0.5fr 1fr;
  row-gap: 15px;
}
.sydney-parent .prize-header {
  font-weight: 600;
  padding:16px 0px;
  background: #fb7a02;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    color: #fff;
    padding: 8px;
}
.sd-np {
  margin-top: 24px;
  margin-bottom: 0px;
}
.syd-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
  row-gap: 0;
}
.sydney-parent .prize-box {
  /* justify-content: space-evenly; */
  justify-content: center;
  border: 1px solid #fb7a02;
    margin: 0 auto;
    border-radius: 0 0px 8px 8px;
    
}
.sydney-parent .btn-close, .cambodia-parent .btn-close{
  position: absolute;
  top: -24px;
  right: -24px;
  background-color: #fff;
  opacity: 1;
  border-radius: 25px;
  width: 16px;
  height: 16px;
  font-size: 8px;
}
.sydney-parent .btn-close:hover {
  background-color: #eeeeee;
}
.sydney-parent .date-div {
  grid-area: 1 / 1 / 2 / 3;
  padding: 10px;
  color: #fff;
  font-weight: 600;
  border-radius: 6px;
  background-color: rgb(255, 255, 255);
  background: linear-gradient(0deg, rgb(228 162 162) 10%, rgba(225, 68, 79, 1) 60%);
}
.sydney-parent .circle-num {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 10px;
  font-size: 10px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sydney-parent .circle-gold {
  color: #000;
  /* background-color: rgb(253, 247, 239);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(239, 174, 50, 1) 37%); */
}

.sydney-parent .circle-blue {
  color: #000;
  /* background-color: rgba(78, 184, 217, 1);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(78, 184, 217, 1) 37%); */
}

.sydney-parent .circle-green {
  color: #000;
  /* background-color: rgba(179, 216, 77, 1);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(179, 216, 77, 1) 37%); */
}

.sydney-parent .circle-purple {
  color: #000;
  /* background-color: rgba(204, 74, 212, 1);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(204, 74, 212, 1) 37%); */
}

.sydney-parent .circle-red {
  color: #000;
  /* background-color: rgba(222, 114, 68, 1);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(222, 114, 68, 1) 37%); */
}
/* Sydney modal end */

/* Combodia modal */
.cambodia-parent {
  background: #fff;
  padding: 4px;
  border-radius: 8px;
  display: grid;
  row-gap: 30px;
}
.custom-table {
  overflow: hidden;  
  border-radius: 7px !important;
  margin: 0;        
}
.modalmyanmar .modal-body{
padding:0!important;
}
.custom-table th{
  color:#fff;
  padding: 0.5rem 0.5rem !important;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600 !important;
 
}
.custom-table th:nth-child(1) {
  background-color:#1f1f1f;
  border-left: 2px solid #1f1f1f !important;
}
.custom-table th:nth-child(2) {
  background: linear-gradient(180deg,rgba(255, 230, 3, 1) 0%, rgba(255, 187, 0, 1) 65%, rgba(255, 229, 0, 1) 100%);
}
.custom-table th:nth-child(3) {
  background: linear-gradient(180deg,rgba(0, 97, 19, 1) 0%, rgba(0, 171, 31, 1) 50%, rgba(0, 102, 41, 1) 100%);
}
.custom-table th:nth-child(4) {
  background: #e9001f;
  border-right: 2px solid #1f1f1f !important;
}
.custom-table th {
  border: 2px solid #1f1f1f;
  border-top: 1px solid #1f1f1f;
  border-bottom: 1px solid #1f1f1f;  
}
.custom-table td {
  border: 2px solid #1f1f1f;  
  border-top: 0;
  padding: 8px !important;
}
.cambodia-parent .border-top-r {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}
.cambodia-parent .border-top-r .prize_header_border {
  border-bottom: 1px solid #eeeeee;
}

.cambodia-parent .border-top-r .prize-header {
  background: #fb7a02;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom: 1px solid #fff;
  color: #fff;
  padding: 8px;
}

.cambodia-parent .date-div {
  grid-area: 1 / 1 / 2 / 7;
  color: #000;
}
.cambodia-parent .prize-div1 {
  grid-area: 2 / 1 / 3 / 3;
}
.cambodia-parent .prize-div2 {
  grid-area: 2 / 3 / 3 / 5;
}
.cambodia-parent .prize-div3 {
  grid-area: 2 / 5 / 3 / 7;
}
.cambodia-parent .prize-div4 {
  grid-area: 3 / 1 / 4 / 4;
  margin: 0px 1px;
}
.cambodia-parent .prize-div5 {
  grid-area: 3 / 4 / 4 / 7;
  margin: 0px 1px;
}

.cambodia-parent .circle-num {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  line-height: 10px;
  font-size: 10px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cambodia-parent .circle-gold {
  color: #000;
  background-color: rgb(253, 247, 239);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(239, 174, 50, 1) 37%);
}

.digit-img {
  width: 30px; /* adjust as needed */
  height: auto;
}
/* Combodia modal end */

/* Taiwan modal */
.taiwan-parent .parent-container {
  border-radius: 8px;
}
.taiwan-parent .box {
  margin: 0 6px;
  padding: 2px;
  background: rgb(5, 102, 118);
  background: linear-gradient(
    180deg,
    rgba(5, 102, 118, 1) 33%,
    rgba(94, 170, 168, 1) 33%,
    rgba(94, 170, 168, 1) 50%,
    rgba(232, 222, 210, 1) 50%
  );
}
.taiwan-parent .periode-box {
  background-color: rgb(15 107 122);
  color: #fff;
  margin: 0 6px;
  padding: 2px 12px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.taiwan-parent .heading-box {
  position: relative;
  color: #fff;
  font-weight: 600;
  padding: 10px;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    0deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(234, 87, 11, 1) 20%,
    rgba(234, 87, 11, 1) 75%,
    rgba(255, 255, 255, 1) 100%
  );
  text-align: center;
  border-radius: 6px;
}

.taiwan-parent .heading-box h4 {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
}

/* Ribbon effect */
.taiwan-parent .heading-box::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgba(234, 87, 11, 1);
  z-index: 0;
  transform: translateY(-50%);
}

.taiwan-parent .heading-box::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid rgba(234, 87, 11, 1);
  z-index: 0;
  transform: translateY(-50%);
}

.taiwan-parent .partition {
  display: flex;
  border: 1px solid #fff;
}

.taiwan-parent .partition > div {
  padding: 5px;
}

.taiwan-parent .partition-1 {
  width: 30%;
  text-align: center;
  color: #056677;
  font-weight: 600;
  background-color: #ffedf88c;
}

.taiwan-parent .partition-2 {
  width: 70%;
  background-color: #c19b9b47;
}

.taiwan-parent .circle-num {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  line-height: 10px;
  font-size: 10px;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
}

.taiwan-parent .circle-gold {
  color: #000;
  background-color: rgba(255, 203, 0, 1);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(255, 203, 0, 1) 37%);
}

.taiwan-parent .circle-orange {
  color: #000;
  background-color: rgb(255 116 0);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgb(255 116 0) 37%);
}

.taiwan-parent .circle-purple {
  color: #000;
  background-color: rgba(204, 74, 212, 1);
  background: radial-gradient(circle at 8px 7px, rgba(253, 247, 239, 1) 22%, rgba(204, 74, 212, 1) 37%);
}
/* Taiwan modal end */

/* Singapore modal start */

#liveMarketModal .custom-width-modalsingapore,
#liveMarketModal .custom-width-modalsydney {
  max-width: 450px;
  width: 100%;
}

#liveMarketModal .custom-width-modalsydney{
  max-width: 750px;
  width: 100%;
}
@media (max-width: 992px) {
  #liveMarketModal .custom-width-modalsydney {
      max-width: 330px;
      width: 100%;
      margin: 16px auto;
  }
  #liveMarketModal .modal-dialog {
    width: 100%;
    max-width: 330px;
    margin: 24px auto;
}
}

#liveMarketModal .prize_modal .singapore_body .singapore_1 {
  border: 2px solid #004576;
  border-radius: 6px;
}
#liveMarketModal .prize_modal .singapore_body .singapore_header {
  background-color: #004576;
  padding: 10px;
}
#liveMarketModal .prize_modal .singapore_body .singapore_header img {
}
#liveMarketModal .prize_modal .singapore_body .singapore_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  padding: 10px;
}
#liveMarketModal .prize_modal .singapore_body .grid_item {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#liveMarketModal .prize_modal .singapore_body .grid_item.sing_col {
  background: #dadada;
  padding: 10px;
  border-radius: 6px;
}
#liveMarketModal .prize_modal .singapore_body .grid_item .inner_item {
  flex: 1;
}
#liveMarketModal .prize_modal .singapore_body .current_d {
  font-size: 15px;
  font-weight: 600;
  color: #004272;
}
#liveMarketModal .prize_modal .singapore_body .grid_bor {
  border-bottom: 1px solid #e2e2e2;
}
#liveMarketModal .prize_modal .singapore_body .title {
  font-size: 15px;
  color: #000;
}
#liveMarketModal .prize_modal .singapore_body .num {
  font-size: 18px;
  color: #0e3e6a;
  font-weight: 700;
}
#liveMarketModal .prize_modal .singapore_body .curr_date {
  font-size: 14px;
  color: #7c96b8;
}
#liveMarketModal .prize_modal .singapore_body .lat_tres {
  font-size: 16px;
  font-weight: 500;
  color: #004272;
}
#liveMarketModal .prize_modal .singapore_body .more_res {
  font-size: 15px;
  color: #7c96b8;
}
#liveMarketModal .prize_modal .singapore_body .lat_tres span {
  font-size: 14px;
  display: block;
  color: #7c96b8;
}
/* singapore modal end */

/* japan modal start */
.japan_body .container {
  max-width: 800px;
  margin: 0 auto;
  background-color: #3f3a37;
  border-radius: 8px;
  overflow: hidden;
}

.japan_body .header {
  background-color: #bb9c69;
  padding: 0px 0px 40px 0px;
}
.japan_body .header_in {
  background-color: #594a3a;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.japan_body .header_in_img {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #bb9c69;
  width: 120px;
  height: 100px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 35px;
}
.japan_body .header_in_img img {
  width: 90px;
}

.japan_body .header .details {
  flex: 1;
  text-align: left;
  margin-left: 20px;
}

.japan_body .header .details p {
  margin: 5px 0;
  font-size: 13px;
}
.japan_body .header .details .details_b {
  font-weight: 600;
}

.japan_body .header .amount {
  flex: 1;
  text-align: left;
  margin-left: 20px;
  font-size: 24px;
  font-weight: bold;
}
.japan_body .header .amount p {
  font-size: 12px;
  display: block;
  margin: 0px;
}
.japan_body .header .amount span {
  font-size: 28px;
  border-bottom: 2px solid #fff;
}

.japan_body .prize-section {
  padding: 10px;
  text-align: center;
  background-color: #726961;
  border-bottom: 2px solid #fff;
}

.japan_body .prize-amount {
  font-size: 36px;
  font-weight: bold;
  color: #e0cca7;
}

.japan_body .prize-label {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 10px;
}
.japan_body .prize-label1 {
  font-size: 14px;
  font-weight: 600;
  color: #bb9c69;
  margin-bottom: 10px;
}

.japan_body .circle-row {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.japan_body .circle {
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #726961;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  border: 2px solid #bb9c69;
}

.japan_body .japan_body_row1 {
  background: #bb9c69;
}
.japan_body .japan_body_rowin1 {
  display: flex;
  gap: 10px;
  padding: 10px;
  color: #514336;
}
.japan_body .japan_body_row2 {
  background: #726961;
}
.japan_body .japan_body_rowin2 {
  display: flex;
  gap: 10px;
  padding: 15px 30px;
  justify-content: space-between;
}

.japan_body .col {
  text-align: center;
}

.japan_body .col .prize-amount-small {
  font-size: 24px;
  font-weight: bold;
}

.japan_body .grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  margin-top: 10px;
}

.japan_body .circle-small {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #a6764a;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
table.sydney {
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 10px 10px 0 0;
  border: 1px solid #e66067 !important;
  overflow: hidden;
  width: 100%;
}
.sydney th {
  background: rgb(230, 96, 103);
  background: -moz-linear-gradient(180deg, rgba(230,96,103,1) 62%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(230, 96, 103, 1) 62%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(180deg, rgba(230, 96, 103, 1) 62%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e66067",endColorstr="#ffffff",GradientType=1);
  text-align: left;
  padding: 2px 25px;
  color: white;
}
.sydney td {
  color: black;
  font-weight: 600;
  border: 0 !important;
  background: white;
  padding: 10px 5px;
}
.sydney tr td img {
  width: 40px !important;
  display: inline;
}
.sydney tbody tr:last-child .borderline {
  border: none !important;
}
.modal-dialog.custom-width-modalsydney .modal-content {
  background-color: var(--bs-white);
}
.modal-dialog.custom-width-modalsydney .modal-content .modal-body{
  padding: 0!important;
}
.sydney .borderline {
  border: 1px solid #EBD662;
  width: 100%;
}
@media (max-width: 768px) {
  #liveMarketModal .custom-width-modaljapan {
    max-width: 350px;
  }
  .sydney tr td img{
    width: 25px !important;
  }
  #liveMarketModal .custom-width-modaljapan .modal-body {
    padding: 0px;
  }
  .japan_body .header_in_img {
    width: 80px;
    height: 80px;
  }
  .japan_body .header .details {
    margin-left: 15px;
  }
  .japan_body .header .details p {
    font-size: 11px;
  }
  .japan_body .header {
    padding: 0px 0px 30px 0px;
  }
  .japan_body .prize-amount {
    font-size: 25px;
  }
  .japan_body .col {
    display: flex;
    justify-content: space-around;
  }
  .japan_body .col .prize-amount-small {
    font-size: 16px;
  }
  .japan_body .japan_body_rowin2 .rowin2_mob {
    display: none;
  }
  .japan_body .japan_body_rowin2 {
    display: block;
  }
}

/* japan modal end */

/* mobile css for popups  */
@media (max-width: 768px) {
  /* cambodia */
  .cambodia-parent {
    display: block;
    text-align: end;
  }

  /* sydney */
  .sydney-parent {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 6px;
  }
  .sydney-parent .prize-header {
    border-bottom: none;
    padding-bottom: 0px;
  }
  .sydney-parent .prize-box {
    border-bottom: 2px solid orange;
    padding-bottom: 10px !important;
    width: 100%;
    justify-content: center;
  }
  .sydney-parent .date-div {
    font-size: 12px;
    width: 100%;
  }

  /* taiwan */
  .taiwan-parent .partition {
    flex-direction: column;
  }
  .taiwan-parent .partition-1,
  .taiwan-parent .partition-2 {
    width: 100%;
  }
  #liveMarketModal .custom-width-modalchina,
  #liveMarketModal .custom-width-modalmongolia {
    max-width: 350px !important;
  }
  #liveMarketModal .prize_modal .black_header .header_content .header_image {
    width: 70px;
  }
  #liveMarketModal .prize_modal .black_header .header_content {
    justify-content: unset;
    gap: 20px;
  }
  #liveMarketModal .prize_modal .black_header h2 {
    font-size: 14px;
    font-weight: 600;
  }
  #liveMarketModal .prize_modal .black_header p {
    font-size: 14px;
  }
  #liveMarketModal .prize_modal .black_body .black_pemanang .pemanang_header,
  #liveMarketModal .prize_modal .modal_body .pemanang_header_mainin {
    display: block;
  }
  #liveMarketModal .prize_modal .black_body .black_pemanang_mainin .pemanang_col:not(:last-child) {
    border-bottom: 1px solid #404040;
  }
  #liveMarketModal .prize_modal .mongolia_body .pemanang_header_main {
    flex-direction: column;
    gap: 15px;
  }
  /* nusantara  and grabpools*/

  #liveMarketModal .prize_modal .brown_body .brown_pemanang,
  #liveMarketModal .prize_modal .brown_body .pemanang_header_mainin,
  #liveMarketModal .prize_modal .purple_body .pemanang_header_main,
  #liveMarketModal .prize_modal .purple_body .pemanang_header_mainin {
    border-bottom: none !important;
    display: flex;
    flex-direction: column !important;
    padding: 10px 10px 0;
  }
  #liveMarketModal .prize_modal .brown_body .brown_pemanang .pemanang_header,
  #liveMarketModal .prize_modal .brown_body .pemanang_header_mainin .pemanang_col {
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 10px;
  }
  #liveMarketModal .prize_modal .purple_body .pemanang_header_main .pemanang_header,
  #liveMarketModal .prize_modal .purple_body .pemanang_header_mainin .pemanang_col {
    width: 100%;
    border-bottom: 1px solid #fff;
    padding: 10px;
  }
  #liveMarketModal .prize_modal .brown_body .pemanang_header_mainin .pemanang_col,
  #liveMarketModal .prize_modal .purple_body .pemanang_header_mainin .pemanang_col {
    border-right: none !important;
  }
  #liveMarketModal .prize_modal .brown_body .pemanang_header_mainin .pemanang_col .pemanang_col_num,
  #liveMarketModal .prize_modal .purple_body .pemanang_header_mainin .pemanang_col .pemanang_col_num {
    grid-template-columns: 1fr;
  }
  #liveMarketModal .prize_modal .brown_body .pemanang_header_mainin .pemanang_col .pemanang_col_num p,
  #liveMarketModal .prize_modal .brown_body .brown_pemanang p,
  #liveMarketModal .prize_modal .purple_body .pemanang_header_mainin .pemanang_col .pemanang_col_num p,
  #liveMarketModal .prize_modal .purple_body .pemanang_header_main .pemanang_header p {
    margin: 0px;
    font-size: 24px;
    letter-spacing: 30px;
  }

  /* hongkong */

  #liveMarketModal .prize_modal .hongkong_header .honkong-img-header .header_image-1 {
    display: none;
  }
  #liveMarketModal .prize_modal .hongkong_body table tr {
    display: flex !important;
    flex-direction: column;
    border-width: 0px;
  }
  #liveMarketModal .prize_modal .hongkong_body table tr td,
  #liveMarketModal .prize_modal .hongkong_body table td.hongkong_title {
    width: 100%;
    text-align: center;
  }
  #liveMarketModal .prize_modal .hongkong_body table .hongkong_date td {
    font-size: 14px;
  }
  #liveMarketModal .prize_modal .hongkong_body table .pemanang_header_mainin {
    flex-direction: column;
    gap: 0;
  }
}
@media only screen and (max-height: 575.98px) and (orientation: landscape) {
  .lottery-result-card {
    padding: 10px;
    margin: 0px;
    padding: 4px !important;
  }

  .lottery-result-card-market .lottery-result-market-name {
    font-size: 11px;
  }
  .period-text {
    font-size: 12px !important;
  }
  .lottery-result-card-text span {
    font-size: 10px;
  }
  .lottery-result-card-text span {
    font-size: 10px;
  }
  .result p {
    font-size: 16px;
  }
  .result-market-btns {
    gap: 6px;
    margin-top: 4px;
    justify-content: space-around;
  }
  .btn-light-custom {
    box-shadow: 0px 3px 8px 0px #00000029;
    font-size: 16px;
    padding: 6px 10px;
    display: flex;
    align-items: center;
    width: 45%;
    justify-content: center;
  }
  .btn-light-custom {
    font-size: 12px !important;
  }
}

.deposit-table-qr th {
  font-size: 13px;
}
.deposit-table-qr th:first-child {
  text-align: start;
  font-weight: 500;
}
.deposit-table-qr th:last-child {
  text-align: end;
}
.deposit-table-qr .classic {
  color: var(--bs-red);
  font-size: 12px;
  font-weight: 600;
}
.btn-download {
  font-size: 12px;
  font-weight: 600;
  background-color: var(--bs-red) !important;
  color: #fff;
}
.btn-download:hover {
  background-color: #bcd4f1 !important;
  color: #000;
  font-weight: 600;
  border: none;
}
.deposit-table-qr tr,
.deposit-table-qr tr th {
  border: none;
}

/* kedar css of new betting */
.betting-table-ui th {
  font-weight: 500 !important;
  font-size: 14px !important;
  color: var(--bs-white) !important;
}
.betting-table-ui input[disabled] {
  background-color: #fff;
}
.betting-table-ui input[disabled] {
  background-color: #fff;
}
.betting-table-ui input[readonly] {
  background-color: #fff;
  width: -webkit-fill-available;
}
.w-on-text input {
  border: none !important;
  color: #000;
  font-size: 14px;
  font-weight: 400;
}
.betting-table-ui tr .w-on-text {
  max-width: 150px !important;
}
.four-digit-input .border-none {
  border: none;
}
.four-digit-input .border-tb {
  border-top: 2px solid #bcd4f1 !important;
  border-bottom: 2px solid #bcd4f1 !important;
  border-radius: 0 !important;
  border-left: none !important;
  border-right: none !important;
}
.four-digit-input .border-l {
  border-left: 2px solid #bcd4f1 !important;
  border-right: none !important;
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
.four-digit-input .border-r {
  border-right: 2px solid #bcd4f1 !important;
  border-left: none !important;
  border-bottom-right-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.four-digit-input input {
  width: 80%;
}
.betting-table-ui input[disabled]:hover,
.betting-table-ui .input[type="text"]:hover {
  border-color: #bcd4f1 !important;
}
.betting-table-ui .input-group input {
  width: 30% !important;
}
.betting-table-ui .input-group-color1 input,
.betting-table-ui .four-digit-input-ip,
.betting-table-ui .four-digit-input-ip:focus {
  color: var(--bs-white);
}
.betting-table-ui .input-group-color1 input:not(:placeholder-shown),
.betting-table-ui .four-digit-input-ip:not(:placeholder-shown) {
  font-weight: 500;
}
.betting-table-ui .input-group-color2 input {
  background-color: #e9edf5;
}
.betting-table-ui .input-group-color2 .highlight {
  color: var(--bs-white);
  background-color: #fff;
  border: 1px solid #4f4f4f!important;
}
.betting-table-ui input,
.betting-table-ui .input-group-color2 .input4D,
.betting-table-ui .input-group-color2 .input3D,
.betting-table-ui .input-group-color2 .input2D {
  border: none;
}
.betting-table-ui .four-digit-input .four-digit-input-ip,
.betting-table-ui .input-group-color1 input {
  border: 1px solid #4f4f4f;
}
.betting-table-ui .class-readonly {
  background-color: #e9edf5 !important;
  border: none !important;
}
.betting-table-ui .class-discount {
  background-color: transparent !important;
}
.wap-version {
  background-color: #bcd4f1;
  color: #012d65;
  font-size: 14px;
  border-radius: 37px;
  padding: 4px 10px;
  word-wrap: break-word;
}
.wap-version.active {
  background-color: var(--bs-red);
  color: #fff;
}
.td-input {
  width: 20%;
}
.td-input input {
  width: 38px !important;
  font-size: 22px;
  padding: 0;
}
.radio-grid {
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-auto-rows: auto;
}
.radio-grid span {
  text-align: start;
}
.radio-grid span:nth-child(1) {
  text-align: center;
}
.radio-grid span:nth-child(6) {
  grid-column: 1 / 2;
  grid-row: 2;
  text-align: center;
}
.radio-grid span:nth-child(7) {
  grid-column: 2 / 6;
  grid-row: 2;
}
.header-name-bg {
  background: var(--bs-black1);
  border-radius: 6px;
}
.bg-header-name {
  font-size: 14px;
  font-weight: 500;
  padding: 6px 12px 2px;
}
.f-14-400 {
  font-size: 14px;
  font-weight: 400;
}
.data-bg-name {
  background: var(--bs-black);
  border-radius: 4px;
  margin: 4px;
  padding: 4px 12px;
}
.limitBet {
  border-radius: 6px;
}
@media (max-width: 375px) {
  .table-dasarPeriode .flex-xs-column {
    flex-direction: column !important;
  }
  .table-dasarPeriode thead tr th {
    vertical-align: top;
  }
}
@media (max-width: 768px) {
  .bet-4d3d2d {
    display: block !important;
  }
  .bet-4d3d2d div {
    margin: 4px 0;
  }
  .class-ip-guess {
    display: flex;
    margin: 20px 10px 0px 10px;
    justify-content: space-between;
  }
  .center-div {
    display: block !important;
    margin: 20px 10px;
  }
  .wap-version {
    font-size: 12px;
  }
  .betting-table-ui {
    overflow: hidden;
  }
  .betting-table-ui .d-none-mob {
    display: none;
  }
  .betting-table-ui input[type="text"] {
    font-size: 12px;
    height: 32px;
    margin: 2px;
  }
  .input-group-color2 .input-sm {
    border: none !important  ;
  }
  .radio-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
  }
  .radio-grid span {
    text-align: start;
    padding: 0 4px;
  }
  .radio-grid span:nth-child(1) {
    grid-area: 1 / 1 / 3 / 2;
    text-align: end;
  }
  .radio-grid span:nth-child(6) {
    grid-area: 3 / 1 / 4 / 2;
    text-align: end;
  }
  .radio-grid span:nth-child(7) {
    grid-area: 3 / 2 / 4 / 4;
  }
}
.w-on-text input[type="checkbox"] {
  appearance: none;
  width: 18px;
  height: 18px;
  border: 2px solid #bcd4f1;
  cursor: pointer;
}
.w-on-text input[type="checkbox"]:checked {
  background-color: var(--bs-red);
  border-color: #bcd4f1;
}
.w-on-text input[type="checkbox"]:checked::after {
  content: "✔";
  display: block;
  text-align: center;
  font-size: 14px;
  color: #ffffff;
  line-height: 14px;
}
#exTab1 .tab-content {
  color: black;
}
#exTab1 .tab-pane span{
  background-color:transparent;
  color:var(--bs-white);
}
#exTab1 .nav-pills > li > a {
  border-radius: 0;
  background-color:transparent;
  color: var(--bs-white);
  font-weight: 400;
  font-size: 24px;
  padding: 6px 10px;
}
#exTab1 .exTab-second {
  align-items: center;
  justify-content: space-between;
}
#exTab1 .exTab-second .nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: var(--bs-white);
  background-color: transparent;
  font-weight: 600;
}
#exTab1 .exTab-second .btn-navBtn {
  padding: 6px 20px;
  margin: 2px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bet-4d3d2d {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  justify-items: center;
  grid-column-gap: 4px;
  grid-row-gap: 10px;
  margin: 20px 10px;
}
.tab-pane-height {
  height: 741px;
  background-color: #fff;
}
.bet-4d3d2d .inputBbfs {
  width: 140px !important;
  background-color: #e9edf5;
  border-radius: 4px;
  border: none;
}
.class-ip-guess input {
  border: 2px solid #bcd4f1;
  width: 132px;
  margin: 0 6px;
}
.bet-4d3d2d .div1-1 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div1-1 {
  grid-area: 1 / 1 / 2 / 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div2-2 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div2-2 {
  grid-area: 1 / 2 / 2 / 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div3-3 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div3-3 {
  grid-area: 1 / 3 / 2 / 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div4-4 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div4-4 {
  grid-area: 2 / 1 / 3 / 2;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div5-5 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div5-5 {
  grid-area: 2 / 2 / 3 / 3;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
.bet-4d3d2d .div6-6 label {
  font-size: 14px;
  font-weight: 500;
}
.bet-4d3d2d .div6-6 {
  grid-area: 2 / 3 / 3 / 4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
}
/* kedar css of new betting */
/* 21-3-2025 */

#new_bet_data h4 {
  margin-top: 20px;
  font-weight: bold;
  color: var(--bs-red);
}

#new_bet_data table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

#new_bet_data th, #new_bet_data td {
  border: 1px solid #ccc;
  padding: 8px;
  text-align: center;
}

/* Ensure the container for the buttons is positioned correctly */
.table_submit_reset_space {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin: 20px 0;
}

/* -------- */
#yesno-ok-btn {
  background-color: var(--bs-red);
  border-radius: 4px;
  color: #fff;
  padding: 6px 40px;
  border: none;
  font-weight: bold;
  box-shadow: none;
  cursor: pointer;
}

#yesno-cancel-btn {
  background-color: #fff;
  border-radius: 4px;
  color: #EB401B;
  padding: 6px 40px;
  box-shadow: 0px 3px 8px 0px #00000029;
  border: none;
  font-weight: bold;
  cursor: pointer;
}

#yes-no-buttons {
  display: flex;
  justify-content: center; /* centers buttons horizontally */
  gap: 10px; /* space between buttons */
  margin-top: 20px; /* optional spacing from the table above */
}

h3.password-title {
    font-size: 24px;
}

@media (max-width: 991px) {
  .navbar .item {
    width: 100%;
    background: transparent;
    margin: 0;
    height: 26px;
    padding: 0px;
    border: 0;
  }
  .banner-hompage-slider-parent{
    padding:0;
  }
  .sideMenu .card{
    max-width:100%;
    margin-bottom: 0!Important;
  }
  
  .deposit-page .terms-condition-pop ul li, .profile_container .terms-condition-pop ul li{
    justify-content: space-evenly;
  }
  button.navbar-toggler {
    z-index: 9999;
}
.sideMenu .nav-item ul{
  background-color: var(--bs-black);
  margin-top: 10px;
  border-radius: 10px;
  width: 100%;
  }
}