/* Common */

input[type='search']::-webkit-search-cancel-button {
  -webkit-appearance: none;
  height: 1.1rem;
  width: 1.1rem;
  margin-left: 0.4em;
  background-image: url('../images/common/close.svg');
  cursor: pointer;
}

/* Chrome, Safari, Edge, Opera */

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

/* Firefox */

input[type='number'] {
  appearance: textfield;
  -moz-appearance: textfield;
}

::selection {
  background: var(--select-color, #e5b256);
  color: var(--font-wht, #fff);
}

.text-copy {
  cursor: copy !important;
}

.table-content-hyperlink {
  cursor: pointer !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  color: #3c7067;
}

.table-content-hyperlink-color {
  color: #3c7067 !important;
}

.table-row-highlight,
.card-ordering-sub-report tr:has(.marked) {
  background-color: lightyellow !important;
}

.table-row-highlight-special,
.card-ordering-sub-report tr:has(.marked) {
  font-weight: bold;
}

.search-box-criteria label {
  margin-bottom: 0 !important;
}

.modal {
  z-index: 3000 !important;
}

.cui-menu-left-icon-ignore-toggled .badge.badge-primary {
  background: #bf9a5d !important;
}

/* Captcha */

#userCaptchaInput {
  text-transform: none !important;
}

.font-size-18 {
  font-size: 1.2rem !important;
}

/* form */

/*@media screen and (min-width: 993px) {
.row {
  margin-bottom: 0.8rem !important;
}
}

.form-group {
  margin-bottom: 0rem !important;
}

@media screen and (max-width: 992px) {
  .form-group {
    margin-bottom: 0.8rem !important;
  }
}
*/

.form-group {
  margin-bottom: 0.5rem !important;
}

.col-form-label {
  line-height: 1 !important;
}

.custom-columns-button {
  float: none !important;
  font-size: 11px !important;
}

.custom-columns-button-livebet {
  font-size: 12px !important;
  margin: 10px !important;
}

.card-header {
  background-color: #fff;
}

.card-header label {
  line-height: 1.7rem !important;
}

.dropdown-menu.show {
  min-width: 100% !important;
}

.cui-footer .dropdown-menu.show {
  min-width: initial !important;
}

.dropdown-menu.custom-select-dropdown-list {
  margin-top: 0;
  z-index: 25;
  background-color: #fff;
  box-shadow: none;
  color: #495057;
}

.dropdown-menu.custom-select-dropdown-list .dropdown-item {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

/* All Table */

.table th,
.table td {
  padding: 0.2rem 0.45rem 0.1rem 0.45rem !important;
}

.header-sort {
  cursor: pointer;
}

.header-sort-nouse {
  color: #fff;
}

/* .table-row-image {
  max-height: 21px;
} */

.addButton:active,
.addButton:focus {
  border: 0;
}

.react-datepicker__time-container--with-today-button {
  right: -85px !important;
}

.react-datepicker__navigation--next--with-time {
  right: 10px !important;
}

.react-datepicker-popper {
  min-width: 285px;
}

.react-datepicker-wrapper {
  width: 100%;
}

.bootstrap-select {
  min-width: 80px;
}

/* opposite betting report */
th.obr-main {
  background-color: #3c7067 !important;
  border-color: #3c7067 !important;
  border-top: 1px solid #3c7067 !important;
  border-bottom: 1px solid #3c7067 !important;
  color: white !important ;
}

th.obr-sub {
  background-color: #478479 !important;
  border-color: #478479 !important;
  border-top: 1px solid #478479 !important;
  border-bottom: 1px solid #478479 !important;
  color: white !important ;
}

/* react-bootstrap-table */

.content-result {
  padding: 0.5rem 1.25rem 1.25rem 1.25rem;
}

.btn-column-selector {
  margin: 10px;
}

.react-dropdown-select {
  min-height: 31px !important;
  height: 31px !important;
}

.react-dropdown-select-form-control {
  border: 1px solid #dcc8a6 !important;
  border-radius: 0.25rem !important;
  padding: 0px 10px !important;
}

.react-dropdown-select-form-control .react-dropdown-select-dropdown {
  border-radius: 0.25rem !important;
  width: 100%;
}

.react-dropdown-select-form-control svg {
  vertical-align: unset;
}

.react-dropdown-select-form-control .react-dropdown-select-content input {
  font-size: 12px;
}

.react-dropdown-select-form-control .react-dropdown-select-content input:placeholder-shown {
  /* width: auto !important; */
  border: none !important;
}

/* react-bootstrap-table dropdown-menu */

.react-bootstrap-table-container .dropdown-menu {
  min-width: 100% !important;
  text-align: center !important;
}

.react-bootstrap-table-container .dropdown-menu a {
  display: inline-block;
  width: 100%;
}

.react-bootstrap-table-container .dropdown-menu .dropdown-item {
  padding: 0 !important;
}

.react-bootstrap-table-container .dropdown-menu.show {
  max-height: 250px !important;
}

.react-bootstrap-table-container .inner.show {
  max-height: 250px !important;
}

.react-bootstrap-table-container .react-bootstrap-table tbody a {
  text-decoration: underline !important;
  font-weight: 600 !important;
  /* color: var(--icon-color, #9d6d47) !important; */
}

.react-bootstrap-table-container
  .react-bootstrap-table
  tbody
  a:has([class^='icmn'], [class*=' icmn']),
.react-bootstrap-table-container .react-bootstrap-table tbody [class^='icmn'],
.react-bootstrap-table-container .react-bootstrap-table tbody [class*=' icmn'] {
  color: var(--icon-color, #9d6d47) !important;
}

.react-bootstrap-table-container .react-bootstrap-table tbody .badge [class^='icmn'] {
  color: #fff !important;
}

.react-bootstrap-table-container .react-bootstrap-table tbody a .dropdown-icon,
.react-bootstrap-table-container .react-bootstrap-table tbody a .fa,
.react-bootstrap-table-container .react-bootstrap-table tbody .fa {
  color: var(--icon-color, #9d6d47);
}

.react-bootstrap-table-container .react-bootstrap-table .text-decoration-none {
  text-decoration: none !important;
}

.react-bootstrap-table-container .react-bootstrap-table-pagination {
  margin: 10px 0px 0px 0px;
}

.react-bootstrap-table-container .react-bootstrap-table-page-btns-ul {
  float: right;
}

.react-bootstrap-table-container table {
  margin: 0px;
  border: none;
}

.react-bootstrap-table-container .btn-sm {
  padding: 0rem 0.84rem !important;
}

.react-bootstrap-table-container table tr:hover {
  background-color: #fffbdb !important;
}

.react-bootstrap-table-container table thead th {
  white-space: nowrap;
  /*border: none;*/
  color: var(--font-blk);
  border-color: var(--tbl-hd);
  border-top: 1px solid var(--tbl-hd) !important;
  border-bottom: 1px solid var(--tbl-hd) !important;
}

.react-bootstrap-table-container table thead th a:hover,
.react-bootstrap-table-container table thead th .cursor-pointer:hover {
  color: #fff;
}

.react-bootstrap-table-container table td {
  white-space: nowrap;
  /*border: none;*/
  border-bottom: 1px solid #e4e9f0;
}

.react-bootstrap-table-container table tr:nth-child(odd) td.top40sCCY {
  background-color: rgba(210, 217, 230, 1);
}

.react-bootstrap-table-container table tr:nth-child(even) td.top40sCCY {
  background-color: rgba(210, 217, 230, 0.5);
}

.react-bootstrap-table-container table tfoot th {
  white-space: nowrap;
  border: none;
  color: black;
  border-color: var(--tbl-hd);
  border-top: 1px solid var(--tbl-hd) !important;
  border-bottom: 1px solid var(--tbl-hd) !important;
}

.react-bootstrap-table-container table td img {
  max-height: 21px !important;
  filter: blur(0);
  -webkit-filter: blur(0);
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.react-bootstrap-table-container .table-header-hyperlink {
  color: white !important;
  text-decoration: none !important;
}

.header-notices .react-bootstrap-table {
  margin: 1px;
}

.react-bootstrap-table-container table td img.dealer-photo {
  height: 194px !important;
  max-height: 194px !important;
}

.react-bootstrap-table-container .ignore-dragging a {
  margin-left: 5px;
  margin-right: 5px;
}

.react-bootstrap-table-container .ignore-dragging .table-content-hyperlink {
  margin-left: 5px;
  margin-right: 5px;
}

/* react-bootstrap-table */

.scroll-container {
  width: 100%;
  overflow: auto;
}

.react-bootstrap-table-pagination-section .pagination {
  float: left;
}

.react-bootstrap-table-pagination-section .pagination-list-dropdown {
  float: left;
  padding-left: 0.5rem;
}

.react-bootstrap-table-pagination-section .pagination-list-dropdown .bootstrap-select {
  min-width: 100%;
}

.react-bootstrap-table-pagination-section .pagination-list-dropdown .dropdown {
  width: 100% !important;
}

.react-bootstrap-table-pagination-section .pagination-list-dropdown .filter-option {
  padding-right: 5px;
}

/* For seamless-wallet-report */
.react-bootstrap-table .seamless-wallet-report tbody tr:nth-of-type(odd) {
  background-color: transparent;
}

/* react-roadmap-modal*/

.react-roadmap-hide {
  transform: translate(100%, 0);
}

.react-roadmap-show {
  animation-name: fadeIn;
  animation-duration: 0.2s;
  animation-timing-function: ease-out;
}

@keyframes fadeIn {
  0% {
    opacity: 1;
    transform: translateX(100%);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

/* .pagination .page-item.active .page-link {
  z-index: 0;
} */

.react-draggable {
  /*transform: perspective(1px) translateZ(0);
   backface-visibility: hidden*/
  /* width: 80%;
   height: 95%; */
  max-width: 1500px;
  /*//width: '80%',
   maxWidth: '100%',
   //maxHeight: '800px',
   maxHeight: '95%',*/
}

.react-draggable .card {
  max-height: 739px;
  margin-bottom: 2rem;
}

.react-draggable .card-content {
  padding: 1rem 2.5rem 1.5rem 2.5rem;
}

.member-changepassword-dialog {
  max-width: 500px;
  width: 500px;
}

.member-uesrsetting-dialog {
  width: 600px;
}

.member-adddownline-dialog {
  width: 1230px;
}

.member-defaultbetlimit-dialog {
  width: 900px;
}

.member-betlimit-dialog {
  width: 900px;
}

.member-betlimit-dialog .gametype-content {
  overflow-y: auto;
  background: #f2f4f8;
  height: 580px;
  padding-right: 5px;
}

.member-permission-dialog {
  width: 800px;
  margin-bottom: 0px !important;
}

.member-playerbetlimit-dialog {
  width: 800px;
  min-height: 600px;
  margin-bottom: 0px !important;
}

.member-playerbetlimit-dialog-search {
  margin-bottom: 0px !important;
}

.member-permission-dialog .table th {
  position: sticky;
  top: -1px;
  border-top: 1px;
  z-index: 1;
}

.member-permission-dialog table.dataTable {
  margin-top: 0px !important;
}

.member-permission-dialog .permission-overflow {
  overflow-y: auto;
}

.member-permission-dialog .dialog-table-content .cui-utils-control-checkbox {
  top: -1.1rem !important;
  margin-top: 0px !important;
  display: -webkit-inline-box !important;
}

.member-gamesetting-dialog {
  width: 1000px;
}

.member-lobbypreference-dialog {
  width: 900px;
  min-height: 400px;
  padding: 15px;
}

.member-pointtransfer-dialog {
  width: 500px;
}

.exchangerate-dialog {
  width: 500px;
}

.bettinglimit-dialog {
  width: 500px;
}

.notice-add-dialog {
  width: 700px;
  min-height: 360px;
}

.notice-edit-dialog {
  width: 700px;
  min-height: 280px;
}

.dialog-table-content {
  max-height: 63vh;
  width: 100%;
}

@media screen and (max-height: 670px) {
  .react-draggable .card {
    max-height: 80vh;
    margin-bottom: 2rem;
  }

  .react-draggable .card-content {
    height: 80vh;
  }

  .member-betlimit-dialog .gametype-content {
    height: 65vh;
    padding-right: 5px;
  }
}

@media screen and (max-width: 1200px) {
  .member-permission-dialog {
    width: 100%;
    padding: 10px;
  }

  .member-adddownline-dialog {
    width: 100%;
    padding: 10px;
  }

  .member-gamesetting-dialog {
    width: 600px;
    padding: 10px;
  }

  .member-lobbypreference-dialog {
    width: 900px;
    padding: 10px;
  }

  .right-side-menu-content {
    padding: 0 10px 0px 10px !important;
  }
}

@media screen and (max-width: 960px) {
  .react-draggable {
    width: 90%;
    height: 95%;
  }

  .member-permission-dialog .permission-overflow {
    overflow-y: initial;
  }

  .member-playerbetlimit-dialog {
    width: 100%;
    padding: 10px;
  }

  .member-defaultbetlimit-dialog {
    width: 900px;
    padding: 10px;
  }

  .member-uesrsetting-dialog {
    width: 100%;
    padding: 10px;
  }

  .member-gamesetting-dialog {
    width: 600px;
    padding: 10px;
  }

  .member-lobbypreference-dialog {
    width: 900px;
    padding: 10px;
  }

  .dialog-table-content {
    max-height: 100%;
    width: 100%;
  }

  /* .react-draggable .card-content {
    padding-bottom: 6rem;
  } */

  .ui-dialog {
    width: 80% !important;
  }
}

@media screen and (max-width: 720px) {
  .react-draggable {
    width: 90%;
    height: 95%;
  }

  .member-changepassword-dialog {
    width: 100%;
    max-width: 500px;
  }

  .member-pointtransfer-dialog {
    width: 100%;
  }

  .member-defaultbetlimit-dialog {
    width: 100%;
    padding: 10px;
  }

  .member-gamesetting-dialog {
    width: 100%;
    padding: 10px;
  }

  .member-lobbypreference-dialog {
    width: 100%;
    padding: 10px;
  }

  .member-betlimit-dialog .gametype-content {
    width: 100%;
    padding: 10px;
  }

  .exchangerate-dialog {
    width: 100%;
  }

  .bettinglimit-dialog {
    width: 100%;
  }

  .notice-add-dialog {
    width: 100%;
    min-height: 360px;
  }

  .notice-edit-dialog {
    width: 100%;
    min-height: 280px;
  }

  .ui-dialog {
    width: 80% !important;
  }

  .egret-player {
    width: 100% !important;
  }

  .egret-player canvas {
    width: 100% !important;
    transform: none !important;
  }
}

@media screen and (max-width: 540px) {
  .ui-dialog {
    width: 100% !important;
  }

  .egret-player {
    width: 100% !important;
  }

  .egret-player canvas {
    width: 100% !important;
    transform: none !important;
  }
}

@media (min-width: 720px) {
  .ui-dialog {
    position: fixed;
    overflow: hidden;
  }
}

/* react-checkbox-tree */

.rct-node-icon {
  display: none;
}

.react-checkbox-tree {
  font-size: 15px !important;
}

/* member-usersetting-dropdownlist */
.member-usersetting-dropdownlist .filter-option-inner-inner {
  line-height: 15px;
}

.member-lobbypreference-dropdownlist {
  width: 200px !important;
}

.sysConfirmModelDiolog {
  z-index: 99999 !important;
}

.BDC_CaptchaDiv {
  pointer-events: none;
}

.pagination .page-item.active .page-link {
  z-index: 0;
}

/* .rc-tree .rc-tree-treenode span.rc-tree-icon_loading {
  background: url('data:image/gif;base64,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') no-repeat scroll 0 0 transparent;
} */

.modal-dialog.modal-80 {
  width: 80vw;
  max-width: 80vw;
}

.modal-dialog.modal-70 {
  width: 70vw;
  max-width: 70vw;
}

.modal-dialog.modal-60 {
  width: 60vw;
  max-width: 60vw;
}

.modal-dialog.modal-50 {
  width: 50vw;
  max-width: 50vw;
}

/* draggable */

.react-draggable-title {
  font-size: 16px !important;
  color: var(--font-blk, #000) !important;
  padding: 0 1rem;
  top: 0.5rem !important;
}

tr td.reset-expansion-style.zero-padding {
  padding: 0 !important;
}

.fix-table-layout {
  table-layout: fixed;
}

button:focus {
  outline: none !important;
}

.MuiTabs-root {
  min-height: 38px !important;
  height: 38px !important;
}

.MuiTabs-indicator {
  z-index: 999;
}

.MuiTabs-flexContainer {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  background: #e4e6eb;
}

.MuiTab-textColorInherit {
  opacity: 1 !important;
}

.MuiButtonBase-root {
  background-color: #e8e8e8 !important;
}

.Mui-selected {
  background: #fff !important;
}

.MuiButtonBase-root:first-child {
  border-top-left-radius: 0px;
}

.MuiGrid-root .cui-utils-control {
  line-height: 1.5rem;
  /*top: -0.5rem;*/
  /*margin-top: 1rem;*/
}

.cui-utils-control-checkbox {
  top: -0.6rem;
  margin-top: 1.15rem;
}

.MuiPaper-root {
  /*background-color: #f2f4f8 !important;*/
  box-shadow: none !important;
  background-color: #f6f8f9 !important;
}

.MuiGrid-spacing-xs-1 > .MuiGrid-item {
  padding: 8px !important;
}

.MuiGrid-item .cui-utils-control {
  margin-bottom: 0;
}

.MuiGrid-spacing-xs-1 {
  margin-top: 0.5rem;
  /*1padding: 0 1rem 1rem 1rem !important; */
}

.page-item.active .page-link {
  background-color: #bf9a5d;
  border-color: #bf9a5d;
}

.badge-success {
  background-color: #478479 !important;
}

.badge-danger {
  background-color: #fb434a !important;
}

.form-control {
  border-color: #dcc8a6 !important;
}

.react-dropdown-select-form-control input {
  border: 0px !important;
}

.selection-renderer-checkbox {
  top: -0.3rem !important;
  left: 0.3rem !important;
  margin-top: 0 !important;
}

.selection-cell .selection-renderer-checkbox-checked::after,
.selectionHeader .selection-renderer-checkbox-checked::after {
  top: 1px !important;
  left: 4px !important;
  width: 6px;
  height: 10px;
  transform: rotate(45deg);
  border: solid #fff;
  border-width: 0 2px 2px 0;
  display: block !important;
}

.selection-cell .cui-utils-control-indicator,
.selectionHeader .cui-utils-control-indicator {
  width: 16px;
  height: 16px;
}

.seamless-wallet-checkbox {
  width: 16px;
  height: 16px;
  text-align: center;
  vertical-align: text-bottom;
  border: 1px var(--badge-bg) solid;
  border-radius: 3px;
  accent-color: var(--badge-bg) !important;
}

.bg-bo-green {
  background: #3c7067 !important;
}

.loading-page {
  position: absolute;
  background-color: black;
  width: 100vw;
  height: 100vh;
  z-index: 2;
  align-items: center;
  display: flex;
  justify-content: center;
}

.loading-page-hide {
  /* animation: fade-out 1s; */
  opacity: 0;
  visibility: hidden;
}

/* @keyframes fade-out {
  from {
    opacity: 1;
    visibility:visible
  }
  to {
    opacity: 0;
    visibility:hidden

  }
} */

.lds-ring {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 64px;
  height: 64px;
  margin: 8px;
  border: 8px solid var(--btn-gold, #9e8570);
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: var(--btn-gold, #9e8570) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}

@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.mw-20 {
  max-width: 20% !important;
}

.mw-40 {
  max-width: 40% !important;
}

.mw-50 {
  max-width: 50% !important;
}

.mw-60 {
  max-width: 60% !important;
}

.mw-70 {
  max-width: 70% !important;
}

.mw-80 {
  max-width: 80% !important;
}

.z-index-20 {
  z-index: 20;
}

.text-transform-none {
  text-transform: none !important;
}

.badge {
  padding: 0.25rem !important;
}

.game-details .react-bootstrap-table-pagination-section {
  max-width: 720px;
}

/* .cui-menu-left-submenu.cui-menu-left-item > a:after,
.cui-menu-left-submenu.cui-menu-left-item > a:before {
  top: 1.25rem !important;
} 
*/

.cui-menu-left-item > a {
  min-height: 1.9rem !important;
  padding: 0.69rem 2.3rem 0.69rem 1.53rem;
}

.cui-menu-left-toggled .cui-menu-left-item > a {
  padding: 0 2rem 0 1.5rem;
}

.icon_close {
  margin-right: 5px !important;
  margin-left: 0px !important;
}

.icon_recent {
  width: 1rem;
  height: 1rem;
  margin-top: 1px;
  background-image: url('/assets/images/common/recent.svg');
  background-size: cover;
  display: inline-block;
  vertical-align: text-top;
}

/* to make the list item align */

.icon_null {
  margin-left: 1rem;
}

.cui-menu-left-item-active > a > .cui-menu-left-icon,
.cui-menu-left-item-active:hover > .cui-menu-left-icon,
.cui-menu-left-item-active:active > .cui-menu-left-icon,
.cui-menu-left-item-active:focus > .cui-menu-left-icon,
.cui-menu-left-item > a > .cui-menu-left-icon {
  margin-right: 0.7rem !important;
}

.cui-menu-left .icmn-home {
  margin-right: 1rem;
}

/* .cui-menu-left-item-active > a,
.cui-menu-left-submenu-toggled a,
.cui-menu-left-item a:hover {
  border-left: 3px #3c7067 solid;
} */
/* .cui-theme-blue .cui-menu-left-submenu-toggled.cui-menu-left-item {
  / background: linear-gradient(180deg, rgba(233, 227, 219, 1) 0%, rgba(216, 201, 183, 1) 50%, rgba(191, 166, 133, 1) 49%, rgba(230, 211, 180, 1) 100%) !important; 
}
 */
.cui-menu-left-item-active:hover {
  background: none;
}

/*.cui-theme-blue .cui-menu-left-submenu-toggled.cui-menu-left-item > .cui-menu-left-list {
  background: #e4dbcb !important;
}*/

.cui-menu-left-submenu > .cui-menu-left-list {
  background: #e4dbcb !important;
}

.cui-menu-left-item,
.cui-menu-left-item.cui-menu-left-submenu:not(.cui-menu-left-submenu-toggled) {
  li {
    background: none;
  }

  margin: 0 0 0.2rem !important;
  border-radius: 0.5rem;

  /* background: linear-gradient(180deg, rgba(233, 227, 219, 1) 0%, rgba(216, 201, 183, 1) 50%, rgba(191, 166, 133, 1) 49%, rgba(230, 211, 180, 1) 100%); */
  .cui-menu-left-icon {
    display: none !important;
  }

  a {
    color: #000;
  }

  > a:first-of-type {
    > a {
      border: 1px solid var(--font-gray);
      box-shadow: var(--box-shadow);
    }
  }

  &.cui-menu-left-item-active a,
  &.cui-menu-left-item-active a:not(first-of-type):hover,
  a:not(first-of-type):hover {
    color: var(--font-menu-active, #c55000);
    text-shadow: 2px 2px 8px #e4dbcc;
  }
 
}
 
ul.cui-menu-left-list-root > li.cui-menu-left-item.cui-menu-left-item-active:first-of-type > a {
  color: #000 !important;
}

 
ul.cui-menu-left-list-root > li.cui-menu-left-item.cui-menu-left-item-active:first-of-type > a span {
color: #000 !important;;
}


.cui-menu-left-submenu.cui-menu-left-item > a:after,
.cui-menu-left-submenu.cui-menu-left-item > a:before {
  background: #000 !important;
}

.cui-menu-left-item.cui-menu-left-submenu.cui-menu-left-submenu-toggled > a:first-of-type,
.cui-menu-left-submenu-toggled .cui-menu-left-item-active a {
  font-weight: bold;
  color: var(--font-menu-active, #c55000);
  text-shadow: 2px 2px 8px #e4dbcc;
}

.cui-menu-left-submenu-toggled > ul.cui-menu-left-list a {
  font-weight: normal;
  background: none;
}

/*
.cui-menu-left-submenu.cui-menu-left-item > a:after,
.cui-menu-left-submenu.cui-menu-left-item > a:before {
  top: 0.75rem !important;
} 

.cui-menu-left-item > a {
  min-height: 1.9rem !important;
  padding:  0.69rem 2.3rem 0.69rem 1.53rem;
}
*/

.cui-menu-left-toggled .cui-menu-left-item > a {
  padding: 0 2rem 0 1.5rem !important;
}

.cui-menu-left-submenu-toggled {
  .cui-menu-left-item {
    background: none !important;
  }
}

.cui-menu-left-submenu {
  li a::before {
    content: '\25B6';
    font-size: 10px;
    padding: 0;
    margin-right: 0.5rem;
  }
}

.cui-menu-left-item-active > a {
  background: none !important;
}

/*************************************************/

/**
  Card css
*/

.card-set {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

.p-set {
  display: flex;
  margin-right: 0.5rem;
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
  margin-left: 0.5rem;
}

.p-card {
  background: white;
  border: 1px #ccc solid;
  border-radius: 0.2rem;
  width: 1.7rem;
  height: 2.2rem;
  padding: 0rem 0.2rem;
  margin-right: 0.15rem;
}

.text-card.black,
.p-card.black {
  color: #000;
}

.text-card.red,
.p-card.red {
  color: #d4322c;
}

.p-card .p-no {
  font-size: 0.9rem;
  margin-left: -0.1rem;
  letter-spacing: -0.1rem;
}

.p-card .p-type {
  font-size: 1.3rem;
  margin-top: -0.9rem;
  margin-left: 0.35rem;
}

@media only screen and (max-width: 960px) {
  .p-card .p-type {
    font-size: 1.3rem;
    margin-top: -0.8rem;
    margin-left: 0.4rem;
  }

  .p-card {
    width: 1.9rem;
    height: 2.45rem;
    padding: 0rem 0.2rem;
    margin-right: 0.15rem;
  }
}

.tips-background {
  background-color: #ffffff;
}

.pok-deng-result-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 5px;
}

.pok-deng-label {
  width: 1.5em;
}

.cursor-pointer {
  cursor: pointer;
}

.text-decoration-line-underline {
  text-decoration-line: underline;
}

@media (max-width: 380px) {
  .ant-picker-date-panel {
    width: 260px;
  }

  .ant-picker-date-panel .ant-picker-body {
    font-size: 13px;
    padding: 4px 6px;
  }
}

.ant-picker {
  width: 100%;
  border: 1px solid var(--input-border, #a3a3a3) !important;
  border-radius: 0.25rem;
}

.ant-picker input {
  border: none !important;
}

.ant-picker-dropdown {
  z-index: 30;
}

.ant-picker-ranges {
  display: none;
}

.ant-picker-footer-extra:not(:last-child) {
  border-bottom: none;
}

.cui-menu-left-divider {
  height: 0px !important;
  margin: 0 !important;
}

hr {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.MuiTab-root {
  padding: 3px 10px !important;
  min-height: 38px !important;
  max-width: 325px !important;
  font-size: 1rem !important;
}

.align-items-center .mt-3 {
  margin-top: 1.23rem !important;
}

.custom-columns-button {
  position: absolute;
}

@media (min-width: 766px) {
  .custom-columns-button {
    top: 0.4rem;
    right: 1.53rem;
    padding: 0.1rem 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .custom-columns-button {
    right: 0.76rem;
    top: 1.2rem;
    padding: 0.25rem 0.75rem !important;
  }
}

.cui-breadcrumbs {
  background: none !important;
}

.cui-layout-content {
  position: relative;
}

@media (min-width: 766px) {
  .custom-columns-button {
    top: 0.4rem;
    right: 1.53rem;
    padding: 0.1rem 0.5rem !important;
  }
}

@media (max-width: 767px) {
  .custom-columns-button {
    right: 0.76rem;
    top: 1.2rem;
    padding: 0.25rem 0.75rem !important;
  }

  .rowPerPage button {
    border: #478479 1px solid;
    color: #478479;
    font-size: 1rem !important;
  }
}

.rowPerPage .bootstrap-select.form-control {
  margin-bottom: 0.5rem !important;
}

@media (min-width: 992px) {
  .rowPerPage .bootstrap-select.form-control {
    margin-bottom: -0.8rem !important;
  }

  .win-loss-btn-grounp .btn-group {
    margin-right: 0.5rem;
  }
}

.win-loss-btn-grounp .rowPerPage {
  display: inline-flex;
}

@media (max-width: 1199px) and (min-width: 992px) {
  .win-loss-btn-grounp .btn {
    line-height: 1rem;
  }
}

.rowPerPage button {
  border: var(--input-border, #a3a3a3) 1px solid;
  color: var(--font-blk, #000);
  /*margin-bottom: 0.5rem;*/
}

/*
 Amount, Ratio component style
**/

.amount-zero,
.ratio-zero {
  color: blue;
}

.amount-greater-then-zero,
.ratio-greater-then-zero {
  color: green;
}

.amount-less-then-zero,
.ratio-less-then-zero {
  color: red;
}

.MuiTabs-root {
  min-height: 38px !important;
  height: 38px !important;
  margin-bottom: 10px;
}

.MuiTabs-indicator {
  z-index: 20;
}

@media (max-width: 991px) {
  .win-loss-btn-grounp .btn-group {
    margin-bottom: 1rem;
  }

  .win-loss-btn-grounp > .btn-sm,
  .btn-group-sm > .btn {
    padding: 0;
  }

  .win-loss-btn-grounp .btn {
    line-height: 1.2rem;
  }
}

.search-box-criteria label {
  white-space: nowrap !important;
}

@media (max-width: 991px) {
  .btn-day-range .btn {
    margin-bottom: 0.5rem;
  }
}

.BDC_ReloadIcon {
  background-image: url('/assets/images/captcha/bo_button.svg');
}

.BDC_CaptchaDiv {
  display: flex !important;
  justify-content: space-between !important;
}

.BDC_CaptchaIconsDiv {
  width: 32px !important;
}

.cert_logo {
  width: 204px;
  height: 50px;
  background-image: url('/assets/cleanui/components/pages/common/img/login/cert_logo.png');
}

.logo-list {
  list-style: none;
  display: flex;
  align-items: center;
  padding: 0;
  flex-wrap: nowrap;

  & li {
    padding: 0 5px 0 5px;
  }

  @media (max-width: 768px) {
    & li {
      display: flex;
      justify-content: center;
    }

    img {
      max-width: 100%;
      height: auto;
      object-fit: contain;
    }
  }
}

.cui-menu-right-inner {
  padding: 1rem 1.2rem !important;
}

.pw-msg {
  font-size: 12px;
  line-height: 1rem;
}

/**

    Toggle Style
*/

.react-toggle {
  touch-action: pan-x;
  display: inline-block;
  position: relative;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.react-toggle-screenreader-only {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.react-toggle--disabled {
  cursor: not-allowed;
  opacity: 0.5;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}

.react-toggle-track {
  width: 50px;
  height: 24px;
  padding: 0;
  border-radius: 30px;
  background-color: #dcdee4;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #dcdee4;
}

.react-toggle--checked .react-toggle-track {
  background-color: var(--badge-bg);
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: var(--btn-gold, #9e8570);
}

.react-toggle-track-check {
  position: absolute;
  width: 14px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  left: 8px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-check {
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle-track-x {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 0px;
  bottom: 0px;
  margin-top: auto;
  margin-bottom: auto;
  line-height: 0;
  right: 10px;
  opacity: 1;
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}

.react-toggle--checked .react-toggle-track-x {
  opacity: 0;
}

.react-toggle-thumb {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 22px;
  height: 22px;
  border: none;
  border-radius: 50%;
  background-color: #fafafa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1) 0ms;
}

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #3c7067;
}

.react-toggle--focus .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 3px 2px #dcdee4;
  -moz-box-shadow: 0px 0px 3px 2px #dcdee4;
  box-shadow: 0px 0px 2px 3px #dcdee4;
}

.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb {
  -webkit-box-shadow: 0px 0px 5px 5px #dcdee4;
  -moz-box-shadow: 0px 0px 5px 5px #dcdee4;
  box-shadow: 0px 0px 5px 5px #dcdee4;
}

.cui-menu-right-header span.icmn-cross {
  top: -0.77rem !important;
}

.setting-menu {
  width: 200px;
}

.popup-overlay {
  z-index: 9999 !important;
}

.popup-content {
  width: 300px !important;
}

.popup-content:has(.betting-limit-confirm-dialog),
.popup-content:has(.default-bet-limit-confirm-dialog) {
  width: 430px !important;
}

.popup-content:has(.player-bet-limit-confirm-dialog) {
  width: 600px !important;
}

.popup-content:has(.bet-limit-confirm-dialog) {
  width: 800px !important;
}

.icon-loading.override-icon-loading {
  width: 60px;
  height: 60px;
  -webkit-animation: rotating 0.7s linear infinite;
  animation: rotating 0.7s linear infinite;
}

.background-color-red {
  background-color: red;
}

.background-color-transparent {
  background-color: transparent;
}

.rct-icons-fa4 .rct-icon-half-check::before {
  opacity: 1;
  content: '\f146';
}

.subaccount-index .react-bootstrap-table th {
  position: sticky;
  top: 0;
}

.subaccount-index .scroll-container {
  overflow: initial;
}

@media (max-width: 1500px) {
  .subaccount-index .scroll-container {
    overflow: auto;
  }
}

.eye-icon,
.eye-slash-icon {
  position: absolute;
  font-size: large !important;
  top: 7px;
  right: 25px;
  cursor: pointer;
}

.account-login .eye-icon,
.account-login .eye-slash-icon {
  top: 7px;
  right: 10px;
}

.input-eye-icon {
  position: absolute;
  top: 6px;
  right: 25px;
  cursor: pointer;
}

.account-login .input-eye-icon {
  right: 10px;
}

.input-eye-icon.fa-eye,
.input-eye-icon.fa-eye-slash {
  font-size: large;
}

/** bookmark hints animation **/

.bookmark-wrapper {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  height: 1.8rem;
  border-radius: 15px;
  padding: 0 4px 0 4px;
  border-width: 0.1px;
  border-style: dashed;
  border-color: transparent;
}

.bookmark-hint {
  max-width: 0;
  display: inline-block;
  overflow: hidden;
  vertical-align: text-bottom;
  font-size: 0.7em;
  line-height: 1.05;
  height: 1.5rem;
  color: var(--font-fav);
}

/* bookmark button inside the report */

div[class^='icmn-star-'] {
  font-size: 1.6rem;
  line-height: 1.1;
  background-size: cover;
  display: inline-block;
  cursor: pointer;
  margin-right: auto;
  margin-left: 0.5rem;
}

.bookmark-wrapper div[class^='icmn-star-'] {
  margin: 0;
  vertical-align: text-bottom;
  transition: scale 0.5s;
  transform: scale(0.8);
}

.bookmark-wrapper.hover div[class^='icmn-star-'] {
  transform: scale(0.8);
}

.bookmark-hint-animate-enter-active.bookmark-wrapper,
.bookmark-hint-animate-enter-done.bookmark-wrapper {
  /* border-width: 0.1px; */
  border-color: var(--font-fav);
  margin-left: 4px;
  /* transition: all 0.5s ease-in; */
}

.bookmark-hint-animate-exit.bookmark-wrapper {
  border-color: var(--font-fav);
  border-width: 0.1px;
  margin-left: 4px;
}

.bookmark-hint-animate-exit-active.bookmark-wrapper {
  border-color: var(--font-fav);
  border-width: 0.1px;
  margin-left: 4px;
  transition: all 0.5s;
}

.bookmark-hint-animate-enter-active .bookmark-hint,
.bookmark-hint-animate-enter-done .bookmark-hint {
  max-width: 1000px;
  transition: all 0.5s ease-in;
}

.bookmark-hint-animate-exit .bookmark-hint {
  max-width: 1000px;
}

.bookmark-hint-animate-exit-active .bookmark-hint {
  max-width: 0px;
  transition: all 0.5s;
}

.btn-fav {
  color: var(--font-fav);
}

.sai-bg-color {
  background: lavender;
}

.right-side-menu {
  width: auto !important;
  max-width: 100%;
  top: 0;
}

.right-side-menu-content {
  padding: 5vh 50px 0px 50px;
  background-color: white;
  z-index: 999;
}

.right-side-menu-overlay {
  top: 0;
  right: 0;
}

.selectionHeader.selection-renderer-checkbox {
  top: -10px !important;
}

.ip-menu.rc-menu {
  outline: none;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 4px #d9d9d9;
  border-radius: 3px;
  color: #666;
  padding: 15px 10px;
  margin: 20px 10px;
}

.ip-menu .rc-menu-item {
  display: block;
  white-space: nowrap;
  padding: 12px 8px 12px 24px;
}

.ip-menu .rc-menu-item-active {
  background-color: #eaf8fe;
}

.ip-menu .rc-menu-item-selected {
  background-color: #eaf8fe;
  transform: translateZ(0);
}

textarea.single-line-form {
  font-size: 1rem;
  border-color: #dcc8a6 !important;
  min-height: 28px;
  font-family: 'Microsoft YaHei', '微软雅黑', '\5FAE\8F6F\96C5\9ED1', 微软雅黑, 'Hei',
    /* Android */ 'Roboto', /* Basic web fallback */ 'Helvetica Neue', Arial, sans-serif,
    /* Safari for OS X and iOS (San Francisco) */ -apple-system,
    /* Chrome < 56 for OS X (San Francisco) */ BlinkMacSystemFont,
    /* Emoji fonts */ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  padding: 4px 0.38rem;
  color: #74708d;
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
}

.hide-side-bet,
.hide-game-setting,
.hide-bet-limit-game-type {
  display: none;
}

.disable-side-bet,
.sub-account-readonly {
  pointer-events: none;
  color: #aaa;
}

.sub-account-readonly .cui-utils-control-indicator,
.member-checkbox .cui-utils-control-indicator {
  border: 1px solid #dcdcdc !important;
  background: #eef0f4 !important;
}

.sub-account-readonly input:checked ~ .cui-utils-control-indicator,
.member-checkbox input:checked ~ .cui-utils-control-indicator {
  background: #81a29d !important;
}

.member-checkbox .cui-utils-control-checkbox input:disabled ~ .cui-utils-control-indicator:after {
  border-color: #dcdcdc !important;
}

.game-details-gameTypeId:has(input.react-dropdown-select-input:focus)
  .react-dropdown-select-content
  > span {
  display: none;
}

.react-dropdown-select-display-none:has(input.react-dropdown-select-input:focus)
  .react-dropdown-select-content
  > span {
  display: none;
}

.fakeLabel {
  margin-top: 1.7rem;
}

/* road map */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
  z-index: 130;
}

/* card sequence */
.card-sequence.btn {
  min-width: 70px;
}

.card-sequence.btn-outline-danger:not(:disabled):not(.disabled):active,
.btn-outline-danger:not(:disabled):not(.disabled).active,
.show > .btn-outline-danger.dropdown-toggle {
  background-color: #fb434a;
  border: #fb434a;
}

.card-sequence.btn-outline-info:not(:disabled):not(.disabled):active,
.btn-outline-info:not(:disabled):not(.disabled).active,
.show > .btn-outline-info.dropdown-toggle {
  background-color: #099be6;
  border: #099be6;
}

.card-ordering-form .ant-radio-group-solid .ant-radio-button-wrapper-checked,
.card-ordering-form
  .ant-radio-group-solid
  .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover {
  border-right-color: var(--badge-bg);
  border-left-color: var(--badge-bg);
  border-color: var(--badge-bg);
  background: var(--badge-bg);
}

.card-ordering-form .ant-radio-group.ant-radio-group-solid {
  padding-left: 0;
}

.card-ordering-form .ant-radio-button-wrapper {
  height: auto;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.card-ordering-form .ant-radio-button-wrapper:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}

.card-ordering-form .ant-radio-button-wrapper:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}

.change-log-data {
  white-space: pre-wrap !important;
  text-align: left !important;
  width: 600px !important;
}

.bet-limit-game-type .rct-collapse {
  width: 0;
  padding: 0;
}

.bet-limit-game-type .rct-checkbox {
  padding-left: 0;
}

.popup-content:has(.default-bet-limit-confirm-dialog) .btn-primary {
  display: none;
}

.MuiTabs-indicator {
  background-color: #bf9a5d !important;
}

.disable-pointer {
  pointer-events: none;
}

.hide-date-icon .ant-picker-suffix {
  display: none;
}

.promotion-dropown-select:has(input.react-dropdown-select-input:focus)
  .react-dropdown-select-content
  > span {
  display: none;
}

.form-disable .promotion-dropown-select {
  background-color: #eef0f4 !important;
  border-color: #dcc8a6 !important;
  color: #74708d !important;
  opacity: 0.65 !important;
}

.form-disable .promotion-dropown-select input {
  opacity: 0 !important;
}

.black-text {
  color: black !important;
}

.bg-white-black-text {
  background-color: white !important;
  color: black !important;
}

.bo-checkbox-input,
.bo-checkbox .rc-checkbox-input {
  width: 16px !important;
  height: 16px !important;
  accent-color: var(--badge-bg);
}

.member-betlimit-dialog .nav-tabs .nav-link.active {
  color: white;
  font-weight: bold;
  background-color: #ccaf7e;
}

.member-betlimit-dialog .nav-tabs .nav-link.active a {
  color: white;
  font-weight: bold;
}

.member-betlimit-dialog .nav-tabs-horizontal .nav-tabs {
  border-bottom: 2px solid #e4e9f0 !important;
}

.member-betlimit-dialog .nav-tabs-vertical .nav-tabs {
  margin-right: 8px;
}

.member-betlimit-dialog .nav-tabs-horizontal .nav-tabs-currency {
  height: 580px;
  overflow: auto;
  padding-right: 5px;
  border-bottom: none !important;
}

.member-betlimit-dialog .betlimit-content {
  height: 580px;
  overflow: auto;
  padding-left: 10px;
  padding-right: 15px;
}

.game-error-report .react-bootstrap-table-container table td {
  white-space: normal !important;
}

.width200 {
  width: 200px !important;
}

.width350 {
  width: 350px !important;
}

.gift-dialog label {
  margin-top: 5px;
}

.MuiTabs-root {
  height: auto !important;
}

.MuiTabScrollButton-root.Mui-disabled {
  display: none;
}

.text-wrapping {
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  white-space: normal !important;
}

.mb-0-form-group .form-group {
  margin-bottom: 0px !important;
}

.leaderboard-rank-by-type .filter-option-inner-inner {
  color: #74708d !important;
}

.promotion-rank-by-type .filter-option-inner-inner {
  color: #74708d !important;
}

.rs-picker-default {
  width: 100%;
  border: 1px solid #dcc8a6;
  border-radius: 0.25rem;
}

.rs-picker-toggle {
  width: 100%;
  border: 1px solid #dcc8a6;
  border-radius: 0.25rem;
}

.rs-picker-cascader {
  width: 100%;
  border: 1px solid var(--input-border, #a3a3a3);
  border-radius: var(--radius-04, 4px);
}

.rs-picker-cascader > a .rs-picker-default .rs-picker-toggle {
  border: none !important;
}

.rs-picker-default .rs-picker-toggle {
  border: none !important;
}

.rs-picker-menu.fade.in {
  opacity: 1;
  pointer-events: unset;
}

.rs-picker-menu .rs-picker-search-bar .rs-picker-search-bar-input {
  width: 100%;
  border: 1px solid #dcc8a6 !important;
  border-radius: 0.25rem !important;
}

.custom-size-cascader .rs-picker-toggle {
  max-height: 28px !important;
  padding-top: 0.38rem !important;
  padding-bottom: 0.38rem !important;
}

.custom-menu-offset {
  margin-top: 9px !important;
}

.rs-picker-toggle-placeholder {
  font-size: 13px !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: 1.36 !important;
  color: #515151 !important;
}

.rs-picker-toggle-caret {
  color: #515151 !important;
}

.rs-picker-search-bar {
  border-top: 1px solid #dcc8a6;
  border-left: 1px solid #dcc8a6;
  border-right: 1px solid #dcc8a6;
  border-bottom: none;
}

.rs-picker-cascader-menu-items {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid #dcc8a6;
  border-right: 1px solid #dcc8a6;
  border-bottom: 1px solid #dcc8a6;
}

/* For Cascader's separator */
.rs-picker-cascader-menu-item:has(.item-with-separator-top)::before,
/* For Multicascader's separator */
.rs-check-item:has(.item-with-separator-top)::before {
  content: '';

  position: absolute;
  top: 0;
  left: 0;
  right: 0;

  height: 1px;
  background-color: #e5e5e5;
}

.rs-check-item:not(.rs-checkbox-disabled):hover,
.rs-check-item-focus {
  background-color: #f2fffc !important;
}

.rs-checkbox-wrapper::before {
  border: 1px solid #3c7067 !important;
}

.rs-checkbox-checked .rs-checkbox-wrapper .rs-checkbox-inner::before,
.rs-checkbox-indeterminate .rs-checkbox-wrapper .rs-checkbox-inner::before {
  border-color: var(--badge-bg, #756151) !important;
  background-color: var(--badge-bg, #756151) !important;
}

.rs-picker-cascader-col strong {
  color: #289786 !important;
}

.rs-picker-has-value .rs-btn .rs-picker-toggle-value,
.rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
  color: var(--font-blk, #000) !important;
}

.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active:hover,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active:focus,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active:hover:focus {
  color: var(--font-blk, #000) !important;
}

.rs-picker-has-value .rs-btn .rs-picker-toggle-value,
.rs-picker-has-value .rs-picker-toggle .rs-picker-toggle-value {
  color: var(--font-blk, #000) !important;
}

.rs-picker-cascader-row:hover {
  background-color: #f1f1f1 !important;
}

.rs-check-item:not(.rs-checkbox-disabled):hover,
.rs-check-item-focus {
  background-color: #f1f1f1 !important;
}

.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus:hover,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active:hover,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus:focus,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active:focus,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-focus:hover:focus,
.rs-picker-cascader-menu-item.rs-picker-cascader-menu-item-active:hover:focus {
  background-color: #f1f1f1 !important;
}

.rs-checkbox-wrapper::before {
  border: 1px solid #3498ff !important;
}

.rs-picker-value-count {
  background-color: var(--badge-bg, #756151);
}

/* Start of Region for custom search clear btn in Multicascader's search bar */
.rs-picker-menu .rs-picker-search-bar {
  position: relative;
}

.rs-picker-menu .rs-picker-search-bar-input {
  padding-right: 60px !important;
}

.rs-picker-menu .rs-picker-search-bar .custom-search-clear-btn {
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  right: 46px;
  font-size: 14px;
  font-weight: normal;
  color: #a6a6a6;
  cursor: pointer;
  line-height: 1.42857143;
  z-index: 2;
  transition: 0.2s color linear;
}

.rs-picker-menu .rs-picker-search-bar .custom-search-clear-btn:hover {
  color: #f44336;
}

.language-mode-select-container [disabled] {
  background-color: #e9ecef !important;
  color: #6c757d !important;
  filter: grayscale(1);
  opacity: 0.65;
}

/* --- CSS for Lobby Preference Split-Pane Layout --- */
.customCurrencies-container {
  max-height: 500px;
  overflow-y: auto;
}

.btn.btn-tertiary {
  color: #478479;
  background-color: #fff;
  border: 1px solid #478479;
}

.popup-content:has(.lobby-preferences-confirm-dialog) {
  width: 800px !important;
}

.search-box-criteria .btn .fa,
.content-result .btn .fa {
  display: none;
}

.creditsite-hidden {
  display: none;
}
/* --- End of CSS for Lobby Preference Split-Pane Layout --- */