/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Feb 22 2025 | 17:45:14 */
<style>
.table-box {
  display: block;
  padding: 3px;
  /* border-radius: 1.1em; */
  background: black;
}
.colorBorderRed {
    border: #129903 6px solid;
}
.colorBorderOrange {
  border: #aa7003 6px solid;
}
.colorBorderDarkGreen {
  border: #5caa03 6px solid;
}
.colorBorderDarkBlue {
  border: #003399 6px solid;
}
.colorBorderGrey {
  border: #727272 6px solid;
}
.colorBorderYellow {
    border: #129903 6px solid;
}
.colorBorderCream {
  border: #ffcc99 6px solid;
}
.colorBorderBlue {
  border: #33ccff 6px solid;
}
.colorRed {
    background: linear-gradient(to bottom, #29632b 0%, #117505 50%, #03aa2f 100%);
}
.colorOrange {
  background: linear-gradient(to bottom, #ff8a05 0%, #aa7003 50%, #aa5403 100%);
}
.colorDarkGreen {
  background: linear-gradient(to bottom, #006600 0%, #5caa03 50%, #03aa4e 100%);
}
.colorDarkBlue {
  background: linear-gradient(to bottom, #003399, #3366cc);
}
.colorGrey {
  background: linear-gradient(to bottom, #434343 0%, #727272 50%, #3d3d3d 100%);
}
.colorYellow {
    background: linear-gradient(to bottom, #29632b 0%, #117505 50%, #03aa2f 100%);
}
.colorCream {
  background: linear-gradient(to bottom, #996633, #ffcc99);
  color: black;
}
.colorBlue {
  background: linear-gradient(to bottom, #33ccff 0%, #9966ff 100%);
  color: black;
}
.livedraww {
  background-color: black;
  border-collapse: collapse;
  font-weight: bold;
  color: #fff;
  border: 0px solid #e8e8e8;
  table-layout: fixed;
  width: 100%;
  margin: auto;
  text-align: center;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}

@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
table.livedraww td {
  padding: 8px;
}
.box-head {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
}
.box-head-day {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
}
.box-value {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
  background: white;
  color: black;
}
.box-head-macau {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
}
.line-height {
  line-height: 50px;
}
.line-height-value {
  line-height: 5px;
}
.box-value-macau {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
  background: white;
  color: black;
}
.box-value-macau-red {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  /* border-radius: 0.7em; */
  background: linear-gradient(to bottom, #63292a 0%, #750507 50%, #aa0306 100%);
  color: white;
}

.imgsizeld {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 4px;
  height: 50px;
  width: 250px;
}

.imgsizeldlogo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  /* max-width: 400px; */
  /* height: 100px; */
  height: 30%;
  width: 20%;
  /* width: 400px */
}
.animated-gif {
  width: 32px;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .box-head {
    font-size: 16px;
  }
  .box-head-day {
    font-size: 14px;
  }
  table.livedraww td {
    padding: 10px 0px 10px 0px;
  }
  .box-value {
    font-size: 18px;
  }
  .animated-gif {
    width: 22px;
    height: auto;
  }
  .box-head-macau {
    font-size: 12px;
  }
  .box-value-macau {
    padding: 0%;
    font-size: 14px;
  }
  .box-value-macau-red {
    padding: 0%;
    font-size: 14px;
  }

  .imgsizeld {
    padding: 0;
  }
  .imgsizeldlogo {
    width: 37%;
    padding: 2px;
  }
}

@media screen and (max-width: 600px) {
  .imgsizeldlogo {
    width: 20%;
    padding: 2px;
  }
}
/* @media screen and (max-width: 800px) {
  .imgsizeldlogo {
    width: 20%;
    padding: 2px;
  }
} */


.livedrawww {
    background-color: black;
    border-collapse: collapse;
    font-weight: bold;
    color: #fff;
    border: 0px solid #e8e8e8;
    /* table-layout: fixed; */
    width: 100%;
    margin: auto;
    text-align: center;
}
</style>