body{
  background-color: rgb(238, 234, 226);
}
  .menu-list{
    display: flex;
    color: white !important;
  }

  .menu_icon{
    height: 24px;
    width: 30px;
    margin-right: 8px;
  }

  .header-navBar{
    padding: 1.2rem 1rem !important;
  }

  .sub-menu-list{
    color: white !important;
    padding-left: 52px;
  }
  
  a:hover, .dropdown-btn:hover {
    color: #343a40;
    cursor: pointer;
  }

  .active {
    color: black;
  }
  
.dropdown-btn:hover{
  cursor: pointer;
}

.dropdown-container {
    color: #343a40;
    display: none;
  }
  
  .fa-caret-down {
    float: right;
    padding-right: 8px;
  }

 .img-size{
  width: 62px;
  z-index: 999;
 }

 .logo-size{
  width: auto;
  height: 49px;
 }

 .ul_moneywheel_header{
  text-align: justify;
  text-justify: inter-word;
  font-size: 20px;
 }

 .ul_moneywheel{
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 .ul_moneywheel1{
  list-style-type: none;
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 .ul_roulette1{
  list-style-type: none;
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 .ul_roulette_header{
  text-align: justify;
  text-justify: inter-word;
  font-size: 20px;
 }

 .ul_roulette{
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 .threecards-card{
   background-color: rgb(238, 234, 226) !important;
   border: 1px solid black !important;
 }

 .threecards-card-noTopBorder{
  background-color: rgb(238, 234, 226) !important;
  border-top: 0 !important;
  border-bottom: 1px solid black !important;
  border-left: 1px solid black !important;
  border-right: 1px solid black !important;
}

 .ul_threecards{
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 .ul_threecards1{
  list-style-type: none;
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
  padding-left: 28px;
 }

 .threecards_lucky{
  padding-top: 15px;
  padding-bottom: 15px;
 }

 .ul_sicbo_header{
  text-align: justify;
  text-justify: inter-word;
  font-size: 20px;
 }

 .ul_sicbo{
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 .ul_sicbo1{
  list-style-type: none;
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 .ul_sed{
  list-style-type: none;
  font-size: 1em;
 }


 .cardTypeImg_3cards{
   width: 14em;
 }

 .page-title-container{
   width: fit-content;
   background: url('../assets/Others/Logo_OGPlus_TransparentBG.png') no-repeat  center;
   background-size: contain;
   display: inline-flex;
   align-items: center;
   height: 64px;
   margin-bottom: -8px;
 }
 .page-title{
   color: orange;
   z-index:2;
   font-size: 2.5rem;
   font-weight: 500;
   line-height: 1.2;
 }

 .navbar-toggler-icon{
  -webkit-filter: invert(100%);
  filter: invert(100%);
 }

 .bg-selected-menu{
   background-color: darkorange !important;
 }
 

 .backToTop {
  font-size: 14px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  width: 5em;
  text-align: center;
 }

 .comingsoon{
   width: 5em;
   height: 1em;
   margin-left: 4px;
 }
 
 #myBtnToTop {
  display:none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 4px;
}


/* bid baccarat */
.img-revealcards{
  display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75%;
}

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

.text-font{
  font-size: 1em;
}

.red-text{
  color:red;
}

.step-box{
  border-radius: 20px;
  /* padding: 3%; */
  word-break: break-word;
  margin-top: 2%;
  border: 2px solid #2E4053;
  background-color: #eeeae2;
}
.step-number{
  color: #e4ded6;
  font-size: 17vh;
  margin-block: auto;
  padding-bottom: 20px;
}
.niu-stepbox{
  border-radius: 20px;
  /* padding: 3%; */
  word-break: break-word;
  margin-top: 2%;
  border: 2px solid #2E4053;
  background-color: #eeeae2;
}

.sed-stepbox{
  border-radius: 20px;
  padding: 4px 20px 4px 20px;
  word-break: break-word;
  margin: 11px 0px 9px 0px;
  background: #FE7F19 0% 0% no-repeat padding-box;
}

.sed-stepbox2{
  border-radius: 20px;
  padding: 20px 30px 0px 12px;
  width: 100%;
  word-break: break-word;
  margin-right: 0px;
  margin-left: 0px !important;
  background: #C9C9C9 0% 0% no-repeat padding-box;
}

.andar-stepbox{
  border-radius: 20px;
  /* padding: 3%; */
  word-break: break-word;
  margin-top: 2%;
  border: 2px solid #2E4053;
  background-color: #eeeae2;
}

.andar-subheader{
  font-size: 20px;
}

.justify-content {
  text-align: justify;
}

.ul_bacc{
  list-style-type: none;
  text-align: justify;
  text-justify: inter-word;
  font-size: 1em;
 }

 /* dragon bonus */
 .dragonbonus-rules td:nth-child(n+2) {
   vertical-align: middle;
 }

 .dragonbonus-rules div:nth-child(2) {
   font-weight: bold;
  }
  
  .dragonbonus-rules div:nth-child(3) {
    width: 56%;
    margin: 0 auto;
  }

  .dbonus-rules-img {
    height: 6em;
  }

 .db-bulletlist span { color: #F00; }
 /* */
 
 /* dragon-tiger */
 .dragontiger-payouts td, .goodtips-table td, .table-niu-niu td, .table-sedie td {
   vertical-align: middle;
 }

  /* good tips */
  .gdtips-bulletlist li:nth-child(3) {
    list-style-type: none;
  }
  .goodtips-table {
    padding-bottom: 100px;
  }
 
  .goodtips-table td {
    padding: 4px 0;
  }
 
  .goodtips-table div {
    margin: 5px 0;
  }
 
  /* road map */
  .roadmap-table{
    padding: 7px 0px 15px 0px;
  }

  .roadmap-table td {
    padding: 4px 0;
  }
 
  .roadmap-table div {
    margin: 5px 20px;
  }

  .hideTable {
    opacity: 0;
    border-right: 1px solid #eeeae2 !important;
    border-bottom: 1px solid #eeeae2 !important;
  }

 .column-1, .column-2, .column-3 {
  display: inline-block;
  vertical-align: middle;
  flex-flow: column;
 }

 .column-1 {
   width: 35%;
   text-align: left;
 }

 .column-1 p:first-child {
   font-weight: bold;
 }

 .column-2 > div:first-child {
   width: 15%;
   margin: 0 10px;
   display: inline-block;
   text-align: center;
   vertical-align: middle;
   height: 100%;
 }

 .dt-labels {
   width: 214px;
   margin: -25px auto 15px;
 }

 .dt-labels div {
   display: inline-flexbox;
   width: 50%;
   float: left;
 }

 .dt-labels > div:first-child {
  margin: 0 3px 0 -3px;
 }

 .table-sedie .bg-medium td p {
    margin-top: 0 !important;
    margin-bottom: 0rem !important;
}

.table-sedie .bg-light td p {
  margin-top: 0 !important;
  margin-bottom: 0rem !important;
}

 @media screen and (max-width: 578px) {
  .column-1, .column-2, .column-3 {
    display: flex;
    text-align: center;
    width: auto;
  }

  .dt-labels { margin: -25px auto 15px; }
  
  .column-2 > div:first-child { width: 100%; }



 }
 /* */

.roulette-participation-sub{
  border-style: solid;
  border: gray;
  border-width: 5px;
  width: 33.3%;
}

.roulette-wrap    { 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}  

.roulette-flex-item {
  border: 2px solid #2E4053;
  border-radius: 20px;
  font-size: 1em;
  margin-top: 2%;
}

.roulette_img{
  display: list-item;
  opacity: 0.1;
  height: 100px;
  width: 60px;
  margin-top: 10px;
}

@media (min-width: 992px) {
  .roulette-equal{  
       display: -ms-flexbox;
       display: -webkit-flex;
       display: flex;
   }
}


/* @media only screen and (min-width: 375px) {
  .table-sedie .table-row .beads{
    display: flex;
    position: absolute;
    flex-direction: row;
    width: 632px;
    height: 58px;
    left: 413px;
    top: 570px;
    justify-content: center;
  }
  
} */
@media only screen and (max-width: 600px)  {
  .table-sedie .table-row .beads{
    flex-direction: column !important;
  }

  .table-sedie .bg-medium td {
    top: 0px;
    padding: 5px;
    border: 1px solid #FCB273;
    background-color: #FFF5E0;
}
}

@media only screen and (max-width: 667px)  {
  /* .table-sedie .beads {
  padding: 14px !important;
  } */
  .table-sedie .beads {
    display: flex;
    position: relative;
    flex-direction: row;
    /* flex-flow: wrap; */
    width: 100%;
    height: auto;
    padding: 10px !important;
    justify-content: center;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    align-items: center;
  }
}



.table-sedie .beads{
    display: flex;
    position: relative;
    flex-direction: row;
    /* flex-flow: wrap; */
    width: 100%;
    height: auto;
    /* height: 58px;
    left: 413px;
    top: 570px; */
    padding: 14px !important;
    justify-content: center;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    align-items: center;
}
.table-sedie .beads div{
  min-width: 129px;
  margin-left: 10px;
  margin-right: 10px;
}
.table-sedie .sed-stepbox2 {
  margin: 31px 0 41px 0px;
}
.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 0px;
  margin-left: -15px;
  margin-bottom: 15px
}

.roulette-panel {
   width: 100%;
   height: 100%;
}

p.text-tblposition{
  margin-top: 50px;
}

.box-rules{
  border: 1px solid black;

}

.list-group-item{
  padding: .75rem 1.20rem !important;
}

.list-group-item.active{
  border-color: wheat !important;
}


.andar-attention{
  margin-top: -18px;
}

.roulette-payoff-col{
  height: 8em;
}

.roulette-payoff-td{
  vertical-align: middle !important;
}

.sicbo-payoff-col{
  height: 6em;
}

.sicbo-payoff-td{
  vertical-align: middle !important;
}

.andar-box{
  padding-left: 41px;
} 

.niu-rules-img{
  height: 7em;
}

.common-styles b.lang {
  font-size: 20px;
}

.table-sedie .sed-stepbox b {
  font-size: 17px;
  color: #e4ded6;
}

.table-sedie .sed-stepbox2 b {
  font-size: 17px;
  color: #e4ded6;
}

.table_header{
  height: 3em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.common-styles {
  font-size: 1em;
}

.common-list-style-none {
  list-style-type: none;
  text-align: justify;
  text-justify: inter-word;
}

.font-header{
  font-size:20px;
}

.threecards-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.threecards-column {
  display: flex;
  flex-direction: column;
  
  flex-basis: 100%;
  flex: 1;
  margin: 0px 15px 0px 0px;
}


.tbl_padding_threecards {
  padding-left: 25px;
  border: none !important;
  background-color: #EEEAE2;
}

.table-sedie .bg-light td{
  top: 0px;
  border: 1px solid #FCB273;
}
.table-sedie .bg-medium td{
  top: 0px;
  padding: 4px;
  border: 1px solid #FCB273;
  background-color: #FFF5E0;
}
.table-sedie .thead-dark th{
  background-color: #FFA881;
  border-color: #fabf8c;
}

.table-sedie .thead-dark tbody th{
  background-color: #FFFFFF;
}

.table-sedie .sed-stepbox2  b, ol .thead-dark-aten{
  color: #dc3545;
}


.table-sedie td, th {
  border-left:solid #fabf8c 1px;
  border-top:solid #fabf8c 1px;
}

.table-rules {
    overflow: hidden;
    border-radius: 20px;
    outline: 1.5px solid #fabf8c;
    outline-offset: -1px;
}
.table-rules, .table {
  margin-bottom: 0px;
}

.tbody .bg-medium table-row .table-sedie{
  border:solid #0c0c0c 1px;
}


.lang-container {
  display: flex;
  flex-grow: 1;
  width: 100%;
  justify-content: flex-end;
  gap: 30px;
  margin-right: 30px;
}

.flag-cn-position,
.flag-en-position,
.flag-id-position {
  cursor: pointer;
}

#navbar .img-size {
  width: 100%;
  height: auto;
  max-width: 60px;
  max-height: 30px;
}

.flag-select-en,
.flag-select-cn,
.flag-select-id {
  position: absolute;
  margin-left: -24px;
  margin-top: -24px;
  display: none;
}

.active-cn,
.active-id,
.active-en {
  display: block;
}



/* .flag-select-en{
  display: none;
  margin-left: -1.44em;
  top: -1.5em;
  position: absolute;
  cursor: pointer;
}

.flag-en-position{
  position: absolute;
  right: 128px;
  cursor: pointer;
 }

 .active-en{
  display: block !important;
 } */
/* 
.flag-div-position{
position: absolute;
right: 106px;
}

.div-position{
position: absolute;
right: 198px;
}

.flag-select-cn{
display: none;
margin-left: -1.43em;
top: -1.43em;
position: absolute;
cursor: pointer;
}

.flag-select-id{
  display: none;
  margin-left: -6.44em;
  top: -1.5em;
  position: absolute;
  cursor: pointer;
  }

.flag-id-position{
  position: absolute;
  right: 208px;
  margin-top: 7px;
  cursor: pointer;
}

.flag-cn-position{
position: absolute;
right: 22px;
margin-top: 7px;
cursor: pointer;
}

.flag-th-position {
position: absolute;
right: 22px;
margin-top: 7px;
cursor: pointer;
}

.active-cn{
display: block !important;
}

.active-id{
display: block !important;
} */

@media only screen and (max-width: 600px) {
  .navbar {
    padding-right: 3rem !important;
  }
}