@charset "utf-8";

.deal-history {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 212px;
  overflow-x: scroll;
  overflow-y: hidden;
  background-size: 32px 32px;
  background-image: linear-gradient(to right, lightgrey 1px, transparent 1px),
    linear-gradient(to bottom, lightgrey 1px, transparent 1px);
  background-repeat: repeat;
  background-attachment: local;
  background-color: white;
  line-height: normal;
  text-align: start;
}

.deal-history ul {
  margin: 0px;
  padding: 0px;
  width: 32px;
  float: left;
  list-style: none;
}
.deal-history ul li {
  width: 32px;
  height: 32px;
}
.history-container {
  /*min-width: 653px;*/
  /* width: auto; */
}
.history-player {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;

  font-weight: bold;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 4px solid #009900;
  border-style: solid;
  /* border-width: 8px; */
  background: transparent;
  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */
  border-color: #0b4592;
}

/*.history-player::after{
    content: "P";
    font-size: 14px;
    color: #FFF;
}*/
.history-banker {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;

  font-weight: bold;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 4px solid #009900;
  border-style: solid;
  /* border-width: 8px; */
  background: transparent;
  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */
  border-color: #b31013;
}
.badge_banker {
  color: #b31013;
}
.badge_player {
  color: #0b4592;
}
.badge_draw {
  color: #009900;
}
.badge_cancel {
  color: #9a9da2;
}
/*.history-banker::after{
    content:"B";
    font-size:12px;
    color: #FF4848;
}*/
.history-tie {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;

  font-weight: bold;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 4px solid #009900;
  border-style: solid;
  /* border-width: 8px; */
  background: transparent;
  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */
  color: #009900;
}
/*.history-tie::after{
    content:"T";
    font-size:12px;
    color: #27AE60;
}*/
.history-cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;

  font-weight: bold;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 4px solid #009900;
  border-style: solid;
  /* border-width: 8px; */
  background: transparent;
  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */
  border-color: #9a9da2;
}

.history-none {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 4px solid #009900;
  border-style: solid;
  /* border-width: 8px; */
  background: transparent;
  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */
  border-color: #9a9da2;
}

.deal-history1 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 212px;
  overflow-x: scroll;
  overflow-y: hidden;
  background-size: 32px 32px;
  background-image: linear-gradient(to right, lightgrey 1px, transparent 1px),
    linear-gradient(to bottom, lightgrey 1px, transparent 1px);
  background-repeat: repeat;
  background-attachment: local;
  background-color: white;
  line-height: normal;
  text-align: start;
}

.deal-history1 ul {
  margin: 0px;
  padding: 0px;
  width: 32px;
  float: left;
  list-style: none;
}
.deal-history1 ul li {
  width: 32px;
  height: 32px;
}
.history-container1 {
  /*min-width: 653px;*/
  width: auto;
}
.history-player1 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #1e81f1;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #1e81f1;
  font-weight: bold;
}
/*.history-player::after{
    content: "P";
    font-size: 14px;
    color: #FFF;
}*/
.history-banker1 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #f34141;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #f34141;
  font-weight: bold;
}
/*.history-banker::after{
    content:"B";
    font-size:12px;
    color: #FF4848;
}*/
.history-tie1 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #009900;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #009900;
  font-weight: bold;
}
/*.history-tie::after{
    content:"T";
    font-size:12px;
    color: #27AE60;
}*/
.history-cancel1 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #9a9da2;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #9a9da2;
  font-weight: bold;
}
.history-none1 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid transparent;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #566573;
  font-weight: bold;
}
.deal-history2 {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 177px;
  overflow-x: scroll;
  overflow-y: hidden;
  background-size: 32px 32px;
  background-image: linear-gradient(to right, lightgrey 1px, transparent 1px),
    linear-gradient(to bottom, lightgrey 1px, transparent 1px);
  background-repeat: repeat;
  background-attachment: local;
  background-color: white;
  line-height: normal;
  text-align: start;
}

.deal-history2::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: black;
}
.deal-history2::-webkit-scrollbar {
  height: 10px;
  background-color: #666;
}
.deal-history2::-webkit-scrollbar-thumb {
  border-radius: 0px;
  -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3);
  background-color: #666;
}
.deal-history2 ul {
  margin: 0px;
  padding: 0px;
  width: 32px;
  float: left;
  list-style: none;
}
.deal-history2 ul li {
  width: 32px;
  height: 32px;
}
.history-container2 {
  min-width: 653px;
  width: auto;
}
.history-player2 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #1e81f1;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #1e81f1;
  font-weight: bold;
}
/*.history-player::after{
    content: "P";
    font-size: 14px;
    color: #FFF;
}*/
.history-banker2 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #f34141;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #f34141;
  font-weight: bold;
}
/*.history-banker::after{
    content:"B";
    font-size:12px;
    color: #FF4848;
}*/
.history-tie2 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #009900;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #009900;
  font-weight: bold;
}
/*.history-tie::after{
    content:"T";
    font-size:12px;
    color: #27AE60;
}*/
.history-cancel2 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid #9a9da2;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #9a9da2;
  font-weight: bold;
}
.history-none2 {
  -webkit-border-radius: 17.5px;
  -moz-border-radius: 17.5px;
  border-radius: 17.5px;
  border: 4px solid transparent;
  background: transparent;
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 14px;
  color: #566573;
  font-weight: bold;
}

.grid-wrapper {
  overflow-x: auto;
  background: white;
  border-left: 1px solid #222;
  border-right: 1px solid #222;
  background-size: 32px 32px;
  background-image: linear-gradient(to right, lightgrey 1px, transparent 1px),
    linear-gradient(to bottom, lightgrey 1px, transparent 1px);
  background-repeat: repeat;
  background-attachment: local;
  background-color: white;
}

.grid-container {
  position: relative;
  height: 193px;
  /* overflow-x: scroll;
  overflow-y: hidden; */
  /* background-size: 32px 32px;
  background-image: linear-gradient(to right, lightgrey 1px, transparent 1px),
    linear-gradient(to bottom, lightgrey 1px, transparent 1px);
  background-repeat: repeat;
  background-attachment: local;
  background-color: white; */
}
.grid-item {
  position: absolute;
  background-color: transparent;
  display: flex;
  font-size: 11px;
  text-align: center;
  width: 32px;
  height: 32px;
}
.trend-item {
  display: flex;
  width: 100%;
  height: 100%;
  line-height: 1em;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  font-weight: 700;
  text-shadow: #000 0px 2px;
}
.baccarat.trend-item {
  line-height: 1.8em;
  border-width: 3px;
  border-style: solid;
}
.continuous.trend-item {
  line-height: 2.1em;
}
.baccarat.trend-item.trend-default {
  border: none;
}
.baccarat.trend-item.trend-blue {
  border-color: #1e88e5;
}
.baccarat.trend-item.trend-red {
  border-color: #e53935;
}
.baccarat.trend-item.trend-green {
  border-color: #1b5e20;
}
.baccarat.trend-item.trend-grey {
  border-color: #424242;
}
.continuous.trend-item.trend-blue {
  background: #1e88e5;
}
.continuous.trend-item.trend-red {
  background: #e53935;
}
.continuous.trend-item.trend-green {
  background: #1b5e20;
}
.continuous.trend-item.trend-grey {
  background: #424242;
}
.counter-sheet {
  border-radius: 50%;
  height: 32px;
  width: 32px;
  margin: 0 auto;
  font-size: 12px;
  text-shadow: #000 0px 1px;
}
.bg-gray.counter-sheet {
  background: #424242 !important;
}
.counter-content {
  line-height: 1;
  color: #fff;
}