.deal-historyN {
  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-historyN ul {
  margin: 0px;
  padding: 0px;
  width: 32px;
  float: left;
  list-style: none;
}
.deal-historyN ul li {
  width: 32px;
  height: 32px;
}
.history-containerN {
  /*min-width: 653px;*/
  /* width: auto; */
}
.history-playerN {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;

  font-weight: bold;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid darkblue;

  /* border-width: 8px; */

  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */

  background-color: blue;
}

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

  font-weight: bold;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid darkred;

  /* border-width: 8px; */

  width: 95%;
  height: 95%;
  background-color: red;
  /* box-shadow: 1px 2px 2px #888888; */
}
.badge_bankerN {
  color: yellow;
}
.badge_playerN {
  color: yellow;
}
.badge_drawN {
  color: yellow;
}
.badge_cancelN {
  color: yellow;
}
/*.history-banker::after{
    content:"B";
    font-size:12px;
    color: #FF4848;
}*/
.history-tieN {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;

  font-weight: bold;
  -webkit-border-radius: 50% !important;
  -moz-border-radius: 50% !important;
  border-radius: 50% !important;
  border: 2px solid darkgreen;

  /* border-width: 8px; */

  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */

  background-color: green;
}
/*.history-tie::after{
    content:"T";
    font-size:12px;
    color: #27AE60;
}*/
.history-cancelN {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;

  font-weight: bold;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid darkgray;

  /* border-width: 8px; */

  width: 95%;
  height: 95%;
  /* box-shadow: 1px 2px 2px #888888; */

  background-color: gray;
}

.history-noneN {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 2px 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;
}*/

.grid-wrapperN {
  overflow-x: auto;
  background: white;
  border-left: 1px solid #222;
  border-right: 1px solid #222;
  background-size: 55px 55px;
  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;
  flex: 0 0 220px; /* or 5 rows x 55px */
  height: 220px;
  box-sizing: border-box; /* Important for consistent sizing */
}

.grid-containerN {
  position: relative;
  width: 100%;
  height: 220px;
  /* overflow: hidden; */
  /* 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-wrapper {
  height: 28vh;
} */
/* .grid-containerN {
  height: 100% !important;
} */
/* .grid-containerN {
  display: grid;
  grid-template-columns: repeat(4, 1fr); 
  grid-auto-rows: 32px; 
} */
.grid-itemN {
  position: absolute;
  background-color: transparent;
  display: flex;
  font-size: 11px;
  text-align: center;
  width: 32px;
  height: 32px;
}

.trend-itemN {
  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;
}