.modal-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  transition: opacity 125ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  width: 100vw;
  z-index: 10000;
}
table th, table td, table tr {
    padding: 10px !important;
}
.modal-container .modal-backdrop {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(212, 212, 212, 0.5);
  bottom: 0;
  height: 100%;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
}
.modal-container .portal-modal {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  max-height: 85vh;
  min-height: 315px;
  position: relative;
  width: 500px;
  z-index: 1;
}
@media screen and (max-width: 500px) {
  .modal-container .portal-modal {
    min-width: 90vw;
    width: 90vw;
  }
}
.modal-container .portal-modal .modal-title {
  background-color: #e1e1e1;
  border-radius: 10px 10px 0 0;
  color: #545658;
  font-size: 20px;
  font-weight: 600;
  height: 50px;
  line-height: 37px;
  padding: 5px 0;
  text-align: center;
}
.modal-container .portal-modal .modal-close-btn {
  align-items: center;
  background-color: var(--platform-color-highlight);
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 22px;
  font-weight: 300;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
}
.modal-container .portal-modal .modal-close-btn > span {
  line-height: 27px;
}
.modal-container .portal-modal .modal-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 43px 22px;
}
.modal-container .portal-modal .modal-content .icon {
  height: 70px;
  margin-bottom: 20px;
}
.modal-container .portal-modal .modal-content .icon img {
  height: 100%;
}
.modal-container .portal-modal .modal-btn {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 0 22px 22px;
}
.modal-container .portal-modal .modal-btn > button {
  border-radius: 5px;
  color: #fff;
  flex: 1;
  height: 42px;
  line-height: 42px;
  text-align: center;
}
.modal-container .portal-modal .modal-btn > button.pri-btn {
  background-image: linear-gradient(
    101deg,
    color-mix(in srgb, var(--platform-color-highlight) 90%, #fff 10%),
    var(--platform-color-highlight) 100%
  );
}
.modal-container .portal-modal .modal-btn > button.pri-btn:hover {
  background-image: linear-gradient(
    101deg,
    color-mix(in srgb, var(--platform-color-highlight) 85%, #fff 15%),
    color-mix(in srgb, var(--platform-color-highlight) 95%, #000 5%) 100%
  );
}
.modal-container .portal-modal .modal-btn > button.sec-btn {
  background-color: #ccc;
}
.modal-container .portal-modal .modal-btn > button.sec-btn:hover {
  background-color: #b3b3b3;
}
.modal-container .portal-modal .modal-btn > button:nth-child(2) {
  margin-left: 15px;
}
.modal-container.alert-modal .alert-modal-content {
  max-height: calc(85vh - 290px);
  overflow: auto;
  text-align: center;
  white-space: pre-line;
}
.modal-container.alert-modal .alert-modal-content .alert-message {
  color: #545658;
  line-height: 1.4;
  text-align: center;
}
.modal-container.alert-modal .alert-modal-content .children-content {
  line-height: 1.4;
}
.modal-container.alert-modal .alert-modal-content .children-content .message {
  color: #545658;
}
.modal-container.gift-modal .portal-modal {
  max-height: inherit;
  min-height: inherit;
}
.modal-container.gift-modal .portal-modal .modal-content {
  padding: 25px 15px;
}
.modal-container.gift-modal .portal-modal .modal-content .icon {
  height: 100px;
  margin-bottom: 10px;
  position: relative;
}
.modal-container.gift-modal .portal-modal .modal-content .icon img {
  bottom: 0;
  height: 200px;
  position: absolute;
  transform: translateX(-50%);
}
.modal-container.gift-modal .portal-modal .modal-content .message {
  color: #545658;
}
@keyframes sk-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.sk-fade-in {
  -webkit-animation: sk-fade-in 2s;
  -moz-animation: sk-fade-in 2s;
  -o-animation: sk-fade-in 2s;
  -ms-animation: sk-fade-in 2s;
}
.sk-chasing-dots {
  animation: sk-rotate 2s linear infinite;
  height: 27px;
  position: relative;
  width: 27px;
}
.sk-dot1,
.sk-dot2 {
  animation: sk-bounce 2s ease-in-out infinite;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 60%;
  position: absolute;
  top: 0;
  width: 60%;
}
.sk-dot2 {
  animation-delay: -1s;
  bottom: 0;
  top: auto;
}
@keyframes sk-rotate {
  to {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
  }
}
@keyframes sk-bounce {
  0%,
  to {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-circle-wrapper {
  height: 22px;
  position: relative;
  width: 22px;
}
.sk-circle {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sk-circle:before {
  animation: sk-bouncedelay 1.2s ease-in-out infinite;
  animation-fill-mode: both;
  background-color: #333;
  border-radius: 100%;
  content: "";
  display: block;
  height: 20%;
  margin: 0 auto;
  width: 20%;
}
.sk-circle2 {
  transform: rotate(30deg);
}
.sk-circle3 {
  transform: rotate(60deg);
}
.sk-circle4 {
  transform: rotate(90deg);
}
.sk-circle5 {
  transform: rotate(120deg);
}
.sk-circle6 {
  transform: rotate(150deg);
}
.sk-circle7 {
  transform: rotate(180deg);
}
.sk-circle8 {
  transform: rotate(210deg);
}
.sk-circle9 {
  transform: rotate(240deg);
}
.sk-circle10 {
  transform: rotate(270deg);
}
.sk-circle11 {
  transform: rotate(300deg);
}
.sk-circle12 {
  transform: rotate(330deg);
}
.sk-circle2:before {
  animation-delay: -1.1s;
}
.sk-circle3:before {
  animation-delay: -1s;
}
.sk-circle4:before {
  animation-delay: -0.9s;
}
.sk-circle5:before {
  animation-delay: -0.8s;
}
.sk-circle6:before {
  animation-delay: -0.7s;
}
.sk-circle7:before {
  animation-delay: -0.6s;
}
.sk-circle8:before {
  animation-delay: -0.5s;
}
.sk-circle9:before {
  animation-delay: -0.4s;
}
.sk-circle10:before {
  animation-delay: -0.3s;
}
.sk-circle11:before {
  animation-delay: -0.2s;
}
.sk-circle12:before {
  animation-delay: -0.1s;
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.sk-cube-grid {
  height: 27px;
  width: 27px;
}
.sk-cube {
  animation: sk-scaleDelay 1.3s ease-in-out infinite;
  background: #333;
  float: left;
  height: 33%;
  width: 33%;
}
.sk-spinner .sk-cube:first-child {
  animation-delay: 0.2s;
}
.sk-spinner .sk-cube:nth-child(2) {
  animation-delay: 0.3s;
}
.sk-spinner .sk-cube:nth-child(3) {
  animation-delay: 0.4s;
}
.sk-spinner .sk-cube:nth-child(4) {
  animation-delay: 0.1s;
}
.sk-spinner .sk-cube:nth-child(5) {
  animation-delay: 0.2s;
}
.sk-spinner .sk-cube:nth-child(6) {
  animation-delay: 0.3s;
}
.sk-spinner .sk-cube:nth-child(7) {
  animation-delay: 0s;
}
.sk-spinner .sk-cube:nth-child(8) {
  animation-delay: 0.1s;
}
.sk-spinner .sk-cube:nth-child(9) {
  animation-delay: 0.2s;
}
@keyframes sk-scaleDelay {
  0%,
  70%,
  to {
    transform: scaleX(1);
  }
  35% {
    transform: scale3D(0, 0, 1);
  }
}
.sk-double-bounce {
  height: 27px;
  position: relative;
  width: 27px;
}
.sk-double-bounce1,
.sk-double-bounce2 {
  animation: sk-bounce 2s ease-in-out infinite;
  background-color: #333;
  border-radius: 50%;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
}
.sk-double-bounce2 {
  animation-delay: -1s;
}
@keyframes sk-bounce {
  0%,
  to {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-folding-cube {
  height: 27px;
  position: relative;
  transform: rotate(45deg);
  width: 27px;
}
.sk-folding-cube .sk-cube {
  float: left;
  height: 50%;
  position: relative;
  transform: scale(1.1);
  width: 50%;
}
.sk-folding-cube .sk-cube:before {
  animation: sk-foldCubeAngle 2.4s linear infinite both;
  background-color: #333;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: 100% 100%;
  width: 100%;
}
.sk-folding-cube .sk-cube2 {
  transform: scale(1.1) rotate(90deg);
}
.sk-folding-cube .sk-cube3 {
  transform: scale(1.1) rotate(180deg);
}
.sk-folding-cube .sk-cube4 {
  transform: scale(1.1) rotate(270deg);
}
.sk-folding-cube .sk-cube2:before {
  animation-delay: 0.3s;
}
.sk-folding-cube .sk-cube3:before {
  animation-delay: 0.6s;
}
.sk-folding-cube .sk-cube4:before {
  animation-delay: 0.9s;
}
@keyframes sk-foldCubeAngle {
  0%,
  10% {
    opacity: 0;
    transform: perspective(140px) rotateX(-180deg);
  }
  25%,
  75% {
    opacity: 1;
    transform: perspective(140px) rotateX(0deg);
  }
  90%,
  to {
    opacity: 0;
    transform: perspective(140px) rotateY(180deg);
  }
}
.sk-pulse {
  animation: sk-scaleout 1s ease-in-out infinite;
  background-color: #333;
  border-radius: 100%;
  height: 27px;
  width: 27px;
}
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-rotating-plane {
  animation: sk-rotateplane 1.2s ease-in-out infinite;
  background-color: #333;
  height: 27px;
  width: 27px;
}
@keyframes sk-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  to {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}
.sk-three-bounce > div {
  animation: sk-bouncedelay 1.4s ease-in-out infinite;
  animation-fill-mode: both;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 18px;
  width: 18px;
}
.sk-three-bounce .sk-bounce1 {
  animation-delay: -0.32s;
}
.sk-three-bounce .sk-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.sk-wandering-cubes {
  height: 27px;
  position: relative;
  width: 27px;
}
.sk-cube1,
.sk-cube2 {
  animation: sk-cubemove 1.8s ease-in-out infinite;
  background-color: #333;
  height: 10px;
  left: 0;
  position: absolute;
  top: 0;
  width: 10px;
}
.sk-cube2 {
  animation-delay: -0.9s;
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-90deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0) translateY(42px) rotate(-270deg) scale(0.5);
  }
  to {
    transform: rotate(-1turn);
    -webkit-transform: rotate(-1turn);
  }
}
.sk-wave {
  height: 27px;
  width: 50px;
}
.sk-wave > div {
  animation: sk-stretchdelay 1.2s ease-in-out infinite;
  background-color: #333;
  display: inline-block;
  height: 100%;
  width: 6px;
}
.sk-wave .sk-rect2 {
  animation-delay: -1.1s;
}
.sk-wave .sk-rect3 {
  animation-delay: -1s;
}
.sk-wave .sk-rect4 {
  animation-delay: -0.9s;
}
.sk-wave .sk-rect5 {
  animation-delay: -0.8s;
}
@keyframes sk-stretchdelay {
  0%,
  40%,
  to {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.sk-wordpress {
  animation: sk-inner-circle 1s linear infinite;
  background: #333;
  border-radius: 27px;
  display: inline-block;
  height: 27px;
  position: relative;
  width: 27px;
}
.sk-inner-circle {
  background: #fff;
  border-radius: 8px;
  display: block;
  height: 8px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 8px;
}
@keyframes sk-inner-circle {
  0% {
    transform: rotate(0);
    -webkit-transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
    -webkit-transform: rotate(1turn);
  }
}
.new-marquee {
  overflow: hidden;
  width: 100%;
}
.new-marquee-content {
  display: inline-block;
  white-space: nowrap;
}
.new-marquee-item {
  align-items: center;
  display: inline-flex;
}
.sk-fading-circle {
  margin: auto;
  position: relative;
}
.sk-fading-circle .sk-circle {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.sk-fading-circle .sk-circle:before {
  animation: sk-circleFadeDelay 1.2s ease-in-out infinite both;
  background-color: #999;
  border-radius: 100%;
  content: "";
  display: block;
  height: 15%;
  margin: 0 auto;
  width: 15%;
}
.sk-fading-circle .sk-circle2 {
  transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  transform: rotate(300deg);
}
.sk-fading-circle .sk-circle12 {
  transform: rotate(330deg);
}
.sk-fading-circle .sk-circle2:before {
  animation-delay: -1.1s;
}
.sk-fading-circle .sk-circle3:before {
  animation-delay: -1s;
}
.sk-fading-circle .sk-circle4:before {
  animation-delay: -0.9s;
}
.sk-fading-circle .sk-circle5:before {
  animation-delay: -0.8s;
}
.sk-fading-circle .sk-circle6:before {
  animation-delay: -0.7s;
}
.sk-fading-circle .sk-circle7:before {
  animation-delay: -0.6s;
}
.sk-fading-circle .sk-circle8:before {
  animation-delay: -0.5s;
}
.sk-fading-circle .sk-circle9:before {
  animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  animation-delay: -0.1s;
}
@keyframes sk-circleFadeDelay {
  0%,
  39%,
  to {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.message-slider-up {
  flex: 1;
  overflow: hidden;
  width: 100%;
}
.message-slider-up-content {
  transition: opacity 0.3s ease-in, margin 0.3s ease-out;
}
.deposit-ranking-detail-container {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 103;
}
.deposit-ranking-detail-overlay {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1;
}
.deposit-ranking-detail {
  background-color: #261f26;
  border-radius: 10px;
  box-shadow: 0 5px 18px 2px rgba(20, 20, 20, 0.4);
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 311px;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 525px;
  z-index: 1;
}
.deposit-ranking-detail .no-data {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  flex-direction: column;
  height: calc(100% - 45px);
  justify-content: center;
  left: 0;
  position: absolute;
  top: 45px;
  width: 100%;
  z-index: 1;
}
.deposit-ranking-detail .no-data i {
  font-size: 60px;
  margin-bottom: 10px;
}
.deposit-ranking-detail .dr-close {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  box-shadow: 0 5px 18px 2px rgba(20, 20, 20, 0.5);
  color: rgba(20, 20, 20, 0.5);
  cursor: pointer;
  display: flex;
  font-size: 28px;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: -8px;
  top: -8px;
  width: 32px;
}
.deposit-ranking-detail .dr-header {
  align-items: center;
  background-color: #bd1010;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  font-size: 19px;
  height: 45px;
}
.deposit-ranking-detail .dr-header .mps-sports {
  color: #febf4e;
  margin: 0 5px 0 20px;
}
.deposit-ranking-detail .dr-marquee {
  align-items: center;
  background-color: #e29212;
  color: #fff;
  display: flex;
  height: 30px;
  position: relative;
}
.deposit-ranking-detail .dr-marquee .mps-thai-clock {
  margin-right: 5px;
}
.deposit-ranking-detail .dr-content {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
}
.deposit-ranking-detail .dr-left-box {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  padding: 0 20px;
  width: 215px;
}
.deposit-ranking-detail .dr-left-item {
  display: flex;
  flex-direction: column;
  height: 78px;
  justify-content: center;
}
.deposit-ranking-detail .dr-left-item > div {
  align-items: center;
  display: flex;
}
.deposit-ranking-detail .dr-left-item .player-id {
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
}
.deposit-ranking-detail .dr-left-item .mps-coin-fill {
  color: #febf4e;
  font-size: 22px;
  margin-top: 5px;
}
.deposit-ranking-detail .dr-left-item .money {
  color: #ffcd57;
  font-size: 18px;
  font-weight: 500;
  margin-top: 5px;
}
.deposit-ranking-detail .rank {
  border-radius: 10px;
  color: #fff;
  font-family: Avenir;
  font-size: 12px;
  font-weight: 900;
  margin-right: 5px;
  padding: 5px 8px 5px 7px;
}
.deposit-ranking-detail .top-1 {
  background-color: #fda200;
  box-shadow: 0 1px 2.4px 0.6px rgba(20, 20, 20, 0.75),
    inset 0 -1px 4.5px 0.5px rgba(255, 248, 230, 0.91);
}
.deposit-ranking-detail .top-2 {
  background-color: #939dba;
  box-shadow: 0 1px 2.4px 0.6px rgba(20, 20, 20, 0.75),
    inset 0 -1px 4.5px 0.5px rgba(214, 214, 214, 0.91);
}
.deposit-ranking-detail .top-3 {
  background-color: #aa6538;
  box-shadow: 0 1px 2.4px 0.6px rgba(20, 20, 20, 0.75),
    inset 0 -1px 4.5px 0.5px rgba(245, 180, 116, 0.91);
}
.deposit-ranking-detail .dr-right-box {
  align-self: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  overflow: hidden;
}
.deposit-ranking-detail .dr-right-box > div {
  align-items: center;
  background-image: linear-gradient(0deg, #201e20, #2b292c);
  box-shadow: inset 0 -1px 0 0 #37363c;
  display: flex;
  flex-direction: row;
  height: 47px;
  padding: 0 10px;
}
.deposit-ranking-detail .dr-right-box .right-item-rank {
  color: #febf4e;
  font-size: 13px;
  margin-right: 5px;
}
.deposit-ranking-detail .dr-right-box .player-id {
  font-size: 15px;
  text-transform: uppercase;
}
.deposit-ranking-detail .dr-right-box .money-box {
  background-color: #000;
  border-radius: 12px;
  box-shadow: inset 0 -1px 1.9px 0.1px rgba(0, 0, 0, 0.96);
  display: flex;
  margin-left: 10px;
  padding: 3px 27px 1px 3px;
}
.deposit-ranking-detail .dr-right-box .mps-coin-fill {
  color: #febf4e;
  font-size: 18px;
}
.deposit-ranking-detail .dr-right-box .money {
  color: #ffcd57;
  font-size: 15px;
  font-weight: 500;
}
.event-qmenu {
  animation: aqm 1.8s ease infinite;
  bottom: 10px;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.8));
  left: 0;
  min-height: auto !important;
  position: fixed;
  transition: 0.3s ease;
  width: 110px;
  z-index: 21;
}
.event-qmenu > * {
  box-sizing: border-box;
}
@keyframes aqm {
  0% {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.8));
  }
  55% {
    filter: drop-shadow(0 2px 6px #1ac6ff);
  }
  70% {
    filter: drop-shadow(0 2px 6px #33ccff);
  }
  to {
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.8));
  }
}
.event-qmenu.menu-close {
  transform: translateX(-83px);
}
.event-qmenu.menu-close .handle:after {
  left: -13px;
  text-shadow: 0 1px 3px #007399;
  transform: translateY(-50%) rotate(0deg);
}
.event-qmenu .handle {
  bottom: 5px;
  cursor: pointer;
  position: absolute;
  right: 2px;
  width: 30px;
}
.event-qmenu .handle:after {
  speak: none;
  color: #fff;
  content: "";
  font-family: iconmps !important;
  font-size: 55px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  left: 8px;
  line-height: 1;
  position: absolute;
  text-align: center;
  text-shadow: 0 -1px 3px #007399;
  text-transform: none;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  width: 30px;
}
.event-qmenu .handle path {
  fill: #09c;
}
.event-qmenu .cont {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.8);
  border: 3px solid #09c;
  border-bottom-right-radius: 15px;
  border-left: 0;
  border-top-right-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  min-height: 103px;
  padding: 10px;
  width: 80px;
}
.event-qmenu .cont .event-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 60px;
  justify-content: center;
  margin: 5px 0;
  position: relative;
  transition: 0.3s ease;
  width: 60px;
}
.event-qmenu .cont .event-item:hover {
  transform: scale(1.2);
}
.event-qmenu .cont .event-item img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.cs-widget-container {
  position: fixed;
  z-index: 502;
}
input::-ms-clear,
input::-ms-reveal {
  display: none;
}
.via-iframe-page-wrapper {
  background-color: #000;
  bottom: 0;
  display: none;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.via-iframe-page-wrapper.desktop {
  width: 100vw;
}
.via-iframe-page-wrapper.mobile {
  max-width: 640px;
}
.via-iframe-page-wrapper.active {
  display: block;
}
.via-iframe-page-wrapper .via-iframe-page {
  height: 100%;
  width: 100%;
}
@media (max-width: 640px) {
  body::-webkit-scrollbar {
    display: none;
  }
}
.infinite-loader-empty-list {
  opacity: 0.6;
}
.infinite-loader-empty-list img {
  filter: invert(50%);
}
.infinite-loader-empty-list .no-data-block {
  color: #545658;
}
.detail-card {
  border: 1px solid #ececec;
  border-radius: 5px;
  line-height: 1;
  overflow: hidden;
}
.detail-card .card-content {
  background: #fafafc;
  padding: 15px;
}
.detail-card .card-more-btn {
  background-color: #e1e1e1;
  color: #838383;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 15px;
  text-align: center;
}
.detail-card .card-detail-content {
  background: #fafafc;
  border-top: 1px solid #e9e9e9;
  cursor: pointer;
  padding: 5px 20px;
}
.detail-card .card-detail-content.disabled {
  cursor: default;
}
.ec-tooltip-remark-block {
  align-items: normal !important;
  border: 2px solid #e9e9e9;
  border-radius: 5px;
  display: flex;
  font-size: 12px;
  height: 42px;
  justify-content: space-between;
  line-height: 14px;
  padding: 5px;
  position: relative;
}
.ec-tooltip-remark-block .remark-tooltip {
  background-color: #000;
  border-radius: 8px;
  color: #fff;
  left: 0;
  padding: 8px;
  position: absolute;
  top: -2px;
  transition: opacity 0.3s ease-out;
  visibility: hidden;
  word-break: break-all;
  z-index: 100;
}
.ec-tooltip-remark-block .remark-tooltip.show {
  visibility: visible;
}
.ec-tooltip-remark-block .remark-text {
  color: #545658;
  word-break: break-all;
}
.ec-tooltip-remark-block .remark-text.hide-multiple-lines {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
}
.ec-tooltip-remark-block .more-place {
  align-items: center;
  cursor: pointer;
  display: flex;
  min-width: 30px;
}
.ec-tooltip-remark-block .more-place .more-circle-btn {
  border: 1px solid var(--platform-color-highlight);
  border-radius: 10px;
  height: 15px;
  position: relative;
  width: 15px;
}
.ec-tooltip-remark-block .more-place .more-circle-btn:after {
  color: var(--platform-color-highlight);
  content: "...";
  left: 2px;
  position: absolute;
  top: -4px;
}
.anytime-rebate-history {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.anytime-rebate-history .tips {
  align-items: center;
  color: #545658;
  display: flex;
  font-size: 14px;
  margin-bottom: 10px;
}
.anytime-rebate-history .tips i {
  font-size: 12px;
  margin-right: 4px;
}
.anytime-rebate-history .content-block {
  flex: 1;
}
.anytime-rebate-history .anytime-rebate-card {
  background: #fafafc;
  border: 1px solid #ececec;
  border-radius: 5px;
}
.anytime-rebate-history .anytime-rebate-card .detail-card {
  border: 0;
}
.anytime-rebate-history .anytime-rebate-card .detail-card .card-content {
  background: transparent;
  padding: 0;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-info {
  color: #939698;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-info
  .amount {
  color: #545658;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 5px;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-info
  .amount
  small {
  font-size: 14px;
  padding-left: 5px;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-info
  .date {
  font-size: 12px;
  margin-bottom: 8px;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-info
  .limit {
  color: #e94951;
  font-size: 12px;
  margin-bottom: 8px;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-info
  .title {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-func
  .nrc-button {
  border-radius: 5px;
  min-width: 110px;
  padding: 0 20px;
  text-align: center;
  transform: scale(0.9);
}
.anytime-rebate-history
  .anytime-rebate-card
  .detail-card
  .card-content
  .rebate-content
  .rebate-func
  .nrc-button.disabled {
  background: #ccc;
  cursor: not-allowed;
}
.anytime-rebate-history
  .anytime-rebate-card
  .card-detail-content
  .rebate-detail {
  color: #545658;
  font-size: 12px;
  line-height: 16px;
}
.anytime-rebate-history
  .anytime-rebate-card
  .card-detail-content
  .rebate-detail
  .record {
  display: flex;
  justify-content: space-between;
}
.anytime-rebate-history
  .anytime-rebate-card
  .card-detail-content
  .rebate-detail
  .record
  .record-item {
  flex: 3;
}
.anytime-rebate-history
  .anytime-rebate-card
  .card-detail-content
  .rebate-detail
  .record
  .record-item:first-child {
  flex: 4;
}
.anytime-rebate-history .anytime-rebate-detail .container {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  width: 80%;
}
.anytime-rebate-history .anytime-rebate-detail .container .header {
  display: block;
  position: relative;
  text-align: center;
}
.anytime-rebate-history .anytime-rebate-detail .container .header .mps-close {
  color: #fff;
  position: absolute;
  right: 12px;
  top: 10px;
}
.anytime-rebate-history .anytime-rebate-detail .container .body {
  overflow-y: auto;
}
.anytime-rebate-history
  .anytime-rebate-detail
  .container
  .mock-table-row
  > div {
  align-items: center;
  padding: 10px 5px 10px 0;
}
.member-center-promo-history {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.member-center-promo-history > .content-block {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: calc(100vh - 45px);
  padding: 20px;
}
.member-center-promo-history .title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.member-center-promo-history .title-wrapper .button-group .nrc-button {
  border-radius: 5px;
  height: auto;
  padding: 5px 20px;
}
.member-center-promo-history .infinite-loader-wrapper {
  flex: 1;
}
.member-center-promo-history .content-block {
  height: 100%;
}
.member-center-promo-history .content-block.claim-all-padding {
  height: calc(100% - 30px);
}
.member-center-promo-history .promo-card {
  background: #fafafc;
  border: 1px solid #ececec;
  border-radius: 5px;
}
.member-center-promo-history .promo-card .detail-card {
  border: 0;
}
.member-center-promo-history .promo-card .detail-card .card-content {
  background: transparent;
  padding: 0;
}
.member-center-promo-history
  .promo-card
  .detail-card
  .card-content
  .promo-content {
  padding-bottom: 5px;
}
.member-center-promo-history .promo-card .detail-card .ec-tooltip-remark-block {
  border: 0;
  height: 36px;
  line-height: 1.4;
  padding: 0;
}
.member-center-promo-history
  .promo-card
  .detail-card
  .ec-tooltip-remark-block
  .remark-text.hide-multiple-lines {
  max-width: 350px;
  padding: 0;
}
.member-center-promo-history
  .promo-card
  .detail-card
  .ec-tooltip-remark-block
  .more-place {
  justify-content: center;
}
.member-center-promo-history .promo-card .promo-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
}
.member-center-promo-history .promo-card .promo-content .promo-info {
  color: #939698;
}
.member-center-promo-history .promo-card .promo-content .promo-info .amount {
  color: #545658;
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 5px;
}
.member-center-promo-history
  .promo-card
  .promo-content
  .promo-info
  .amount
  small {
  font-size: 14px;
  padding-left: 5px;
}
.member-center-promo-history .promo-card .promo-content .promo-info .date {
  font-size: 12px;
  margin-bottom: 8px;
}
.member-center-promo-history
  .promo-card
  .promo-content
  .promo-info
  .date
  .timer {
  background: #e94951;
  border-radius: 2px;
  color: #fff;
  height: 20px;
  margin-left: 10px;
  padding: 0 4px;
}
.member-center-promo-history
  .promo-card
  .promo-content
  .promo-info
  .date
  .timer
  span {
  padding: 0 2px;
}
.member-center-promo-history .promo-card .promo-content .promo-info .title {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}
.member-center-promo-history
  .promo-card
  .promo-content
  .promo-func
  .nrc-button {
  border-radius: 5px;
  min-width: 110px;
  padding: 0 20px;
  text-align: center;
  transform: scale(0.9);
}
.member-center-promo-history
  .promo-card
  .promo-content
  .promo-func
  .nrc-button.disabled {
  background: #ccc;
  cursor: not-allowed;
}
.member-center-promo-history.floating-promo-history
  .portal-modal
  .modal-content {
  padding: 0;
}
.member-center-promo-history.floating-promo-history
  .portal-modal
  .modal-content
  .member-center-promo-history {
  padding: 24px;
}
.member-center-promo-history.floating-promo-history
  .portal-modal
  .modal-content
  .member-center-promo-history
  .title-wrapper
  .title {
  color: #545658;
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 20px;
}
.member-center-promo-history .claim-all-wrapper {
  margin-bottom: 10px;
  text-align: right;
}
.member-center-promo-history .rebate-top-info {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.member-center-promo-history .claim-all-btn {
  height: 30px;
}
.floating-promo-center {
  cursor: pointer;
  height: 110px;
  padding: 5px;
  position: fixed;
  right: 38px;
  top: 300px;
  width: 110px;
  z-index: 500;
}
.floating-promo-center.floating-promo-hide {
  visibility: hidden;
}
.floating-promo-center > .btn-close {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.55);
  border-radius: 50%;
  color: #ccc;
  display: flex;
  font-size: 21px;
  height: 26px;
  justify-content: center;
  position: absolute;
  right: -2px;
  top: -2px;
  transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
  width: 26px;
  z-index: 3;
}
.floating-promo-center > .btn-close span[data-promo-float="close"] {
  height: 26px;
}
.floating-promo-center .promo-img img {
  animation: shine 0.8s ease-in-out infinite alternate;
  width: 100%;
}
@keyframes shine {
  0% {
    filter: drop-shadow(0 0 0 #ffe07f);
  }
  to {
    filter: drop-shadow(0 0 8px #ffe07f);
  }
}
.floating-promo-history .portal-modal {
  display: flex;
  flex-direction: column;
  height: 70vh;
}
.floating-promo-history .portal-modal .modal-content {
  background-color: #f9f9f9;
  flex: 1;
  padding: 0 24px;
}
.reward-modal {
  box-sizing: border-box;
}
.reward-modal .portal-modal {
  background-color: transparent;
  box-shadow: none;
}
.reward-modal .portal-modal .modal-close-btn {
  display: none;
}
.reward-modal .pfrl3ez {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  width: 100%;
}
.reward-modal .pfrl3ez .sjfh21a {
  border-radius: 0.5rem;
  height: 21.875rem;
  max-height: 100%;
  max-width: 100%;
  position: relative;
  width: 24.25rem;
}
.reward-modal .pfrl3ez .sjfh21a .img-bg {
  height: 31.25rem;
  left: -3.5rem;
  position: absolute;
  top: -5.3125rem;
  width: 31.25rem;
}
.reward-modal .pfrl3ez .sjfh21a .img-bg.rotate {
  animation: rotate-sjfh21a 5s linear infinite;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap {
  background-color: #191a1b;
  background-image: radial-gradient(rgba(242, 187, 47, 0.2), #191a1b 80%);
  background-position: center -8.125rem;
  background-repeat: no-repeat;
  background-size: 100% 90%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap .img_glod {
  animation: fade-in-sjfh21a 0.8s ease-in-out both;
  height: 26.25rem;
  left: -1.3125rem;
  opacity: 0;
  position: absolute;
  top: -3.75rem;
  width: 26.875rem;
  z-index: 2;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2.75rem 0.75rem;
  position: relative;
  text-align: center;
  z-index: 3;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .tit {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.625rem;
  text-transform: uppercase;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .desc {
  color: #98a7b5;
  font-size: 1rem;
  margin: 0.75rem auto 0;
  width: 70%;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .sxm7p3g {
  align-items: center;
  -webkit-background-clip: text;
  background-image: linear-gradient(
    180deg,
    #ffb03b,
    #fcee21,
    #ffff89,
    #fddb3e,
    #ffdb49,
    #ffeb7d,
    #fda60a
  );
  color: transparent;
  display: flex;
  filter: drop-shadow(2px 2px 0 #c55b1a);
  flex: auto;
  flex-wrap: wrap;
  font-size: 3rem;
  font-style: italic;
  font-weight: 900;
  justify-content: center;
  line-height: 3.125rem;
  text-align: center;
  white-space: pre;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .sxm7p3g .currency-string {
  margin-left: 5px;
}
.reward-modal .pfrl3ez .sjfh21a .bg-wrap .cont .ui-button {
  background-color: #1d803ab3;
  background-image: conic-gradient(from 1turn, #58af10, #1d803a);
  border: none;
  border-radius: 0.25rem;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: 3rem;
  margin: 5px auto 0;
  padding: 0;
  transition: transform 0.2s cubic-bezier(0.36, 0.66, 0.04, 1);
  -webkit-user-select: none;
  user-select: none;
  width: 80%;
}
@keyframes rotate-sjfh21a {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(1turn);
  }
}
@keyframes fade-in-sjfh21a {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  80% {
    opacity: 0.8;
    transform: scale(1.2);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
img.avatar-img-hide {
  display: none;
}
.lucky-spin-wrapper .spin-footer .right-cont .avatar-loading-icon {
  border-radius: 50%;
  height: 1.75rem;
  left: 1rem;
  margin: 0;
  position: absolute;
  top: 0.9375rem;
  width: 1.75rem;
}
.tools-item.header-account .cycle-style {
  border-radius: 50%;
  height: 32px;
  margin-left: 5px;
  width: 32px;
}
.cycle-style {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
.reg-roulette-modal .roulette_winner_list .cont {
  font-size: 13px;
}
.reg-roulette-modal .roulette_winner_list .cont .win {
  color: #67707b;
}
.reg-roulette-modal .roulette_winner_list .avatar-loading-icon {
  display: none;
}
.reg-roulette-modal .head .amount .currency-string {
  margin-left: 5px;
  white-space: nowrap;
  word-break: keep-all;
}
.reward-modal .portal-modal .modal-content {
  min-height: 315px;
  padding: 0;
}
html[lang="vi"] .reward-modal .portal-modal .modal-content {
  min-height: 355px;
}
.custom-login-popup-detail-desktop {
  height: 70vh;
  width: 50vw;
}
.custom-login-popup-detail-desktop .header {
  background-color: #eee;
  height: 80px;
}
.custom-login-popup-detail-desktop .header .title {
  align-items: center;
  color: #222;
  display: flex;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 100%;
  justify-content: center;
}
.custom-login-popup-detail-desktop .content {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: calc(100% - 120px);
  line-height: 1.5;
  overflow: auto !important;
  padding: 20px 30px;
}
.custom-login-popup-detail-desktop .footer {
  align-items: center;
  background-color: #eee;
  display: flex;
  height: 80px;
  justify-content: center;
}
.custom-login-popup-detail-desktop .footer button {
  padding: 0;
  width: 150px;
}
.custom-login-popup-detail-mobile {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  height: calc(100% - 20px);
  left: 10px;
  position: fixed;
  top: 10px;
  width: calc(100% - 20px);
  z-index: 102;
}
.custom-login-popup-detail-mobile .header {
  height: 30px;
  position: relative;
}
.custom-login-popup-detail-mobile .header .btn-close {
  position: absolute;
  right: 0;
  top: 0;
}
.custom-login-popup-detail-mobile .header .btn-close i {
  display: inline-block;
  font-size: 35px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  vertical-align: middle;
}
.custom-login-popup-detail-mobile .content-container {
  display: flex;
  flex: 1;
  flex-direction: column;
  margin: 16px;
  overflow: auto;
}
.custom-login-popup-detail-mobile .content-container .content {
  color: #666;
  flex: 1;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5;
}
.custom-login-popup-detail-mobile .content-container .nrc-button {
  min-height: 44px;
}
.slider-captcha-wrapper {
  height: 250px;
  margin: auto;
  width: 300px;
}
.slider-captcha-wrapper .captcha-loading {
  background-color: #fff;
  height: 200px;
  line-height: 200px;
  position: absolute;
  text-align: center;
  width: 300px;
  z-index: 10;
}
.slider-captcha-wrapper .content {
  height: 200px;
  position: relative;
  width: 100%;
}
.slider-captcha-wrapper .content .slice {
  background-position: 50%;
  background-repeat: no-repeat;
  height: 50px;
  left: var(--slice-left-offset);
  position: absolute;
  top: var(--slice-top-offset);
  transition: transform 0.1s ease-in-out;
  width: 50px;
}
.slider-captcha-wrapper .content .slice:after {
  align-items: center;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  content: "";
  display: flex;
  height: 30px;
  justify-content: center;
  left: 4px;
  opacity: 0.3;
  position: absolute;
  top: 4px;
  width: 30px;
}
.slider-captcha-wrapper .content .slice.isDragging {
  transform: scale(1.1);
}
.slider-captcha-wrapper .slider {
  height: 50px;
  position: relative;
  width: 100%;
}
.slider-captcha-wrapper .slider .track {
  background-color: #e1e1e1;
  border-radius: 10px;
  height: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.slider-captcha-wrapper .slider .track .slider-drag-btn {
  background-color: var(--platform-color-highlight);
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  height: 40px;
  left: var(--slice-left-offset);
  line-height: 40px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
}
.slider-captcha-wrapper .slider .track .slider-drag-btn .mps-arrow-right {
  font-weight: 700;
}
.slider-captcha-wrapper .slider .verify-suc {
  background-color: #f3fdec;
  border: 2px solid #39c522;
  color: #39c522;
  height: 100%;
  line-height: 50px;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: opacity 0.3s;
  width: 100%;
  z-index: -1;
}
.slider-captcha-wrapper .slider .verify-suc.isSuccess {
  opacity: 1;
  z-index: 10;
}
.slider-captcha-wrapper .slider.beforeSuc .verify-suc {
  opacity: 1;
  z-index: 99;
}
.slider-captcha-wrapper .captcha-refresh-btn {
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 25px;
}
.slider-captcha-wrapper .captcha-refresh-btn.isRefresh {
  cursor: not-allowed;
  opacity: 0.3;
}
.slider-captcha-modal .portal-modal {
  width: auto;
}
.slider-captcha-modal .portal-modal .modal-title {
  font-size: 16px;
}
.slider-captcha-modal.isFailedEffect .portal-modal {
  animation: failed_shake 0.2s linear 2 both;
}
@keyframes failed_shake {
  25% {
    margin-left: -6px;
  }
  75% {
    margin-left: 6px;
  }
  to {
    margin-left: 0;
  }
}
.vip-progress-block,
.vip-progress-block-mobile {
  height: 30px;
  position: relative;
  width: 30px;
}
.vip-progress-block-mobile .vip-progress-text,
.vip-progress-block .vip-progress-text {
  color: #fff !important;
}
.vip-progress-block-mobile .vip-progress-text-hidden,
.vip-progress-block .vip-progress-text-hidden {
  opacity: 0;
}
.vip-progress-block-mobile span,
.vip-progress-block span {
  font-size: 15px;
  padding: 0 10px 0 2px;
  white-space: nowrap;
}
.vip-progress-block-mobile .vip-progress-icon,
.vip-progress-block .vip-progress-icon {
  align-items: center;
  display: flex;
  height: 16px;
  justify-content: center;
  position: relative;
  width: 16px;
}
.vip-progress-block-mobile .vip-progress-inner,
.vip-progress-block .vip-progress-inner {
  align-items: center;
  border-radius: 100px;
  display: flex;
  height: 26px;
  min-width: 26px;
  overflow: hidden;
  padding: 0 5px;
  position: absolute;
  transition: 0.2s ease;
  z-index: 999;
}
.vip-progress-block-mobile .vip-progress-img,
.vip-progress-block .vip-progress-img {
  display: block;
  max-height: 100%;
  max-width: 100%;
}
.id {
  align-items: center;
  display: flex;
}
.id:hover {
  opacity: 1 !important;
}
.vip-progress-achieve .vip-progress-inner {
  background-color: red;
}
.vip-progress-point .vip-progress-inner {
  background-color: #f6861b;
}
.vip-progress-deposit .vip-progress-inner {
  background-color: #76cf57;
}
.vip-progress-block-width .vip-progress-inner {
  min-width: 100px;
  transition: 0.2s ease;
}
.vip-progress-block-mobile span {
  font-size: 11px;
}
.currency-select-input {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.currency-select-input .currency-toggle {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.currency-select-input .currency-toggle .flag-icon {
  border-radius: 50%;
  height: 27px;
  width: 27px;
}
.currency-select-input .currency-toggle .mps-dropdown-arrow {
  color: #666;
  font-size: 28px;
  text-align: center;
  transition: 0.3s ease;
}
.currency-select-input .list-wrap {
  background-color: #000;
  border-radius: 5px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  left: -5px;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 5px;
  transform: translateY(-15px);
  transition: 0.3s ease;
  width: auto;
  z-index: 999;
}
.currency-select-input .list-wrap .currency-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 34px;
  justify-content: flex-start;
  line-height: 34px;
  min-width: 80px;
  padding: 0 10px;
  text-align: right;
  -webkit-user-select: none;
  user-select: none;
}
.currency-select-input .list-wrap .currency-item i {
  border-radius: 50%;
  height: 18px;
  margin-right: 10px;
  width: 18px;
}
.currency-select-input .list-wrap .currency-item:hover {
  background-color: #434343;
}
.currency-select-input:hover .list-wrap {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.currency-select-input.logined {
  cursor: auto;
}
body {
  background: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif !important;
  line-height: normal;
  min-width: 1280px;
}
body * {
  box-sizing: border-box;
}
main {
  min-height: calc(100vh - 410px);
  position: relative;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}
input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.main-wrap {
  margin: auto;
  position: relative;
  width: 1200px;
}
.highlight-color {
  color: #09c;
}
.color-failed {
  color: #d22323 !important;
}
.color-brand {
  color: #09c !important;
}
footer {
  color: #fff;
}
footer .main-wrap {
  padding: 30px 0;
}
footer .footer-title {
  align-items: center;
  color: #ffb639;
  display: flex;
  font-size: 24px;
  font-weight: 700;
  gap: 4px;
  margin-bottom: 10px;
}
footer .footer-main {
  background: #262624;
}
footer .footer-main .main-wrap {
  display: flex;
  justify-content: space-between;
}
footer .footer-main .main-wrap > * {
  width: 20%;
}
footer .footer-main .main-wrap .footer-about {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 25%;
}
footer .footer-main .main-wrap .footer-about .logo img {
  height: 60px;
}
footer .footer-main .main-wrap .footer-about .about-desc {
  line-height: 1.4;
}
footer .footer-main .main-wrap .footer-about .footer-certifi img {
  height: 40px;
}
footer .footer-main .main-wrap .footer-type .type-list li {
  border-bottom: 1px dotted #777;
}
footer .footer-main .main-wrap .footer-type .type-list li .nav-item a {
  align-items: center;
  cursor: pointer;
  display: flex;
  padding: 10px 0;
  text-transform: uppercase;
  transition: padding 0.3s;
}
footer .footer-main .main-wrap .footer-type .type-list li .nav-item a:before {
  content: "➤";
  margin-right: 10px;
}
footer .footer-main .main-wrap .footer-type .type-list li .nav-item a:hover {
  color: #ffb639;
  padding-left: 10px;
}
footer .footer-main .main-wrap .footer-links a {
  align-items: center;
  border-bottom: 1px dotted #777;
  color: #fff;
  cursor: pointer;
  display: flex;
  padding: 10px 0;
  text-decoration: none;
  transition: padding 0.3s;
}
footer .footer-main .main-wrap .footer-links a:before {
  content: "➤";
  margin-right: 10px;
}
footer .footer-main .main-wrap .footer-links a:hover {
  color: #ffb639;
  padding-left: 10px;
}
footer .footer-main .main-wrap .footer-payment img {
  width: 100%;
}
footer .footer-main .footer-type .submenu {
  display: none;
}
footer .footer-provider {
  background: #212121;
}
footer .footer-provider .provider-list-box {
  justify-content: center;
}
footer .copy {
  background: #0e0e0e;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.app .quick-nav {
  background: #0e0e0e;
  position: relative;
  z-index: 20;
}
.app .quick-nav .main-header {
  align-items: center;
  color: #ffb639;
  display: flex;
  height: 85px;
  justify-content: space-between;
  padding: 0 20px;
}
.app .quick-nav .main-header .header-btn {
  align-items: center;
  background: #ff7600;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  height: 45px;
  justify-content: center;
  min-width: 110px;
  padding: 0 10px;
  text-transform: uppercase;
  -webkit-user-select: none;
  user-select: none;
}
.app .quick-nav .main-header .header-btn:hover {
  background: #ff9500;
}
.app .quick-nav .main-header .header-btn.highlight-btn {
  background: #ffb639;
}
.app .quick-nav .main-header .header-btn.highlight-btn:hover {
  background: #fc0;
}
.app .quick-nav .left .logo {
  cursor: pointer;
}
.app .quick-nav .left .logo img {
  display: block;
  height: 56px;
  width: auto;
}
.app .quick-nav .right {
  align-items: center;
  display: flex;
  gap: 10px;
}
.app .quick-nav .right .simple-logo-wrap {
  align-items: center;
  display: flex;
  gap: 10px;
  position: relative;
}
.app .quick-nav .right .simple-logo-wrap .input-wrap {
  position: relative;
}
.app .quick-nav .right .simple-logo-wrap .input-wrap input {
  background-color: transparent;
  border: 0;
  border-bottom: 1px solid #ffb639;
  border-radius: 0;
  box-shadow: none;
  color: #ffb639;
  font-size: 12px;
  height: 30px;
  outline: none;
  width: 190px;
}
.app .quick-nav .right .simple-logo-wrap .input-wrap input:-webkit-autofill,
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap
  input:-webkit-autofill:active,
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap
  input:-webkit-autofill:focus,
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap
  input:-webkit-autofill:hover {
  -webkit-text-fill-color: #ffb639 !important;
  -webkit-box-shadow: inset 0 0 0 30px #0e0e0e !important;
}
.app .quick-nav .right .simple-logo-wrap .input-wrap.password input {
  padding-right: 130px;
  width: 200px;
}
.app .quick-nav .right .simple-logo-wrap .input-wrap.password .forgot-password {
  color: #ffb639;
  font-size: 12px;
  line-height: 30px;
  position: absolute;
  right: 30px;
  text-decoration: none;
  top: 0;
}
.app .quick-nav .right .simple-logo-wrap .input-wrap.password .visible-toggle {
  align-items: center;
  bottom: 0;
  color: #ffb639;
  cursor: pointer;
  display: flex;
  font-size: 22px;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 0;
  width: 30px;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap.captcha
  .nrc-form-input.secure
  > input {
  padding-right: 126px;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap.captcha
  .nrc-form-input.secure
  > div {
  mix-blend-mode: unset;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap.captcha
  .nrc-form-input.secure
  > i {
  color: #ffb639;
}
.app .quick-nav .right .simple-logo-wrap .btn-wrap {
  display: flex;
  justify-content: center;
  position: relative;
}
.app .quick-nav .right .simple-logo-wrap .btn-wrap .fast-login-wrapper {
  align-items: center;
  background-color: #333;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  display: flex;
  flex-direction: column;
  font-size: 13px;
  font-weight: 500;
  left: 50%;
  opacity: 0;
  padding: 15px 0;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  transform-origin: top;
  transition: opacity 0.5s;
  -webkit-user-select: none;
  user-select: none;
  visibility: hidden;
  z-index: 2;
}
.app .quick-nav .right .simple-logo-wrap .btn-wrap .fast-login-wrapper:hover {
  opacity: 1;
  visibility: visible;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .btn-wrap
  .fast-login-wrapper
  .fast-login-container {
  margin-bottom: 10px;
}
.app .quick-nav .right .simple-logo-wrap .btn-wrap .fast-login-wrapper .icons {
  margin: 0;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .btn-wrap
  .fast-login-wrapper
  .icons
  img {
  height: 40px;
  width: 40px;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .btn-wrap
  .header-btn.login
  .mps-arrow-down {
  margin-left: 10px;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .btn-wrap
  .header-btn.login:hover
  + .fast-login-wrapper {
  opacity: 1;
  visibility: visible;
}
.app .quick-nav .right .simple-logo-wrap .remeber-login-wrapper {
  left: 0;
  margin-top: -5px;
  position: absolute;
  top: 100%;
}
.app .quick-nav .right .simple-logo-wrap .remeber-login-wrapper .center {
  justify-content: flex-start;
}
.app .quick-nav .right .simple-logo-wrap .remeber-login-wrapper .remeber-login {
  color: #ffb639;
  font-size: 12px;
  margin: unset;
  padding: unset;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .remeber-login-wrapper
  .remeber-login
  > input {
  height: 16px;
  margin-left: 0;
  width: 16px;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .remeber-login-wrapper
  .remeber-login-tip {
  display: none !important;
}
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .remeber-login-wrapper
  .remeber-login-tip.simple-login-remember-tip {
  background-color: #007399;
  border-radius: 50px;
  color: #fff;
  display: block !important;
  left: 0;
  margin: unset;
  padding: 3px 10px;
  pointer-events: none;
  position: absolute;
  top: calc(100% + 3px);
  width: max-content;
}
.app .quick-nav .right .logined-nav {
  align-items: center;
  display: flex;
  gap: 10px;
}
.app .quick-nav .right .logined-nav > a {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.app .quick-nav .right .logined-nav > a:hover {
  color: #fc0;
}
.app .quick-nav .right .id {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
}
.app .quick-nav .right .wallet {
  align-items: center;
  color: #fff;
  display: flex;
  gap: 2px;
}
.app .quick-nav .right .wallet > i {
  cursor: pointer;
  font-size: 14px;
}
.app .quick-nav .right .lang {
  cursor: pointer;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.app .quick-nav .right .lang .lang-toggle {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.app .quick-nav .right .lang .lang-toggle .flag-icon {
  border-radius: 50%;
  height: 27px;
  width: 27px;
}
.app .quick-nav .right .lang .lang-toggle .mps-dropdown-arrow {
  color: #666;
  font-size: 28px;
  text-align: center;
  transition: 0.3s ease;
}
.app .quick-nav .right .lang .lang-list-wrap {
  background-color: #000;
  border-radius: 5px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 100%;
  transform: translateY(-15px);
  transition: 0.3s ease;
  width: 130px;
  z-index: 999;
}
.app .quick-nav .right .lang .lang-list-wrap .lang-item {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  -webkit-user-select: none;
  user-select: none;
}
.app .quick-nav .right .lang .lang-list-wrap .lang-item i {
  border-radius: 50%;
  height: 18px;
  margin-right: 10px;
  width: 18px;
}
.app .quick-nav .right .lang .lang-list-wrap .lang-item:hover {
  background-color: #434343;
}
.app .quick-nav .right .lang:hover .lang-list-wrap {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}
.app header {
  background-color: #ff7600;
  color: #fff;
  height: 53px;
  position: relative;
  z-index: 19;
}
.app header .navigation {
  flex-direction: row;
  min-width: 1280px;
  position: static;
}
.app header .nav,
.app header .navigation {
  display: flex;
  justify-content: center;
  width: 100%;
}
.app header .nav {
  align-items: center;
  overflow: hidden;
}
.app header .nav li[data-content="AFFILIATE"] a:before,
.app header .nav li[data-content="PARTNER"] a:before,
.app header .nav li[data-content="ULAGENT_APPLY"] a:before {
  content: "";
}
.app header .nav li[data-content="EGAME"] a:before {
  content: "";
}
.app header .nav li[data-content="LOTTERY"] a:before {
  content: "";
}
.app header .nav li[data-content="LIVE"] a:before {
  content: "";
}
.app header .nav li[data-content="CHESS"] a:before {
  content: "";
}
.app header .nav li[data-content="MPG"] a:before {
  content: "";
}
.app header .nav li[data-content="ANIMAL"] a:before {
  content: "";
}
.app header .nav li[data-content="ESPORTS"] a:before {
  content: "";
}
.app header .nav li[data-content="SPORTS"] a:before {
  content: "";
}
.app header .nav li[data-content="PROMOTIONS"] a:before {
  content: "";
}
.app header .nav li[data-content="ROOT"] a:before {
  content: "";
}
.app header .nav li[data-content="HOT_GAMES"] a:before {
  content: "";
}
.app header .nav li[data-content="PAGE_QR"] a:before {
  content: "";
}
.app header .nav li[data-content="MY_VIP"] a:before {
  content: "";
}
.app header .nav li.hyperlink a:before {
  content: "";
}
.app header .nav .nav-item {
  font-family: inherit !important;
  position: relative;
}
.app header .nav .nav-item .hot-game-icon {
  right: -4px;
  top: 3px;
}
.app header .nav .nav-item a {
  align-items: center;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  height: 53px;
  justify-content: center;
  padding: 0 12px;
  position: relative;
  text-align: center;
  transition: 0.3s ease;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 100%;
}
.app header .nav .nav-item a:before {
  display: inline-block;
  font-family: iconmps !important;
  font-size: 30px;
  margin-right: 2px;
}
.app header .nav .nav-item h3 {
  font-size: 16px;
  line-height: 1;
}
.app header .nav .nav-item:hover + .submenu {
  height: 300px;
  opacity: 1;
}
.app header .nav .nav-item.active a,
.app header .nav .nav-item a:hover {
  color: #ff0;
}
.app header .nav .submenu {
  background-color: rgba(0, 0, 0, 0.8);
  height: 0;
  left: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-align: center;
  top: 100%;
  transition: 0.3s;
  width: 100%;
}
.app header .nav .submenu:hover {
  height: 300px;
  opacity: 1;
}
.app header .nav .submenu ul {
  font-size: 0;
  height: 300px;
  margin: auto;
  position: relative;
}
.app header .nav .submenu ul li {
  display: inline-block;
  height: 100%;
  position: relative;
}
.app header .nav .submenu ul li a {
  display: block;
  height: 100%;
  padding: 0 3px;
  position: relative;
  transition: 0.3s;
}
.app header .nav .submenu ul li a:hover:after {
  background-color: #ff7600;
  bottom: 0;
  content: "";
  height: 4px;
  left: 0;
  position: absolute;
  width: 100%;
}
.app header .nav .submenu ul li img {
  display: block;
  height: 80%;
  position: relative;
  top: 10%;
}
.banner {
  background-color: #000;
}
.banner .home-carousel {
  height: 34.375vw;
  min-height: 345px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 1200px) {
  .banner .home-carousel {
    height: 412.5px;
  }
}
.banner .home-carousel .nrc-carousel,
.banner .home-carousel .nrc-carousel .carousel-wrapper {
  height: 100%;
  position: relative;
}
.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item {
  height: 100%;
  left: 50%;
  width: 100%;
}
.banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item img {
  left: -50%;
  min-height: 34.375vw;
  min-width: 100%;
  position: relative;
  width: auto !important;
}
@media screen and (max-width: 1200px) {
  .banner .home-carousel .nrc-carousel .carousel-wrapper .carousel-item img {
    min-height: 412.5px;
  }
}
.banner .home-section {
  height: 550px;
  position: relative;
  width: 100%;
}
.banner .home-section .main-wrap {
  height: 100%;
}
.banner .home-section .main-wrap .cont {
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 350px;
}
.banner .home-section .main-wrap .cont h2 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 10px;
}
.banner .home-section .main-wrap .cont p {
  font-size: 15px;
}
.banner .home-section .main-wrap .cont .section-btn {
  margin-top: 25px;
}
.banner .home-section.section-01 {
  background: #111
    url(/wp-content/themes/wordpress/thuvienanh/banner-main.jpg) 50% /
    cover no-repeat;
  background-size: cover;
  height: 34.375vw;
  min-height: 345px;
}
@media screen and (max-width: 1200px) {
  .banner .home-section.section-01 {
    height: 412.5px;
  }
}
.marquee-container {
  position: relative;
  z-index: 8;
}
.marquee-container .marquee-block {
  background-color: #ff9f00;
  height: 40px;
  line-height: 40px;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.marquee-container .marquee-block .marquee-news {
  margin: 0 auto;
  min-width: 1280px;
  position: relative;
  width: 100%;
}
.marquee-container .marquee-block .marquee-news .marquee-wrap {
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  height: 40px;
  line-height: 40px;
  margin: auto;
  position: relative;
  width: 1280px;
}
.marquee-container .marquee-block .marquee-news .marquee-wrap .visible-area {
  height: 100%;
  margin-left: 40px;
  overflow: hidden;
  position: relative;
  width: calc(100% - 40px);
}
.marquee-container .marquee-block .marquee-news .marquee-wrap .marquee-content {
  position: absolute;
  white-space: nowrap;
}
.marquee-container
  .marquee-block
  .marquee-news
  .marquee-wrap
  .marquee-content.scrollLeft {
  animation: scrollLeft linear infinite;
}
.marquee-container .marquee-block .marquee-news .marquee-wrap .marquee-item {
  font-size: 15px;
  margin-right: 300px;
}
.marquee-container
  .marquee-block
  .marquee-news
  .marquee-wrap
  .marquee-item:last-child {
  margin-right: 0;
}
.marquee-container .marquee-block .marquee-news .news-title {
  color: #09c;
  font-size: 13px;
  font-weight: 400;
  line-height: 30px;
  text-align: center;
  width: 40px;
}
.marquee-container .marquee-block .marquee-news .news-title i {
  font-size: 18px;
}
@keyframes scrollLeft {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-100%);
  }
}
.app.root .marquee-container {
  min-width: 1280px;
  position: absolute;
  top: calc(34.375vw + 138px);
  width: 100%;
}
@media screen and (max-width: 1280px) {
  .app.root .marquee-container {
    top: 550.5px;
  }
}
.app.root .marquee-container .marquee-block {
  background-color: #ff7600;
  height: 40px;
  line-height: 40px;
}
.app.root .marquee-container .marquee-block .marquee-news .marquee-wrap {
  height: 40px;
  line-height: 40px;
}
.app.root
  .marquee-container
  .marquee-block
  .marquee-news
  .marquee-wrap
  .visible-area {
  margin-left: 0;
  width: 100%;
}
.app.root
  .marquee-container
  .marquee-block
  .marquee-news
  .marquee-wrap
  .visible-area
  .marquee-item {
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}
.app.root .marquee-container .marquee-block .marquee-news .news-title {
  align-items: center;
  background-color: #ff7600;
  display: flex;
  height: 40px;
  justify-content: center;
  left: 50%;
  margin-left: -640px;
  padding: 0;
  position: absolute;
  top: 0;
  width: 40px;
}
.app.root .marquee-container .marquee-block .marquee-news .news-title i {
  color: #fff;
  font-size: 20px;
  margin: 0;
}
.side-menu,
.side-menu-mobile {
  background: linear-gradient(90deg, #09c, #25aae1 50%, #09c) 0/200%;
  color: #fff;
  position: fixed;
  top: 170px;
  transition: 0.3s ease;
  z-index: 15;
}
.side-menu {
  border-radius: 0 0 0 7px;
  min-height: 220px;
  padding: 10px 0;
  right: 0;
  transform: translate(100%);
}
.side-menu:after {
  background: #09c;
  border-radius: 7px 0 0 7px;
  color: #fff;
  content: "CONTACT US";
  font-weight: 700;
  left: -50px;
  line-height: 50px;
  padding: 30px 0;
  position: absolute;
  text-orientation: mixed;
  top: 0;
  white-space: nowrap;
  width: 50px;
  writing-mode: vertical-lr;
}
.side-menu ul {
  max-height: 70vh;
  overflow: auto;
}
.side-menu ul li {
  padding: 0 10px;
}
.side-menu ul li a {
  border-radius: 5px;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 47px;
  padding: 12px 30px 12px 60px;
  position: relative;
  text-decoration: none;
  -webkit-user-select: none;
  user-select: none;
}
.side-menu ul li a i,
.side-menu ul li a img {
  font-size: 28px;
  left: 20px;
  max-height: 28px;
  max-width: 28px;
  position: absolute;
  top: 10px;
}
.side-menu ul li a h2 {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 2px;
}
.side-menu ul li a p {
  font-size: 12px;
}
.side-menu ul li a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.side-menu ul::-webkit-scrollbar {
  width: 8px;
}
.side-menu ul::-webkit-scrollbar-thumb {
  background-color: #e9e9e9;
  border-radius: 4px;
}
.side-menu ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.side-menu:hover {
  transform: translate(0);
}
.hot-icon-wrapper {
  position: relative;
}
.hot-icon-wrapper .hot-game-icon {
  height: 12px;
  object-fit: contain;
  position: absolute;
  right: -10px;
  top: 0;
  width: 23px;
}
.app:not(.account) .quick-nav .nav .submenu .qr-item,
.app:not(.account) header .nav .submenu .qr-item {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-android,
.app:not(.account) .quick-nav .nav .submenu .qr-item .qr-ios,
.app:not(.account) header .nav .submenu .qr-item .qr-android,
.app:not(.account) header .nav .submenu .qr-item .qr-ios {
  color: #fff;
  padding: 0 20px;
}
.app:not(.account) .quick-nav .nav .submenu .hot-games .game-item,
.app:not(.account) header .nav .submenu .hot-games .game-item {
  cursor: pointer;
  padding: 0 20px;
}
.app:not(.account) .quick-nav .nav .submenu .hot-games .game-item > img,
.app:not(.account) header .nav .submenu .hot-games .game-item > img {
  height: 60%;
  top: 20%;
}
.shortcut-img {
  height: 60px;
  width: 60px;
}
.marquee-item {
  display: inline-block;
  font-size: inherit !important;
}
.marquee-item h1,
.marquee-item h2,
.marquee-item h3,
.marquee-item h4,
.marquee-item h5,
.marquee-item h6,
.marquee-item li,
.marquee-item ol,
.marquee-item p,
.marquee-item ul {
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
  padding: 0;
}
.marquee-item em {
  font-style: italic;
}
.marquee-item strong {
  font-weight: 700;
}
.provider-list-box {
  display: flex;
  flex-wrap: wrap;
}
.provider-list-box img {
  display: block;
  height: 42px;
  margin-bottom: 2px;
  margin-right: 20px;
}
.input-field {
  margin-bottom: 10px;
  width: 100%;
}
.input-field input {
  padding: 0;
}
.input-field input:focus {
  background: none;
}
.input-field input::placeholder {
  color: #c7c7c7;
  font-weight: 300;
}
.input-field .prefix {
  align-items: center;
  background-color: #ccc;
  color: #777;
  display: flex;
  justify-content: center;
  padding: 2px 0;
  position: absolute;
  top: 25px;
  width: 50px;
}
.input-field .content {
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  height: 54px;
  justify-content: space-around;
  padding: 0 15px;
}
.input-field .content .input-block {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.input-field .content .input-block .title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.29;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transition: 0.2s;
}
.input-field .content .input-block input {
  border: none;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  transition: 0.2s;
  width: 100%;
}
.input-field .content .input-block input:focus {
  box-shadow: none;
  height: 28px;
  top: 24px;
}
.input-field .content.focus .title,
.input-field .content.not-empty .title,
.input-field .content.placeholder .title {
  font-size: 10px;
  top: 8px;
}
.input-field .content.focus input,
.input-field .content.not-empty input,
.input-field .content.placeholder input {
  box-shadow: none;
  font-size: 14px;
  height: 28px;
  line-height: 1.13;
  top: 24px;
}
.input-field .content.disabled input {
  cursor: not-allowed !important;
}
.input-field .content.has-prefix input {
  left: 55px;
  width: calc(100% - 55px);
}
.input-field .error-msg,
.input-field .info-msg {
  display: flex;
  font-size: 12px;
  margin: 5px 0 10px;
}
.input-field .error-msg i,
.input-field .info-msg i {
  font-size: 10px;
  margin-right: 4px;
}
.input-field .required .title {
  padding-left: 12px;
  position: relative;
}
.input-field .required .title:before {
  bottom: 0;
  color: #e94951;
  content: "*";
  font-size: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 4px;
}
.input-field .required.not-empty .title:before {
  top: 3px;
}
.input-field input:-webkit-autofill {
  -webkit-text-fill-color: #545658;
}
.input-field input:-webkit-autofill,
.input-field input:-webkit-autofill:active,
.input-field input:-webkit-autofill:focus,
.input-field input:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 50px #fbfbfb !important;
}
.input-field input:disabled {
  -webkit-text-fill-color: #545658;
  opacity: 0.7;
}
.input-field .content {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
}
.input-field .content.d-input-field-content {
  background-color: #fbfbfb;
  max-height: inherit;
  max-width: inherit;
  min-height: inherit;
  min-width: inherit;
}
.input-field .content .input-block .title {
  color: #939698;
}
.input-field .content .input-block input {
  background-color: transparent;
  color: #545658;
}
.input-field .content .action-block {
  color: #09c;
}
.input-field .content.error {
  border: 1px solid #e94951;
  color: #e94951;
}
.input-field .content.error input {
  color: #e94951;
}
.input-field .content.focus {
  background-color: #fff;
  border-color: rgba(0, 153, 204, 0.5);
  box-shadow: 0 0 0 2px rgba(0, 153, 204, 0.1);
}
.input-field .error-msg .icon-info,
.input-field .info-msg .icon-info {
  font-family: iconmps;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin: auto 4px auto 0;
}
.input-field .error-msg .icon-info:before,
.input-field .info-msg .icon-info:before {
  content: "";
}
.input-field .error-msg,
.input-field .error-msg small {
  color: #e94951;
}
.input-field .info-msg,
.input-field .info-msg small {
  color: #939698;
}
.input-field .content .action-block {
  display: flex;
  justify-content: flex-end;
  width: 15%;
}
.input-field .content .action-block > div {
  align-items: center;
  display: flex;
}
.input-field .content .action-block > div i {
  cursor: pointer;
  font-size: 24px;
}
.m-input-field {
  margin-bottom: 10px;
  width: 100%;
}
.m-input-field input {
  padding: 0;
}
.m-input-field input:focus {
  background: none;
}
.m-input-field .content {
  border-radius: 5px;
  box-sizing: border-box;
  display: flex;
  height: 54px;
  justify-content: space-around;
  padding: 0 15px;
}
.m-input-field .content .input-block {
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.m-input-field .content .input-block label {
  font-size: 14px;
  line-height: 1.29;
  pointer-events: none;
  position: absolute;
  top: 18px;
  transition: 0.2s;
}
.m-input-field .content .input-block input {
  border: none;
  box-sizing: border-box;
  height: 100%;
  position: absolute;
  top: 0;
  transition: 0.2s;
  width: 100%;
}
.m-input-field .content .input-block input:focus {
  box-shadow: none;
  height: 28px;
  top: 24px;
}
.m-input-field .content .input-block .prefix {
  align-items: center;
  background-color: #ccc;
  color: #777;
  display: flex;
  justify-content: center;
  padding: 2px 0;
  position: absolute;
  top: 25px;
  width: 50px;
}
.m-input-field .content .action-block {
  display: flex;
  justify-content: flex-end;
  width: 15%;
}
.m-input-field .content .action-block > div {
  align-items: center;
  display: flex;
}
.m-input-field .content .action-block > div i {
  cursor: pointer;
  font-size: 24px;
}
.m-input-field .content.focus {
  background-color: #fff !important;
  border-color: rgba(0, 153, 204, 0.5) !important;
  box-shadow: 0 0 0 2px rgba(0, 153, 204, 0.1) !important;
}
.m-input-field .content.focus label,
.m-input-field .content.not-empty label,
.m-input-field .content.placeholder label {
  font-size: 10px;
  top: 8px;
}
.m-input-field .content.focus input,
.m-input-field .content.not-empty input,
.m-input-field .content.placeholder input {
  box-shadow: none;
  font-size: 14px;
  height: 28px;
  line-height: 1.13;
  top: 24px;
}
.m-input-field .content.has-prefix input {
  left: 55px;
  width: calc(100% - 55px);
}
.m-input-field .content.disabled input {
  cursor: not-allowed !important;
}
.m-input-field .error-msg,
.m-input-field .info-msg {
  display: flex;
  font-size: 8px;
  margin: 5px 0 10px;
}
.m-input-field .error-msg i,
.m-input-field .info-msg i {
  font-size: 8px;
  margin-right: 4px;
}
.m-input-field .required label {
  padding-left: 12px;
  position: relative;
}
.m-input-field .required label:before {
  bottom: 0;
  color: #e94951;
  content: "*";
  font-size: 10px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 4px;
}
.m-input-field .required.not-empty label:before {
  top: 3px;
}
.m-input-field input:-webkit-autofill {
  -webkit-text-fill-color: #545658;
}
.m-input-field input:-webkit-autofill,
.m-input-field input:-webkit-autofill:active,
.m-input-field input:-webkit-autofill:focus,
.m-input-field input:-webkit-autofill:hover {
  box-shadow: inset 0 0 0 50px #fbfbfb !important;
}
.m-input-field input:disabled {
  -webkit-text-fill-color: #545658;
  opacity: 0.7;
}
.m-input-field .content {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
}
.m-input-field .content .input-block label {
  color: #a0a3a5;
}
.m-input-field .content .input-block input {
  background-color: transparent;
  color: #545658;
}
.m-input-field .content .action-block {
  color: #09c;
}
.m-input-field .content.error {
  border: 1px solid #e94951;
  color: #e94951;
}
.m-input-field .content.error input {
  color: #e94951;
}
.m-input-field .content.focus {
  border: 1px solid #09c;
  box-shadow: 0 0 10px 0 #09c;
}
.m-input-field .error-msg .icon-info,
.m-input-field .info-msg .icon-info {
  font-family: iconmps;
  font-size: 14px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin: auto 4px auto 0;
}
.m-input-field .error-msg .icon-info:before,
.m-input-field .info-msg .icon-info:before {
  content: "";
}
.m-input-field .error-msg {
  color: #e94951;
}
.m-input-field .error-msg small {
  color: #e94951;
  font-size: 13px;
}
.m-input-field .info-msg {
  color: #86898c;
}
.m-input-field .info-msg small {
  color: #86898c;
  font-size: 13px;
}
.read-only-mobile-field {
  position: relative;
}
.read-only-mobile-field.m-input-field .react-tel-input {
  width: 100%;
}
.read-only-mobile-field label {
  color: #a0a3a5;
  font-size: 10px;
  left: 45px;
  position: absolute;
  top: 8px;
  z-index: 10;
}
.read-only-mobile-field .error-msg {
  color: #e94951;
  font-size: 8px;
  margin: 5px 0 10px;
}
.read-only-mobile-field .error-msg small {
  color: #e94951;
  font-size: 13px;
}
.member-center-mobile-field .clear-icon {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.member-center-mobile-field .clear-icon > .mps-close {
  color: var(--platform-color-highlight);
  cursor: pointer;
  font-size: 24px;
}
.member-center-mobile-field {
  width: 100%;
}
.member-center-mobile-field.required label:before {
  color: #e94951;
  content: "*";
  margin-right: 5px;
}
.member-center-mobile-field .formik-item {
  position: relative;
}
.member-center-mobile-field .formik-item small.info-msg {
  display: none;
}
.member-center-mobile-field .formik-item label {
  color: #a0a3a5;
  font-size: 10px;
  left: 45px;
  position: absolute;
  top: 5px;
  z-index: 10;
}
.member-center-mobile-field .formik-item .mobile-field,
.member-center-mobile-field .formik-item > :not(.formik-group) {
  width: 100%;
}
.member-center-mobile-field .formik-item .mobile-field .selected-flag {
  background-color: #fff;
  height: 52px;
}
.member-center-mobile-field .formik-item .mobile-field .flag-dropdown {
  left: 2px;
  top: 2px;
}
.member-center-mobile-field .formik-item .mobile-field .country-list {
  height: auto !important;
  margin-top: 19px;
  max-height: 150px;
}
.member-center-mobile-field .formik-item .mobile-field .country-list > div {
  max-height: inherit;
}
.member-center-mobile-field .formik-item .mobile-field .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  color: #545658;
  height: 56px;
  padding-top: 15px;
  width: 100%;
}
.member-center-mobile-field .formik-item .mobile-field .form-control:focus {
  border: 1px solid #09c;
  box-shadow: 0 0 10px 0 #09c;
}
.member-center-mobile-field .formik-item .invalid-msg {
  color: #e94951;
  font-size: 10px;
  margin-bottom: 10px;
}
.member-center-mobile-field .formik-item .invalid-msg:before {
  content: "";
  font-family: iconmps;
  font-size: 8px;
  margin: auto 4px auto 0;
}
.member-center-mobile-field .formik-item.invalid .form-control {
  border: 1px solid #e94951;
}
.member-center-mobile-field .read-only-mobile-field.readOnly {
  width: 100%;
}
.member-center-mobile-field
  .read-only-mobile-field.readOnly
  .react-tel-input.readOnly
  .selected-flag {
  height: 52px;
}
.member-center-mobile-field
  .read-only-mobile-field.readOnly
  .react-tel-input.readOnly
  .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  color: #545658;
  cursor: not-allowed;
  height: 54px;
  padding-top: 16px;
  width: 100%;
}
.member-center-mobile-field .info-msg {
  color: #86898c;
  display: flex;
  margin-bottom: 10px;
}
.member-center-mobile-field .info-msg i {
  margin-right: 4px;
}
.member-center-mobile-field {
  width: 100%;
}
.member-center-mobile-field .react-tel-input .country-list {
  background-color: #fbfbfb !important;
  color: #545658;
}
.member-center-mobile-field .react-tel-input .country-list .country.highlight,
.member-center-mobile-field .react-tel-input .country-list .country:hover {
  color: #454545;
}
.member-center-mobile-field.required label:before {
  color: #e94951;
  content: "*";
  margin-right: 5px;
}
.member-center-mobile-field .formik-item {
  position: relative;
}
.member-center-mobile-field .formik-item small.info-msg {
  display: none;
}
.member-center-mobile-field .formik-item label {
  color: #a0a3a5;
  font-size: 10px;
  left: 45px;
  position: absolute;
  top: 5px;
  width: auto;
  z-index: 10;
}
.member-center-mobile-field .formik-item .mobile-field,
.member-center-mobile-field .formik-item > :not(.formik-group) {
  width: 100%;
}
.member-center-mobile-field .formik-item .mobile-field .selected-flag {
  background-color: #fff;
  height: 52px;
}
.member-center-mobile-field .formik-item .mobile-field .flag-dropdown {
  left: 2px;
  top: 2px;
}
.member-center-mobile-field .formik-item .mobile-field .country-list {
  height: auto !important;
  margin-top: 19px;
  max-height: 150px;
}
.member-center-mobile-field .formik-item .mobile-field .country-list > div {
  max-height: inherit;
}
.member-center-mobile-field .formik-item .mobile-field .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  box-sizing: border-box;
  color: #545658;
  height: 56px;
  padding-top: 15px;
  width: 100%;
}
.member-center-mobile-field .formik-item .mobile-field .form-control:focus {
  border: 1px solid #09c;
  box-shadow: 0 0 10px 0 #09c;
}
.member-center-mobile-field .formik-item .invalid-msg {
  color: #e94951;
  font-size: 13px;
  margin: 5px 0 10px;
}
.member-center-mobile-field .formik-item .invalid-msg:before {
  content: "";
  font-family: iconmps;
  font-size: 8px;
  margin: auto 4px auto 0;
}
.member-center-mobile-field .formik-item.invalid .form-control {
  border: 1px solid #e94951;
}
.member-center-mobile-field .read-only-mobile-field.readOnly {
  width: 100%;
}
.member-center-mobile-field
  .read-only-mobile-field.readOnly
  .react-tel-input.readOnly
  .selected-flag {
  height: 52px;
}
.member-center-mobile-field
  .read-only-mobile-field.readOnly
  .react-tel-input.readOnly
  .form-control {
  background-color: #fbfbfb;
  border: 0;
  border-radius: 5px;
  color: #545658;
  height: 54px !important;
  padding-top: 16px;
  width: 100%;
}
.member-center-mobile-field .info-msg {
  color: #86898c;
  display: flex;
  font-size: 8px;
  margin: 5px 0 10px;
}
.member-center-mobile-field .info-msg i {
  font-family: iconmps;
  font-size: 8px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  margin: auto 4px auto 0;
}
.member-center-mobile-field .info-msg i:before {
  content: "";
}
.member-center-mobile-field .info-msg small {
  font-size: 13px;
}
#thrid-party-login-System-mobile-wrapper.mobile {
  margin-bottom: 10px;
}
#thrid-party-login-System-mobile-wrapper.mobile .verify-input label {
  top: 18px;
}
#thrid-party-login-System-mobile-wrapper.mobile .focus .verify-input label {
  top: 8px;
}
#thrid-party-login-System-mobile-wrapper.mobile .invalid-msg {
  margin: 0;
}
#thrid-party-login-System-mobile-wrapper .mobile-input {
  margin-bottom: 20px;
}
#thrid-party-login-System-mobile-wrapper .mobile-input .formik-item {
  width: 100%;
}
#thrid-party-login-System-mobile-wrapper .mobile-input label {
  left: 45px;
  top: 8px;
  width: auto;
}
#thrid-party-login-System-mobile-wrapper .verify-input {
  align-items: center;
  display: flex;
}
#thrid-party-login-System-mobile-wrapper .verify-input .input-field {
  margin: 0;
}
#thrid-party-login-System-mobile-wrapper .verify-input input,
#thrid-party-login-System-mobile-wrapper .verify-input label {
  left: 0;
}
#thrid-party-login-System-mobile-wrapper .verify-input label {
  top: 0;
}
#thrid-party-login-System-mobile-wrapper .verify-input .send-code-btn {
  font-size: 16px;
  height: 45px;
  margin: 0 0 0 10px;
  padding: 0 5px;
  width: 120px;
}
#thrid-party-login-System-mobile-wrapper .invalid-msg {
  text-align: left;
}
.fast-bind-modal.hover-container {
  text-align: center;
}
.fast-bind-modal.hover-container .title {
  font-size: 22px;
  font-weight: 500;
  margin-top: 15px;
}
.fast-bind-modal.hover-container .container {
  min-height: 400px;
  overflow: visible;
  width: 620px;
}
.fast-bind-modal.hover-container .container .modal-close-btn {
  background-color: #09c;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 2rem;
  padding: 2px 4px;
  position: absolute;
  right: -13px;
  top: -13px;
  z-index: 1;
}
.fast-bind-modal.hover-container .modal-content-wrapper {
  max-height: 80vh;
  overflow: auto;
  padding: 0 30px 30px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .nrc-tabs-nav
  .nrc-tabs-tab {
  padding: 5px;
  width: 50%;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .nrc-tabs-nav.only-one-tab
  .nrc-tabs-tab {
  width: 100%;
}
.fast-bind-modal.hover-container .modal-content-wrapper .bind-account-wrapper {
  margin-top: 10px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .user-photo {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .user-photo
  .user-third-party-photo {
  display: inline-block;
  height: 50px;
  margin: 10px 0 5px;
  width: 50px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .user-photo
  .user-third-party-photo
  img {
  width: 100%;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .user-photo
  .user-name {
  margin-bottom: 10px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .tips {
  font-size: 12px;
  margin-bottom: 10px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .tips
  > div:first-child {
  margin-bottom: 5px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .user-input {
  display: flex;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .user-input
  .content
  .input-block
  > input,
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .user-input
  .content
  .input-block
  > label {
  left: 0;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .user-input
  .content
  .input-block
  > label {
  margin-top: 1px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .user-input
  .content.has-prefix
  .input-block
  > input {
  left: 55px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .user-input
  .copy-text {
  align-items: center;
  display: flex;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .user-input
  .copy-text
  i {
  color: #09c;
  font-size: 1.6rem;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .download-action {
  display: flex;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .download-action
  > button {
  background: transparent;
  border: 1px solid #09c;
  border-radius: 5px;
  color: #09c;
  flex: 1;
  font-size: 13px;
  height: 35px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .download-action
  > button:first-child {
  margin-right: 10px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .account-wrapper
  .download-action
  .mps-update {
  color: #09c;
  font-size: 1.2rem;
  line-height: 35px;
  margin: 0 3px 0 10px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .submit-action {
  display: flex;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .submit-action
  > button {
  border-radius: 5px;
  flex: 1;
  margin: 15px 0;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .submit-action
  > button:last-child {
  margin-left: 10px;
}
.fast-bind-modal.hover-container
  .modal-content-wrapper
  .bind-account-wrapper
  .error-msg
  .icon-info:before {
  font-family: iconmps;
}
.fast-login-wrapper .fast-login-container {
  align-items: center;
  display: flex;
  justify-content: center;
}
.fast-login-wrapper .fast-login-container > span {
  margin: 0 5px;
  min-width: 70px;
  text-align: center;
}
.fast-login-wrapper .fast-login-container:after,
.fast-login-wrapper .fast-login-container:before {
  background-color: #ccc;
  content: "";
  display: inline-block;
  flex: 1;
  height: 1px;
}
.fast-login-wrapper .icons {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 10px 0;
  min-height: 35px;
}
.fast-login-wrapper .icons .icon {
  margin: 0 5px;
  width: 32px;
}
.remeber-login-wrapper {
  line-height: normal;
}
.remeber-login-wrapper .center {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 100%;
}
.remeber-login-wrapper .remeber-login {
  margin-top: 5px;
  padding-bottom: 20px;
}
.remeber-login-wrapper .remeber-login-tip {
  color: #e34e3a;
  font-size: 11px;
  left: 5%;
  margin-top: -20px;
  pointer-events: none;
  position: absolute;
  text-align: center;
  width: 90%;
}
.desktop-player-info-wrapper {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.desktop-player-info-wrapper .header {
  align-items: center;
  background-color: #e1e1e1;
  border-radius: 5px 5px 0 0;
  display: flex;
  height: 51px;
  justify-content: center;
  max-width: 500px;
  position: relative;
  width: 100%;
}
.desktop-player-info-wrapper .header .close {
  background-color: #09c;
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  height: 36px;
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
  width: 36px;
}
.desktop-player-info-wrapper .header .close:before {
  color: #fff;
  content: "";
  font-family: iconmps !important;
  font-size: 20px;
  position: absolute;
  right: calc(50% - 10px);
  top: calc(50% - 10px);
}
.desktop-player-info-wrapper .header h2 {
  color: #545658;
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
}
.desktop-player-info-wrapper .fill-content {
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 10px 0 rgba(15, 2, 20, 0.7);
  box-sizing: border-box;
  max-height: 620px;
  max-width: 500px;
  overflow-y: auto;
  padding: 32px 24px;
  width: 100%;
}
.desktop-player-info-wrapper .fill-content h4 {
  color: #939698;
  font-size: 16px;
  padding-bottom: 24px;
  text-align: center;
}
.desktop-player-info-wrapper .fill-content .btn-group {
  display: flex;
  justify-content: space-between;
}
.desktop-player-info-wrapper
  .fill-content
  .btn-group
  button.fill-player-info-btn {
  border-radius: 5px;
  color: #fff;
  padding: 10px 0;
  width: 48.842%;
}
.desktop-player-info-wrapper
  .fill-content
  .btn-group
  button.fill-player-info-btn:first-child {
  background: #ccc;
}
.desktop-player-info-wrapper
  .fill-content
  .btn-group
  button.fill-player-info-btn:last-child {
  background: #09c;
  margin: auto;
}
.mobile-player-info-wrapper {
  overflow-x: hidden;
}
.mobile-player-info-wrapper .header {
  align-items: center;
  background-color: #fff;
  display: flex;
  height: 64px;
  justify-content: center;
  position: relative;
}
.mobile-player-info-wrapper .header .close {
  background-color: transparent;
  height: 32px;
  position: absolute;
  right: 0;
  top: calc(50% - 16px);
  width: 32px;
}
.mobile-player-info-wrapper .header .close:before {
  color: #09c;
  content: "";
  font-family: iconmps !important;
  font-size: 32px;
  position: absolute;
  right: calc(50% - 16px);
  top: calc(50% - 16px);
}
.mobile-player-info-wrapper .header h2 {
  color: #545658;
  font-size: 16px;
}
.mobile-player-info-wrapper .fill-content {
  background-color: #f9f9f9;
  min-height: calc(100vh - 64px);
  padding: 4%;
}
.mobile-player-info-wrapper .fill-content h4 {
  color: #939698;
  font-size: 12px;
  padding-bottom: 4%;
  text-align: center;
}
.mobile-player-info-wrapper .fill-content .btn-group {
  display: flex;
  justify-content: space-between;
  margin-top: 23.768%;
}
.mobile-player-info-wrapper
  .fill-content
  .btn-group
  button.fill-player-info-btn {
  border-radius: 5px;
  color: #fff;
  font-family: NotoSans;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  width: 48.695%;
}
.mobile-player-info-wrapper
  .fill-content
  .btn-group
  button.fill-player-info-btn:first-child {
  background: #ccc;
}
.mobile-player-info-wrapper
  .fill-content
  .btn-group
  button.fill-player-info-btn:last-child {
  background: #09c;
  margin: auto;
}
.mobile-player-info-wrapper .fill-content .formik-label,
.mobile-player-info-wrapper .fill-content .input-block label {
  color: #545658;
  font-family: NotoSans;
  font-size: 14px;
}
.mobile-player-info-wrapper.pop-up-modal {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10000;
}
.mobile-player-info-wrapper.pop-up-modal .header {
  width: 100%;
}
.mobile-player-info-wrapper.pop-up-modal h2 {
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
}
.mobile-player-info-wrapper.pop-up-modal .fill-content {
  box-sizing: border-box;
  overflow-y: auto;
  width: 100%;
}
.fill-content .formik-uploadfield,
.fill-content .input-field > .content {
  background-color: #fbfbfb;
}
.fill-content .input-date-field .formik-input {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  color: #939698;
  width: 100%;
}
.fill-content .formik-label,
.fill-content .input-block .title {
  color: #545658;
}
.fill-content .info-msg {
  margin: 5px 0 10px;
}
.fill-content .info-msg,
.fill-content .info-msg small {
  color: #939698;
  font-family: PingFangTC;
  font-size: 10px;
}
.fill-content .error-msg,
.fill-content .invalid-msg {
  color: #e94951;
  font-size: 10px;
  margin: 5px 0 10px;
}
.fill-content .member-center-mobile-field {
  margin-bottom: 10px;
}
.fill-content .member-center-mobile-field .formik-label {
  width: auto;
}
.fill-content
  .member-center-mobile-field
  .formik-item
  .mobile-field
  input.form-control {
  background-color: #fbfbfb;
  border: 1px solid #e9e9e9;
  box-shadow: none;
}
.loading-wrapper {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
}
.not-found {
  background-image: linear-gradient(0deg, #182848, #2980b9);
  display: flex;
  min-height: 500px;
  padding: 60px 0;
  width: 100%;
}
.not-found .not-found-content {
  align-items: center;
  color: #fff;
  display: flex;
  justify-content: center;
  margin: auto;
  max-width: 850px;
  width: 100%;
}
.not-found .not-found-content .left .error-fish {
  animation: swing 2.5s ease-in-out infinite;
  position: relative;
  transform-origin: 57.596% 100%;
  width: 300px;
  z-index: 2;
}
@keyframes swing {
  0% {
    transform: rotate(13deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  to {
    transform: rotate(13deg);
  }
}
.not-found .not-found-content .right {
  padding-left: 60px;
  text-align: center;
}
.not-found .not-found-content .right .not-found-title {
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 30px;
}
.not-found .not-found-content .right .not-found-desc {
  font-size: 16px;
  line-height: 1.6;
}
.not-found .bubble {
  animation: bubble 15s ease-in-out infinite,
    sideWays 4s ease-in-out infinite alternate;
  background-color: #fff;
  border-radius: 100%;
  bottom: -30px;
  height: 20px;
  opacity: 0.2;
  position: absolute;
  width: 20px;
}
.not-found .bubble--1 {
  animation-delay: 0.5s;
  animation-duration: 16s;
  left: 10%;
  opacity: 0.2;
}
.not-found .bubble--2 {
  animation-delay: 1s;
  animation-duration: 10s;
  height: 5px;
  left: 40%;
  opacity: 0.1;
  width: 5px;
}
.not-found .bubble--3 {
  animation-delay: 5s;
  animation-duration: 20s;
  height: 2px;
  left: 30%;
  opacity: 0.3;
  width: 2px;
}
.not-found .bubble--4 {
  animation-delay: 8s;
  animation-duration: 17s;
  height: 15px;
  left: 40%;
  opacity: 0.2;
  width: 15px;
}
.not-found .bubble--5 {
  animation-delay: 10s;
  animation-duration: 15s;
  height: 20px;
  left: 60%;
  opacity: 0.1;
  width: 20px;
}
.not-found .bubble--6 {
  animation-delay: 3s;
  animation-duration: 30s;
  height: 3px;
  left: 80%;
  opacity: 0.4;
  width: 3px;
}
.not-found .bubble--7 {
  animation-delay: -7s;
  animation-duration: 25s;
  height: 5px;
  left: 90%;
  opacity: 0.3;
  width: 5px;
}
.not-found .bubble--9 {
  animation-delay: -5s;
  animation-duration: 19s;
  bottom: 30px;
  height: 10px;
  left: 50%;
  opacity: 0.2;
  width: 10px;
}
.not-found .bubble--10 {
  animation-delay: -21s;
  animation-duration: 16s;
  bottom: 30px;
  height: 30px;
  left: 30%;
  opacity: 0.3;
  width: 30px;
}
.not-found .bubble--11 {
  animation-delay: -13.75s;
  animation-duration: 20s;
  bottom: 30px;
  height: 20px;
  left: 60%;
  opacity: 0.3;
  width: 20px;
}
.not-found .bubble--12 {
  animation-delay: -10.5s;
  animation-duration: 19s;
  bottom: 30px;
  height: 15px;
  left: 90%;
  opacity: 0.3;
  width: 15px;
}
@keyframes bubble {
  0% {
    opacity: 0.06;
    transform: translateY(0);
  }
  to {
    transform: translateY(-120vh);
  }
}
@keyframes sideWays {
  0% {
    margin-left: 0;
  }
  to {
    margin-left: 200px;
  }
}
.ad-WebpageShare iframe {
  border: none;
  height: 100vh;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  width: 100vw;
}
.ad-WebpageShare .ad-image {
  background-color: #fff;
  background-size: contain;
  cursor: pointer;
  height: 300px;
  position: relative;
  width: 400px;
}
.ad-WebpageShare .mps-close {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  color: #777;
  cursor: pointer;
  font-size: 34px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -20px;
  width: 40px;
}
.broken-link-page {
  word-wrap: break-word;
  align-items: center;
  color: #202124;
  display: flex;
  flex-direction: column;
  font-size: 20px;
  justify-content: center;
  min-height: 80vh;
  padding: 20px;
}
.broken-link-page i {
  font-size: 54px;
  margin-bottom: 10px;
}
.demo-game-page {
  align-content: center;
  align-items: center;
  background-color: #202020;
  color: #f5f5f5;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 100vh;
  min-width: 100vw;
}
.demo-game-page .demo-game-header {
  align-items: center;
  display: flex;
  font-size: 21px;
  margin-bottom: 20px;
  max-width: 1280px;
  position: relative;
  width: 90vw;
}
.demo-game-page iframe {
  box-shadow: 0 5px 25px #000;
  height: calc(100vh - 170px);
  max-height: 720px;
  max-width: 1280px;
  width: 90vw;
}
.demo-game-page .demo-close,
.demo-game-page .demo-fullscreen {
  cursor: pointer;
  font-size: 35px;
  position: absolute;
  right: 0;
  transition: 0.3s ease;
}
.demo-game-page .demo-close:hover,
.demo-game-page .demo-fullscreen:hover {
  transform: scale(1.1);
}
.demo-game-page .demo-fullscreen {
  right: 45px;
}
* {
  outline: none;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption,
td,
th {
  font-weight: 400;
  text-align: left;
  vertical-align: middle;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
a img {
  border: none;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
.spin {
  animation-duration: 0.5s;
  animation-iteration-count: infinite;
  animation-name: spin;
  animation-timing-function: linear;
}
.easein-leave.easein-leave-active {
  transition: opacity 0.3s ease-in;
}
.easein-appear {
  opacity: 0.01;
}
.easein-appear.easein-appear-active {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.easein-enter {
  opacity: 0.01;
}
.easein-enter.easein-enter-active {
  opacity: 1;
  transition: opacity 0.5s ease-in;
}
.easein-leave {
  opacity: 1;
}
.easein-leave.easein-leave-active {
  opacity: 0.01;
  transition: opacity 0.5s ease-in;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
@font-face {
  font-family: avenir;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/Avenir.63d50f30..otf);
}
@font-face {
  font-family: din;
  font-style: normal;
  font-weight: 400;
  src: url(/static/media/DINAlternateBold.e16cdf81..otf);
}
.collection-infos-block > div p:nth-child(2),
.text-left {
  text-align: left;
}
.app.account header .main-header ul li a,
.collection-block .mps-input-ok,
.confirmation-deposit-popup .header,
.countdown p:nth-child(2n) span,
.countdown p span,
.deposit-service-online .non-selected-bank,
.description,
.modal.alert .container .title-close p,
.modal.confirm-body-modal .header h2,
.modal.confirmation .white-container p,
.nrc-button.neutral,
.nrc-file:before,
.nrc-file label .icon-delete:before,
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab,
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab,
.steps div,
.text-center,
.transfers-page .transfer-popup .amount,
.transfers-page .transfer-popup .sure {
  text-align: center;
}
.app.account .profile .walletBlock > :last-child p,
.app.account header .hello,
.collection-block > div > div p:first-child,
.collection-infos-block > div p:first-child,
.nrc-form .nrc-form-item .nrc-form-label,
.text-right,
.withdraw-list .form .nrc-form-item .nrc-form-input input,
.withdraw-list .form .nrc-form-item .nrc-form-input small,
.withdraw-list .form .total-deduction {
  text-align: right;
}
.app-body .signup .agree-policy,
.app-body .signup .policy-detail .footer,
.banks-block p.empty-image,
.collection-small:before,
.confirmation-deposit-popup .footer,
.countdown,
.deposit-add.online .cover-wrapper,
.deposit-min-max-block,
.deposit-service-online .non-selected-bank,
.finan-history .point-block,
.finan-history .search-form,
.flex-center,
.games-fishing .fishing-game-list,
.hover-container,
.modal.confirm-body-modal .footer,
.modal.confirmation .white-container div,
.nrc-button.neutral,
.nrc-form .btn-group,
.nrc-table-header-column .label,
.popup .popup-cont.loading {
  align-items: center;
  display: flex;
  justify-content: center;
}
.flex-center-top,
.withdraw-list .boxes {
  align-items: flex-start;
  display: flex;
  justify-content: center;
}
.app.account .profile .walletBlock > :last-child div,
.flex-right,
.withdraw-list .boxes > div > div:first-child {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.app.account .profile .bankDataBlock,
.app.account header .main-header ul,
.deposit-list .options > div,
.flex-left,
.inbox .inbox-list .delete-btn,
.lottery-game-list,
.news .main-wrap,
.nrc-form .nrc-form-item .nrc-form-input,
.nrc-tabs .nrc-tabs-nav,
.nrc-tabs.tabs-style-3 .nrc-tabs-nav,
.transfers-page .walletTransfer,
.transfers-page .walletTransfer > div p:last-child {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.collection-block > div > div,
.flex-left-top,
.modal.confirm-body-modal
  .body
  .nrc-form
  .nrc-form-item
  .nrc-form-input
  .info-msg,
.nrc-form .nrc-form-item {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
}
.flex-right-bottom {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
}
.flex-between-bottom {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
}
.app.account .profile .walletBlock,
.collection-infos-block > div,
.collection-small,
.flex-between,
.hover-container .container .header,
.list-details div,
.section-block .header,
.steps,
.transfers-page .walletTransfer > div,
.withdraw-list .boxes > div.generalfee > .total,
.withdraw-list .boxes > div.promofee > .total,
.withdraw-list .form .actual-withdrawal,
.withdraw-list .form .my-main-wallet {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.flex-around {
  align-items: center;
  display: flex;
  justify-content: space-around;
}
.activate-account .container,
.app-body .signup .policy-detail .header,
.app.account header .main-header ul li a,
.deposit-min-max-block > div,
.flex-center-column,
.inbox .inbox-detail .header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.collection-list,
.countdown p,
.flex-left-column {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.flex-right-column,
.withdraw-list .form .nrc-form-item .nrc-form-input {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.flex-column-between {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.app.account .profile .walletBlock > :last-child,
.flex-center-column-between {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flex-wrap,
.lottery-game-list,
.transfers-page .walletTransfer {
  flex-wrap: wrap;
}
.highlight-color {
  color: #09c;
}
.color-failed {
  color: #d22323 !important;
}
.color-brand {
  color: #535353 !important;
}
.status-active {
  color: #8fc31f;
}
.status-disabled {
  color: #d22323;
}
.app.account .profile .bankDataBlock > :first-child:after,
.app.account .profile .walletBlock > :first-child:after,
.banks-block p:after,
.banks-block p:before,
.before-after,
.nrc-file:before,
.nrc-file label .icon-delete:before,
.steps div:after,
.steps div:before,
.transfers-page .walletTransfer > div:first-child p:first-child:after {
  content: "";
  position: absolute;
}
.text-overflow {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cursor-pointer {
  cursor: pointer;
}
.separate-line {
  border-top: 1px dashed #777;
  margin: 20px 0;
}
.invisible,
.nrc-invisible {
  background: transparent;
  border: 1px solid #fff;
  height: 0;
  left: -9999px;
  line-height: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none;
  top: -9999px;
  width: 0;
  z-index: -10;
}
.hide {
  display: none;
}
.anchor {
  color: #01b1f0;
  cursor: pointer;
}
.nrc-form .nrc-form-item {
  margin-bottom: 30px;
}
.nrc-form .nrc-form-item.vertical {
  margin-bottom: 0;
}
.nrc-form .nrc-form-item.vertical .nrc-form-input {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.nrc-form .nrc-form-item.vertical .nrc-form-input small {
  height: 36px;
  text-align: left;
  width: 100%;
}
.nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 30px;
  margin-top: 0;
}
.nrc-form .nrc-form-item .nrc-form-input input,
.nrc-form .nrc-form-item .nrc-form-input select {
  margin-right: 20px;
  width: 220px;
}
.nrc-form .nrc-form-item small {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  width: 500px;
}
.nrc-form .nrc-form-item small.invalid-msg {
  color: #d22323;
}
.nrc-form .nrc-form-item small a {
  color: #09c;
  text-decoration: none;
}
.nrc-form .nrc-form-item small a:hover {
  text-decoration: underline;
}
.nrc-form .nrc-form-item .nrc-form-label {
  padding-right: 10px;
  width: 280px;
}
.nrc-form .nrc-form-item .nrc-form-label label {
  color: #535353;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  position: relative;
}
.nrc-form .nrc-form-item .nrc-form-label label:after {
  content: ":";
  line-height: 18px;
  position: absolute;
  right: -15px;
  top: 0;
}
.nrc-form .nrc-form-item .nrc-form-label label.form-require:before {
  color: #09c;
  content: "*";
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  left: -5px;
  line-height: 0;
  position: absolute;
  top: 2px;
}
.nrc-form .btn-group {
  margin: 40px 0;
}
.nrc-form .btn-group button {
  margin: 0 10px;
}
.nrc-form .btn-group button:last-child {
  margin-right: inherit;
}
.nrc-form .nrc-radio label {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
  margin-right: 10px;
  width: auto;
}
.formik-label,
.info-msg,
.invalid-msg {
  font-size: 14px;
}
.info-msg,
.invalid-msg {
  font-weight: 400;
  margin-top: 5px;
}
.info-msg {
  color: #939698;
  font-size: 12px;
}
input.formik-input:focus {
  background-color: #fff;
  border-color: rgba(0, 153, 204, 0.5);
  box-shadow: 0 0 0 2px rgba(0, 153, 204, 0.1);
}
.nrc-u-1-1 .formik-item > * {
  width: 100%;
}
.pure-g {
  text-rendering: optimizespeed;
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  *word-spacing: -0.43em;
}
.opera-only :-o-prefocus,
.pure-g {
  word-spacing: -0.43em;
}
.pure-u,
.pure-u-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-1-4,
.pure-u-1-5,
.pure-u-1-6,
.pure-u-1-8,
.pure-u-1-12,
.pure-u-1-24,
.pure-u-2-3,
.pure-u-2-5,
.pure-u-3-4,
.pure-u-3-5,
.pure-u-3-8,
.pure-u-4-5,
.pure-u-5-6,
.pure-u-5-8,
.pure-u-5-12,
.pure-u-5-24,
.pure-u-7-8,
.pure-u-7-12,
.pure-u-7-24,
.pure-u-11-12,
.pure-u-11-24,
.pure-u-13-24,
.pure-u-17-24,
.pure-u-19-24,
.pure-u-23-24 {
  zoom: 1;
  text-rendering: auto;
  display: inline-block;
  *display: inline;
  letter-spacing: normal;
  vertical-align: top;
  word-spacing: normal;
}
.pure-u-1 {
  display: block;
}
.pure-u-1-2 {
  width: 50%;
}
.pure-u-1-3 {
  width: 33.33333%;
}
.pure-u-2-3 {
  width: 66.66666%;
}
.pure-u-1-4 {
  width: 25%;
}
.pure-u-3-4 {
  width: 75%;
}
.pure-u-1-5 {
  width: 20%;
}
.pure-u-2-5 {
  width: 40%;
}
.pure-u-3-5 {
  width: 60%;
}
.pure-u-4-5 {
  width: 80%;
}
.pure-u-1-6 {
  width: 16.656%;
}
.pure-u-5-6 {
  width: 83.33%;
}
.pure-u-1-8 {
  width: 12.5%;
}
.pure-u-3-8 {
  width: 37.5%;
}
.pure-u-5-8 {
  width: 62.5%;
}
.pure-u-7-8 {
  width: 87.5%;
}
.pure-u-1-12 {
  width: 8.3333%;
}
.pure-u-5-12 {
  width: 41.6666%;
}
.pure-u-7-12 {
  width: 58.3333%;
}
.pure-u-11-12 {
  width: 91.6666%;
}
.pure-u-1-24 {
  width: 4.1666%;
}
.pure-u-5-24 {
  width: 20.8333%;
}
.pure-u-7-24 {
  width: 29.1666%;
}
.pure-u-11-24 {
  width: 45.8333%;
}
.pure-u-13-24 {
  width: 54.1666%;
}
.pure-u-17-24 {
  width: 70.8333%;
}
.pure-u-19-24 {
  width: 79.1666%;
}
.pure-u-23-24 {
  width: 95.8333%;
}
.nrc-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: 100% !important;
}
.nrc-table .table-header {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  position: relative;
}
.nrc-table .table-body {
  background-color: #fff;
  display: flex;
  flex-direction: row;
  overflow: hidden;
}
.nrc-table .table-body .pinned-left-cols-viewport {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.nrc-table .table-body .body-viewport-wrapper {
  overflow-x: auto;
  z-index: 0;
}
.nrc-table .table-body .pinned-right-cols-viewport {
  background: #fff;
  border-left: 1px solid #eef1f4;
  box-shadow: -4px 0 4px -4px rgba(0, 0, 0, 0.2);
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1;
}
.nrc-table .nrc-table-row {
  align-items: center;
  border-bottom: 1px solid #e7e7e7;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  min-height: 70px;
  padding: 8px 0;
}
.nrc-table .nrc-table-row.no-data {
  justify-content: center;
}
.nrc-table .nrc-table-row:last-of-type {
  border-bottom: none;
}
.nrc-table .nrc-table-row .nrc-table-column {
  color: #545658;
  font-size: 14px;
}
.nrc-table .nrc-table-row .nrc-table-column span {
  word-wrap: break-word;
  display: block;
  overflow: hidden;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nrc-table .nrc-table-row .nrc-table-column span.gold {
  color: #09c;
}
.nrc-table .nrc-table-row .nrc-table-column span.red {
  color: #d22323;
}
.nrc-table .nrc-table-row .nrc-table-column span.brown {
  color: #90682b;
}
.nrc-table .nrc-table-row .nrc-table-column span.green {
  color: #73c328;
}
.nrc-table .nrc-table-row .nrc-table-column span.dark {
  color: #222;
}
.nrc-table .nrc-table-row .nrc-table-column span.light {
  color: #888;
}
.nrc-table .nrc-table-row .nrc-table-column div {
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.nrc-table .nrc-table-row.no-data {
  color: #939698;
  font-size: 16px;
}
.nrc-table .nrc-table-header {
  background: #fafafc;
  border-bottom: 1px solid #ececec;
  display: inline-flex;
  flex-direction: row;
  font-weight: bolder;
  justify-content: center;
  position: relative;
  white-space: nowrap;
}
.nrc-table .nrc-table-header i {
  font-size: 12px;
  margin-left: 4px;
}
.nrc-table .nrc-table-header .nrc-table-column {
  word-wrap: break-word;
  align-items: center;
  display: flex;
  justify-content: center;
  position: relative;
  white-space: normal;
}
.nrc-table .nrc-table-header .nrc-table-column span {
  box-sizing: border-box;
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nrc-table-header-column,
.nrc-table-header-column .label {
  box-sizing: border-box;
  position: relative;
}
.nrc-table-header-column .label {
  word-wrap: break-word;
  color: #777;
  font-size: 14px;
  height: 100%;
  padding: 0 10px;
  text-overflow: ellipsis;
  white-space: normal;
}
.nrc-table-header-column .child {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
}
.nrc-table-footer {
  background-color: #f5f5f5;
  overflow: hidden;
}
.nrc-table-footer .nrc-table-row {
  min-height: inherit;
  position: relative;
}
.fixedDataTableColumnResizerLineLayout_mouseArea {
  cursor: ew-resize;
  position: absolute;
  right: -5px;
  width: 12px;
}
.fixedDataTableColumnResizerLineLayout_main {
  border-right-style: solid;
  border-right-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 10;
}
.fixedDataTableColumnResizerLine_main {
  border-color: #0284ff;
}
.fixedDataTableColumnResizerLineLayout_hiddenElem,
body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main {
  display: none !important;
}
.nrc-table .nrc-checkbox label,
.nrc-table .nrc-radio label {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  min-height: 20px;
  padding: 0 0 0 20px;
}
.mock-table {
  color: #777;
}
.mock-table .mock-table-header {
  background-color: #f5f5f5;
  display: flex;
  flex-direction: row;
}
.mock-table .mock-table-header > div {
  box-sizing: border-box;
  flex: 1;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.mock-table .mock-table-row {
  border-bottom: 1px solid #e7e7e7;
  display: flex;
  flex-direction: row;
}
.mock-table .mock-table-row > div {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 40px;
}
aside {
  background-color: #3c3b3b;
  box-sizing: border-box;
  padding: 40px 0 0;
  position: relative;
  text-align: center;
}
aside .logo-footer {
  background: url(/wp-content/themes/wordpress/thuvienanh/logo-icon.svg) 50%
    no-repeat;
  height: 80px;
  margin: 40px auto 0;
  position: relative;
  width: 80px;
}
aside .aside-nav li {
  display: inline-block;
  margin: 0 8px;
}
aside .aside-nav li a {
  background-color: #333;
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 180px;
  line-height: 1.4;
  padding: 100px 20px 0;
  position: relative;
  text-align: right;
  text-decoration: none;
  width: 320px;
}
aside .aside-nav li a h2,
aside .aside-nav li a p {
  position: relative;
  z-index: 1;
}
aside .aside-nav li a h2 {
  font-size: 30px;
}
aside .aside-nav li a:after {
  background-color: rgba(0, 0, 0, 0.3);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.2s;
  width: 100%;
}
aside .aside-nav li a:hover:after {
  background-color: transparent;
}
aside .aside-nav li.nav-url a {
  background: url(/wp-content/themes/wordpress/thuvienanh/nav-url.jpg) 50% /
    cover no-repeat;
}
aside .aside-nav li.nav-help a {
  background: url(/wp-content/themes/wordpress/thuvienanh/nav-help.jpg) 50% /
    cover no-repeat;
}
aside .aside-nav li.nav-join a {
  background: url(/wp-content/themes/wordpress/thuvienanh/nav-join.jpg) 50% /
    cover no-repeat;
}
.nrc-form-input {
  margin-top: 20px;
}
.nrc-form-input .Select-control,
.nrc-form-input input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #222;
  display: block;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding-left: 10px;
  padding-right: 10px;
  width: calc(100% - 30px);
}
.nrc-form-input .Select-control.invalid,
.nrc-form-input .Select-control:focus:not(.readOnly),
.nrc-form-input input.invalid,
.nrc-form-input input:focus:not(.readOnly) {
  background-color: #fff;
  border-color: #09c;
  box-shadow: 0 0 3px #09c;
}
.nrc-form-input .Select-control.invalid,
.nrc-form-input input.invalid {
  background-color: rgba(255, 223, 223, 0.4);
  color: #09c;
}
.nrc-form-input .Select-control:disabled,
.nrc-form-input input:disabled {
  background-color: #e7e7e7;
  cursor: not-allowed;
}
.nrc-form-input .Select-control:disabled::-webkit-input-placeholder,
.nrc-form-input input:disabled::-webkit-input-placeholder {
  color: #ccc;
}
.nrc-form-input.readOnly,
.nrc-form-input.readOnly input {
  cursor: not-allowed;
}
.nrc-form-input.secure {
  margin-right: 20px;
  position: relative;
}
.nrc-form-input.secure i {
  color: #8fc31f;
  cursor: pointer;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  right: 10px;
  top: 12px;
}
.nrc-form-input.secure > div {
  background-color: #fff;
  height: 30px;
  mix-blend-mode: multiply;
  position: absolute;
  right: 35px;
  top: 5px;
  width: 80px;
}
.nrc-form-input.secure > div img {
  height: inherit;
  width: inherit;
}
.nrc-form-input.secure > div span {
  color: #d22323;
  font-size: 22.8px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  padding-top: 2px;
  position: absolute;
}
.nrc-form-input.secure > div span.char0 {
  left: 13px;
}
.nrc-form-input.secure > div span.char1 {
  left: 28px;
}
.nrc-form-input.secure > div span.char2 {
  left: 43px;
}
.nrc-form-input.secure > div span.char3 {
  left: 58px;
}
.nrc-button.border-no-bg {
  background-color: transparent;
  border: 1px solid #09c;
  border-radius: 5px;
  color: #09c;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 40px;
}
.nrc-button.border-no-bg:focus,
.nrc-button.border-no-bg:hover {
  background-color: #09c;
  color: #fff;
}
.nrc-button.nrc-button-disabled,
.nrc-button.nrc-button-disabled:active,
.nrc-button.nrc-button-disabled:focus,
.nrc-button.nrc-button-disabled:hover,
.nrc-button.nrc-button[disabled] {
  border: none;
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.4;
}
.nrc-button[class$="channel"] {
  padding-left: 35px !important;
}
.nrc-button[class$="channel"]:before {
  font-family: iconmps !important;
  font-size: 18px;
  left: 10px;
  line-height: 36px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.nrc-button.DEBIT_CARD-channel:before,
.nrc-button.QR_BANK-channel:before {
  content: "";
}
.nrc-button.WEIXIN-channel:before {
  content: "";
}
.nrc-button.ALIPAY-channel:before {
  content: "";
}
.nrc-button.QQ-channel:before {
  content: "";
}
.nrc-button.JDPAY-channel:before {
  color: #222;
  content: "";
}
.nrc-button.UNIONPAY_SCAN-channel:before {
  color: #183074;
  content: "";
}
.nrc-button.EXPRESSPAY-channel:before {
  color: #eb5e1d;
  content: "";
}
.nrc-button.YIYOU-channel:before {
  color: #f60;
  content: "";
  font-size: 22px;
}
.nrc-button.CRYPTO-channel:before {
  color: #f90;
  content: "";
  font-size: 22px;
}
.nrc-button.BHIM-channel:before,
.nrc-button.BKASH-channel:before,
.nrc-button.GCASH-channel:before,
.nrc-button.GPAY-channel:before,
.nrc-button.MOMOPAY-channel:before,
.nrc-button.MPURSE-channel:before,
.nrc-button.NAGAD-channel:before,
.nrc-button.NETELLER-channel:before,
.nrc-button.PAYLORO-channel:before,
.nrc-button.PAYTM-channel:before,
.nrc-button.PHONEPE-channel:before,
.nrc-button.PROMPTPAY-channel:before,
.nrc-button.QUICKPASS-channel:before,
.nrc-button.REMIT-channel:before,
.nrc-button.ROCKET-channel:before,
.nrc-button.SCRATCHCARD-channel:before,
.nrc-button.SKRILL-channel:before,
.nrc-button.TRUEMONEY-channel:before,
.nrc-button.UPAY-channel:before,
.nrc-button.UPI-channel:before,
.nrc-button.VIETTELPAY-channel:before,
.nrc-button.ZALOPAY-channel:before {
  color: transparent;
  content: "";
  font-size: 22px;
}
.MOMOPAY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/momo.svg) 50% /
    auto 22px no-repeat;
}
.PROMPTPAY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/prompt.png) 50% /
    auto 17px no-repeat;
}
.ZALOPAY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/zalopay.svg) 50% /
    auto 22px no-repeat;
}
.VIETTELPAY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/viettelpay.svg)
    50% / auto 22px no-repeat;
}
.QUICKPASS-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/qpass.png) 50% /
    auto 22px no-repeat;
}
.PAYTM-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/paytm.png) 50% /
    auto 22px no-repeat;
}
.NETELLER-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/neteller.png) 50% /
    auto 22px no-repeat;
}
.SKRILL-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/skrill.png) 50% /
    auto 22px no-repeat;
}
.UPI-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/upi.png) 50% /
    auto 22px no-repeat;
}
.GPAY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/gpay.png) 50% /
    auto 22px no-repeat;
}
.PHONEPE-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/phonepe.png) 50% /
    auto 22px no-repeat;
}
.BHIM-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/bhim.png) 50% /
    auto 22px no-repeat;
}
.MPURSE-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/mpurse.png) 50% /
    auto 22px no-repeat;
}
.SCRATCHCARD-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/scratch.png) 50% /
    auto 22px no-repeat;
}
.GCASH-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/gcash.png) 50% /
    auto 22px no-repeat;
}
.TRUEMONEY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/truemoney.png) 50% /
    auto 22px no-repeat;
}
.USDT-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/usdt.png) 50% /
    auto 22px no-repeat;
}
.GRABPAY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/grabpay.png) 50% /
    auto 22px no-repeat;
}
.PAYMAYA-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/paymaya.png) 50% /
    auto 22px no-repeat;
}
.REMIT-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/remit.png) 50% /
    auto 22px no-repeat;
}
.PAYLORO-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/payloro.png) 50% /
    auto 22px no-repeat;
}
.NAGAD-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/nagad.png) 50% /
    auto 22px no-repeat;
}
.BKASH-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/bkash.png) 50% /
    auto 22px no-repeat;
}
.ROCKET-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/rocket.png) 50% /
    auto 22px no-repeat;
}
.UPAY-channel:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/upay.png) 50% /
    auto 22px no-repeat;
}
.nrc-collapse {
  margin-bottom: 10px;
  position: relative;
}
.nrc-collapse .header {
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
}
.nrc-collapse .header img {
  display: block;
}
.nrc-collapse .body {
  background-color: #282828;
  min-height: 20px;
  transition: all 0.3s ease-in-out;
}
.nrc-collapse .body > * {
  animation-duration: 0.3s;
  animation-name: lineInserted;
  transition: height 0.3s;
}
.nrc-checkbox input[type="checkbox"],
.nrc-checkbox input[type="radio"],
.nrc-radio input[type="checkbox"],
.nrc-radio input[type="radio"],
.rdw-editor-toolbar.nrc-editor-hidetoolbar {
  display: none;
}
.nrc-checkbox input[type="checkbox"]:checked + label:after,
.nrc-radio input[type="checkbox"]:checked + label:after {
  background-color: #09c;
  border: 2px solid #09c;
  color: #fff;
  content: "";
  font-family: iconmps !important;
}
.nrc-checkbox input[type="radio"]:checked + label:after,
.nrc-radio input[type="radio"]:checked + label:after {
  border: 5px solid #09c;
}
.nrc-checkbox input[type="checkbox"]:focus:invalid:focus,
.nrc-checkbox input[type="radio"]:focus:invalid:focus,
.nrc-radio input[type="checkbox"]:focus:invalid:focus,
.nrc-radio input[type="radio"]:focus:invalid:focus {
  outline-color: #e9322d;
}
.nrc-checkbox input[type="checkbox"][disabled] + label,
.nrc-checkbox input[type="radio"][disabled] + label,
.nrc-radio input[type="checkbox"][disabled] + label,
.nrc-radio input[type="radio"][disabled] + label {
  cursor: not-allowed;
}
.nrc-checkbox input[type="checkbox"][disabled] + label:after,
.nrc-checkbox input[type="radio"][disabled] + label:after,
.nrc-radio input[type="checkbox"][disabled] + label:after,
.nrc-radio input[type="radio"][disabled] + label:after {
  background-color: #ccc;
  border-color: #f5f5f5;
}
.nrc-checkbox label,
.nrc-radio label {
  margin-right: 50px;
  padding-left: 20px;
  position: relative;
}
.nrc-checkbox label:after,
.nrc-radio label:after {
  background-color: #fff;
  border: 2px solid #aaa;
  box-sizing: border-box;
  content: "";
  cursor: pointer;
  display: block;
  height: 15px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s linear;
  width: 15px;
}
.nrc-checkbox label:after {
  border-radius: 3px;
  display: inline-block;
  font-size: 13px;
  height: 16px;
  width: 16px;
}
.nrc-radio label:after {
  border-radius: 50%;
}
.nrc-loading-box {
  box-sizing: border-box;
  height: 100px;
  padding-top: 40px;
  text-align: center;
}
.nrc-loading {
  animation: loading-spinner 1s linear infinite;
  border-color: #666 transparent transparent #666;
  border-radius: 10px;
  border-style: solid;
  border-width: 2px;
  display: none;
  height: 14px;
  right: 15px;
  top: 15px;
  width: 14px;
  z-index: 2000;
}
.nrc-loading.active {
  display: block;
  margin: 0 auto;
}
@keyframes loading-spinner {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }
}
.nrc-button-loading .nrc-loading {
  border-color: #fff transparent transparent #fff;
  display: inline-block;
  height: 10px;
  left: 45%;
  position: absolute;
  top: 10px;
  width: 10px;
}
img[alt="captcha"] {
  margin-top: -3px;
}
@keyframes lineInserted {
  0% {
    height: 0;
  }
  to {
    height: 250px;
  }
}
.promo-editor-view {
  border: none;
}
.nrc-editor-view-mode {
  word-wrap: break-word;
  border: none !important;
  height: 100%;
}
.nrc-editor-view-mode strong {
  font-weight: 700;
}
.nrc-editor-view-mode tr {
  border: unset;
}
.nrc-editor-view-mode * {
  word-wrap: break-word;
  word-break: break-word;
}
.nrc-editor-view-mode > p:empty {
  height: 16px;
}
.editor-table-td,
.nrc-editor-view-mode td {
  color: #000;
}
.nrc-editor-view-mode h1,
.nrc-editor-view-mode h2,
.nrc-editor-view-mode h3,
.nrc-editor-view-mode h4,
.nrc-editor-view-mode h5,
.nrc-editor-view-mode h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 400;
  line-height: 1.1;
}
.nrc-editor-view-mode h1 small,
.nrc-editor-view-mode h2 small,
.nrc-editor-view-mode h3 small,
.nrc-editor-view-mode h4 small,
.nrc-editor-view-mode h5 small,
.nrc-editor-view-mode h6 small {
  color: #777;
  font-weight: 400;
  line-height: 1;
}
.nrc-editor-view-mode h1,
.nrc-editor-view-mode h2,
.nrc-editor-view-mode h3 {
  margin-bottom: 9.5px;
  margin-top: 19px;
}
.nrc-editor-view-mode h1 small,
.nrc-editor-view-mode h2 small,
.nrc-editor-view-mode h3 small {
  font-size: 65%;
}
.nrc-editor-view-mode h4,
.nrc-editor-view-mode h5,
.nrc-editor-view-mode h6 {
  margin-bottom: 9.5px;
  margin-top: 9.5px;
}
.nrc-editor-view-mode h4 small,
.nrc-editor-view-mode h5 small,
.nrc-editor-view-mode h6 small {
  font-size: 75%;
}
.nrc-editor-view-mode h1 {
  font-size: 36px;
}
.nrc-editor-view-mode h2 {
  font-size: 30px;
}
.nrc-editor-view-mode h3 {
  font-size: 24px;
}
.nrc-editor-view-mode h4 {
  font-size: 18px;
}
.nrc-editor-view-mode h5 {
  font-size: 14px;
}
.nrc-editor-view-mode h6 {
  font-size: 12px;
}
.nrc-editor-view-mode p {
  margin: 0 0 9.5px;
}
.nrc-editor-view-mode small {
  font-size: 85%;
}
.white-container {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 56px auto;
  padding: 20px 40px 40px;
}
.white-container .separate-line {
  border-top: 1px dashed #ccc;
}
.resume-details {
  padding: 20px 0;
}
.resume-details div.nrc-view-edit-wrapper .view-mode {
  align-items: center;
}
.resume-details div.nrc-view-edit-wrapper .content .nrc-form .nrc-form-item {
  margin-bottom: 0;
}
.resume-details div.nrc-view-edit-wrapper .content .nrc-file.file-uploaded {
  margin-bottom: 0 !important;
}
.resume-details div.resume-item {
  align-items: center;
  color: #777;
  display: flex;
  font-size: 16px;
  line-height: 1.2;
  margin-bottom: 25px;
}
.resume-details div.resume-item p.title {
  margin-right: 20px;
  text-align: right;
  width: 172px;
}
.resume-details div.resume-item p.value {
  color: #222;
  width: 250px;
}
.resume-details div.resume-item.bold div {
  font-weight: 700;
}
.resume-details .resume-item-third-party-item {
  cursor: pointer;
  margin-right: 10px;
}
.resume-details .resume-item-third-party-item.bound {
  cursor: not-allowed;
  display: inline-block;
  position: relative;
}
.resume-details .resume-item-third-party-item.bound img {
  border-radius: 50%;
}
.resume-details
  .resume-item-third-party-item.bound
  img.third-party-icon-prefix {
  left: -8px;
  position: absolute;
  top: 0;
  width: 22px;
}
.section-block .header {
  border-bottom: 1px solid #ccc;
  height: 38px;
  margin-bottom: 10px;
  padding: 0 10px 10px;
}
.section-block .header .titles {
  align-items: baseline;
  display: flex;
}
.section-block .header h3 {
  color: #09c;
  font-size: 24px;
  font-weight: 400;
}
.section-block .header h3 + p {
  color: #666;
  font-size: 13px;
  margin-left: 10px;
}
.section-block .header .nrc-button {
  background-color: #09c;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #fff;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding-left: 20px;
  padding-right: 20px;
}
.section-block .header .nrc-button:hover {
  background-color: #c6c6c6;
}
.section-block .header.empty {
  height: 0;
}
.finan-history .section-block .header,
.game-history .section-block .header {
  border-bottom: 0;
}
.list-details {
  border: 1px solid #ccc;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top: 0;
  overflow: hidden;
}
.list-details div {
  height: 45px;
  padding: 0 20px;
}
.list-details div:nth-child(2n) {
  background-color: #f5f5f5;
}
.list-details div p {
  color: #282828;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.list-details .nrc-loading {
  display: inline-block;
}
.collection-infos-block > div .list-details .warning p:nth-child(2),
.list-details .warning .collection-infos-block > div p:nth-child(2),
.list-details .warning .text-left {
  color: #09c;
}
.app.account .profile .walletBlock > :last-child .list-details .warning p,
.app.account header .list-details .warning .hello,
.collection-block > div > div .list-details .warning p:first-child,
.collection-infos-block > div .list-details .warning p:first-child,
.list-details .warning .app.account .profile .walletBlock > :last-child p,
.list-details .warning .app.account header .hello,
.list-details .warning .collection-block > div > div p:first-child,
.list-details .warning .collection-infos-block > div p:first-child,
.list-details .warning .nrc-form .nrc-form-item .nrc-form-label,
.list-details .warning .text-right,
.list-details
  .warning
  .withdraw-list
  .form
  .nrc-form-item
  .nrc-form-input
  input,
.list-details
  .warning
  .withdraw-list
  .form
  .nrc-form-item
  .nrc-form-input
  small,
.list-details .warning .withdraw-list .form .total-deduction,
.nrc-form .nrc-form-item .list-details .warning .nrc-form-label,
.withdraw-list .form .list-details .warning .total-deduction,
.withdraw-list
  .form
  .nrc-form-item
  .nrc-form-input
  .list-details
  .warning
  input,
.withdraw-list
  .form
  .nrc-form-item
  .nrc-form-input
  .list-details
  .warning
  small {
  display: none;
}
.hover-container {
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.hover-container.alert {
  z-index: 2002;
}
.hover-container.alert.mission-reward-error {
  z-index: 1050;
}
.hover-container .content {
  background-color: #fff;
  margin: 0;
  max-height: 80vh;
  max-width: 80vw;
  min-height: 5vw;
  min-width: 5vw;
  outline: none;
  overflow: visible;
  position: relative;
}
.hover-container .content .close-btn {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
  width: 30px;
  z-index: 1002;
}
.hover-container .container {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(15, 2, 20, 0.7);
  max-height: 90vh;
  overflow: auto;
  position: relative;
}
.hover-container .container .header {
  background-color: #09c;
  height: 50px;
  padding: 0 20px;
}
.hover-container .container .header + form {
  height: calc(100% - 50px);
  overflow: auto;
}
.hover-container .container .header h2 {
  color: #fff;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 52px;
}
.hover-container .container .header i {
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  margin-right: -8px;
}
.hover-container .container .body {
  margin: 20px 40px;
}
.hover-container .nrc-button {
  font-size: 16px;
  height: 45px;
  padding: 0 30px;
}
.hover-container .nrc-form .nrc-form-item .nrc-form-label {
  max-width: 280px;
  min-width: 100px;
  width: auto;
}
.hover-container .nrc-form .nrc-form-item .info-msg,
.hover-container .nrc-form .nrc-form-item .invalid-msg {
  max-width: 500px;
  min-width: 200px;
  width: auto;
}
.box-group {
  font-size: 0;
}
.box {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 2px;
  overflow: hidden;
  position: relative;
}
.box.box-bankcard,
.box.box-wallet {
  overflow: hidden;
  width: 440px;
}
.box.box-bankcard:after,
.box.box-wallet:after {
  content: "";
  display: block;
  height: 100%;
  left: -30px;
  position: absolute;
  top: 0;
  transform: skewX(-12deg);
  width: 120px;
}
.box.box-bankcard h2,
.box.box-wallet h2 {
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 16px;
  height: 100%;
  line-height: 1.4;
  padding: 15px;
  position: absolute;
  width: 100px;
  z-index: 1;
}
.box.box-bankcard .cont,
.box.box-wallet .cont {
  box-sizing: border-box;
  color: #aaa;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  padding: 10px 0 10px 110px;
  vertical-align: middle;
}
.box.box-bankcard .cont .name,
.box.box-wallet .cont .name {
  color: #777;
  font-size: 21px;
  margin-top: 5px;
}
.box.box-bankcard:after {
  background: linearGradient(#9a9a9a, #878787);
}
.box.box-bankcard button {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
.box.box-bankcard.bank-card {
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 15px auto;
  width: 100%;
}
.box.box-bankcard.bank-card .hover-func {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 12px;
  height: 100%;
  opacity: 0;
  position: absolute;
  text-align: center;
  transition: 0.3s;
  width: 100%;
  z-index: 10;
}
.box.box-bankcard.bank-card .hover-func ul {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.box.box-bankcard.bank-card .hover-func ul li {
  cursor: pointer;
  display: inline-block;
  width: 35%;
}
.box.box-bankcard.bank-card .hover-func ul li:hover {
  color: #09c;
}
.box.box-bankcard.bank-card .hover-func ul li i {
  font-size: 35px;
  line-height: 1.8;
}
.box.box-bankcard.bank-card:hover .hover-func {
  opacity: 1;
}
.box.box-bankcard.bank-card:after {
  display: none;
}
.box.box-bankcard.bank-card .cont {
  padding: 20px 30px;
}
.box.box-bankcard.bank-card .cont .card-no {
  color: #777;
  font-size: 28px;
  margin-bottom: 30px;
}
.box.box-bankcard.bank-card .status {
  bottom: 15px;
  font-size: 12px;
  line-height: 20px;
  position: absolute;
  right: 15px;
}
.box.box-bankcard.bank-card.add-new {
  border: 1px dashed #ccc;
  box-shadow: 0 0 0 0 #fff;
  color: #09c;
  cursor: pointer;
  font-size: 20px;
  height: 160px;
  line-height: 160px;
  text-align: center;
}
.box.box-bankcard.bank-card.add-new h4,
.box.box-bankcard.bank-card.add-new i {
  display: inline-block;
  vertical-align: middle;
}
.box.box-bankcard.bank-card.active .status {
  color: #8fc31f;
}
.box.box-bankcard.bank-card.active .status:before {
  border: 1px solid #8fc31f;
  border-radius: 50%;
  content: "";
  display: inline-block;
  font-family: iconmps !important;
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.box.box-bankcard.bank-card.active.fav {
  background-color: #777;
  border-left: 6px solid #09c;
  color: #fff;
  width: calc(100% - 4px);
}
.box.box-bankcard.bank-card.active.fav:before {
  background-color: #09c;
  content: "";
  height: 90px;
  position: absolute;
  right: -45px;
  top: -45px;
  transform: rotate(45deg);
  width: 90px;
}
.box.box-bankcard.bank-card.active.fav:after {
  background: transparent;
  color: #9d0404;
  content: "";
  display: block;
  font-family: iconmps !important;
  font-size: 19px;
  height: 35px;
  left: auto;
  line-height: 35px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: skewX(0deg);
  width: 35px;
}
.box.box-bankcard.bank-card.active.fav .cont,
.box.box-bankcard.bank-card.active.fav .cont .card-no,
.box.box-bankcard.bank-card.active.fav .cont .name,
.box.box-bankcard.bank-card.active.fav .status {
  color: #fff;
}
.box.box-bankcard.bank-card.active.fav .status:before {
  border: 1px solid #fff;
}
.box.box-bankcard.bank-card.disable,
.box.box-bankcard.bank-card.disable .cont .card-no,
.box.box-bankcard.bank-card.disable .cont .name {
  color: #aaa;
}
.box.box-wallet {
  text-align: right;
}
.box.box-wallet.box-wallet-full,
.box.box-wallet.box-wallet-list {
  border: 0;
  margin: 15px 0;
  text-align: left;
}
.box.box-wallet.box-wallet-full .cont,
.box.box-wallet.box-wallet-list .cont {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  width: 35%;
}
.box.box-wallet.box-wallet-full .wallet-detail,
.box.box-wallet.box-wallet-list .wallet-detail {
  border-left: 1px solid #ccc;
  box-sizing: border-box;
  color: #777;
  display: inline-block;
  font-size: 13px;
  line-height: 1.6;
  padding: 5px 20px;
  vertical-align: middle;
  width: 60%;
}
.box.box-wallet.box-wallet-full {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  width: auto;
}
.box.box-wallet.box-wallet-full .points {
  font-size: 45px;
}
.box.box-wallet.box-wallet-list {
  display: inline-block;
  margin: 0 15px 0 0;
  width: calc(50% - 15px);
}
.box.box-wallet.box-wallet-list.list-odd {
  background-color: rgba(255, 255, 255, 0.9);
}
.box.box-wallet.box-wallet-list h2 {
  padding: 10px 15px;
}
.box.box-wallet.box-wallet-list .cont {
  text-align: right;
  width: 100%;
}
.box.box-wallet.box-wallet-list .cont .points {
  display: inline-block;
  font-size: 35px;
  line-height: 45px;
  vertical-align: middle;
}
.box.box-wallet.box-wallet-list .cont button.btn-border {
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
}
.box.box-wallet.box-wallet-list:nth-of-type(2n) {
  margin-right: 0;
}
.box.box-wallet.box-wallet-list.list-item:after {
  display: none;
}
.box.box-wallet.box-wallet-list.list-item h2 {
  color: #222;
  font-size: 18px;
  line-height: 65px;
  padding: 0 15px;
  white-space: nowrap;
}
.box.box-wallet.box-wallet-list.list-item .cont .points {
  color: #777;
  font-size: 21px;
  font-weight: 100;
}
.box.box-wallet.box-wallet-list.list-item .cont button.btn-border {
  border-color: #777;
  color: #777;
}
.box.box-wallet h2 {
  text-align: left;
}
.box.box-wallet:after {
  background: linearGradient(#edb955, #c2953f);
}
.box.box-wallet .cont {
  padding-right: 15px;
  width: 100%;
}
.box.box-wallet .cont .points {
  color: #09c;
  line-height: 1.6;
}
.box.box-wallet button {
  display: inline-block;
  margin-bottom: 15px;
}
.box.box-wallet button:last-child {
  margin-right: 15px;
}
.box.box-bank {
  border-radius: 5px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  display: inline-block;
  height: 200px;
  margin: 10px 15px 10px 0;
  overflow: hidden;
  vertical-align: top;
  width: calc(50% - 9.5px);
}
.box.box-bank:nth-of-type(2n) {
  margin-right: 0;
}
.box.box-bank .head-img {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: auto;
}
.box.box-bank .cont {
  box-sizing: border-box;
  color: #aaa;
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  padding: 10px 15px 10px 190px;
  vertical-align: middle;
}
.box.box-bank .cont h2 {
  border-bottom: 1px dotted #aaa;
  color: #09c;
  font-size: 24px;
  height: 50px;
  line-height: 50px;
  position: relative;
}
.box.box-bank .cont h2 button {
  border-radius: 5px;
  font-size: 13px;
  height: 30px;
  padding: 6px 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
}
.box.box-bank .cont p {
  padding: 20px 0;
}
.box.box-bank.box-sum {
  box-shadow: 0 0 0 0 #fff;
  height: auto;
}
.box.box-bank.box-sum .cont {
  padding: 10px 20px;
  width: 100%;
}
.box.box-bank.box-sum .cont h2 {
  border-bottom: 0;
}
.box.box-bank.box-sum .cont h2 button {
  background-color: transparent;
  border: 1px solid #777;
  border-radius: 15px;
  color: #777;
}
.box.box-bank.box-sum .cont .fee {
  border-bottom: 1px dotted #aaa;
  padding: 10px 0;
}
.box.box-bank.box-sum .cont .fee li {
  margin: 5px 0;
}
.box.box-bank.box-sum .cont .total {
  line-height: 45px;
  position: relative;
}
.box.box-bank.box-sum .cont .total h3 {
  color: #09c;
  font-size: 30px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
}
.box.box-account {
  border: 0;
  width: 640px;
}
.box.box-account label {
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 5px;
  color: #777;
  display: block;
  font-size: 13px;
  line-height: 1.6;
  padding: 20px;
  position: relative;
  transition: 0.3s;
}
.box.box-account label:after {
  background-color: #ccc;
  border-radius: 50%;
  color: rgba(255, 255, 255, 0.9);
  content: "";
  display: block;
  font-family: iconmps !important;
  font-size: 35px;
  height: 45px;
  line-height: 45px;
  margin-top: -22.5px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 50%;
  width: 45px;
}
.box.box-account input[type="checkbox"] {
  display: none;
}
.box.box-account input[type="checkbox"]:checked + label {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #09c;
  color: #09c;
}
.box.box-account input[type="checkbox"]:checked + label:after {
  background-color: #09c;
  color: #fff;
}
.box.box-account input[type="checkbox"]:checked + label .account-list span {
  color: #777;
}
.box.box-account .account-list {
  margin: 10px 0;
  padding-left: 120px;
  position: relative;
}
.box.box-account .account-list span {
  left: 0;
  position: absolute;
  text-align: right;
  top: 0;
  width: 115px;
}
.rc-pagination {
  display: inline-block;
  font-size: 12px;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}
.rc-pagination:after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.rc-pagination-total-text {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
}
.rc-pagination-item {
  background-color: #fff;
  border: 1px solid #cfd2d8;
  border-radius: 2px;
  cursor: pointer;
  float: left;
  height: 28px;
  line-height: 28px;
  list-style: none;
  margin-right: 8px;
  min-width: 28px;
  text-align: center;
}
.rc-pagination-item:hover {
  border-color: #09c;
}
.rc-pagination-item a {
  color: #555e76;
  text-decoration: none;
}
.rc-pagination-item a:hover {
  border-color: #09c;
}
.rc-pagination-item-active {
  background-color: #09c;
  border-color: #09c;
}
.rc-pagination-item-active a {
  color: #fff;
}
.rc-pagination-jump-next:after,
.rc-pagination-jump-prev:after {
  color: #ccc;
  content: "•••";
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  margin-top: 1px;
}
.rc-pagination-jump-prev:hover:after {
  color: #09c;
  content: "«";
}
.rc-pagination-jump-next:hover:after {
  color: #09c;
  content: "»";
}
.rc-pagination-jump-next,
.rc-pagination-jump-prev,
.rc-pagination-prev {
  margin-right: 8px;
}
.rc-pagination-jump-next,
.rc-pagination-jump-prev,
.rc-pagination-next,
.rc-pagination-prev {
  border-radius: 2px;
  color: #666;
  cursor: pointer;
  float: left;
  font-size: 10px;
  height: 28px;
  line-height: 28px;
  list-style: none;
  min-width: 28px;
  text-align: center;
}
.rc-pagination-prev a:after {
  content: "‹";
  display: block;
}
.rc-pagination-next a:after {
  content: "›";
  display: block;
}
.rc-pagination-next,
.rc-pagination-prev {
  border: 1px solid #d9d9d9;
  font-size: 18px;
}
.rc-pagination-next a,
.rc-pagination-prev a {
  color: #666;
}
.rc-pagination-next a:after,
.rc-pagination-prev a:after {
  margin-top: -1px;
}
.rc-pagination-disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.rc-pagination-disabled a {
  color: #ccc;
}
.rc-pagination-options {
  float: left;
  margin-left: 15px;
}
.rc-pagination-options-size-changer {
  float: left;
  width: 80px;
}
.rc-pagination-options-quick-jumper {
  float: left;
  height: 28px;
  line-height: 28px;
  margin-left: 16px;
}
.rc-pagination-options-quick-jumper input {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  height: 28px;
  margin: 0 8px;
  outline: none;
  padding: 3px 12px;
  width: 50px;
}
.rc-pagination-options-quick-jumper input:hover {
  border-color: #09c;
}
.rc-pagination-simple .rc-pagination-next,
.rc-pagination-simple .rc-pagination-prev {
  border: none;
  font-size: 18px;
  height: 24px;
  line-height: 24px;
  margin: 0;
}
.rc-pagination-simple .rc-pagination-simple-pager {
  float: left;
  margin-right: 8px;
}
.rc-pagination-simple .rc-pagination-simple-pager input {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  box-sizing: border-box;
  margin: 0 8px;
  min-height: 20px;
  outline: none;
  padding: 5px 8px;
  width: 30px;
}
.rc-pagination-simple .rc-pagination-simple-pager input:hover {
  border-color: #09c;
}
.rc-pagination-simple .rc-pagination-simple-pager .rc-pagination-slash {
  margin: 0 10px;
}
.steps {
  height: 70px;
}
.steps div {
  background-color: #d8d8d8;
  color: #aaa;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 100%;
  line-height: 70px;
  position: relative;
}
.steps div.active {
  background-color: #09c;
  color: #fff;
}
.steps div.active:after,
.steps div.active:first-child:before {
  border-color: transparent transparent transparent #09c;
}
.steps div.active:before {
  border-color: transparent transparent transparent #fff;
}
.steps div:before {
  border-color: transparent transparent transparent #fff;
  left: 0;
}
.steps div:after,
.steps div:before {
  border-style: solid;
  border-width: 35px 0 35px 25px;
  height: 0;
  width: 0;
}
.steps div:after {
  border-color: transparent transparent transparent #d8d8d8;
  display: block;
  right: -23px;
  top: 0;
  z-index: 100;
}
.steps div:last-child:after {
  display: none;
}
.steps.number-2 div {
  width: 50%;
}
.steps.number-3 div {
  width: 33.33333%;
}
.steps.number-4 div {
  width: 25%;
}
.steps.number-5 div {
  width: 20%;
}
.collection-list {
  margin: 36px auto 0;
  overflow: hidden;
  width: 640px;
}
.collection-list .collection-block:last-child {
  margin-bottom: 0;
}
.collection-block {
  background-color: #f5f5f5;
  border: 2px solid #f5f5f5;
  border-radius: 5px;
  cursor: pointer;
  height: auto;
  margin-bottom: 15px;
  position: relative;
  transition: 0.3s;
  width: 636px;
}
.collection-block .mps-input-ok {
  background-color: #d8d8d8;
  border-radius: 24px;
  color: #f5f5f5;
  font-size: 48px;
  height: 48px;
  position: absolute;
  right: 30px;
  top: calc(50% - 24px);
  transition: 0.3s;
  width: 48px;
}
.collection-block > div {
  height: calc(100% - 52px);
  padding: 15px;
  width: calc(100% - 52px);
}
.collection-block > div > div {
  margin-bottom: 16px;
}
.collection-block > div > div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
}
.collection-block > div > div p:first-child {
  margin-right: 20px;
  width: 110px;
}
.collection-block > div > div p:first-child span {
  padding-left: 10px;
}
.collection-block .copy-btns {
  bottom: 25px;
  height: 30px;
  opacity: 0;
  padding: 0;
  position: absolute;
  right: 23px;
  text-align: center;
  transition: 0.3s;
  width: 60px;
}
.collection-block .copy-btns button {
  font-size: 14px;
  height: 30px;
  margin: 0 5px;
  position: relative;
}
.collection-block .copy-btns button i {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.collection-block .copy-btns button i:before {
  content: "";
}
.collection-block.selected {
  background-color: #fff;
  border-color: #09c;
}
.collection-block.selected .copy-btns {
  opacity: 1;
}
.collection-block.selected .mps-input-ok {
  background-color: #09c;
  color: #fff;
  margin-top: -15px;
}
.collection-block.selected .copy-text {
  bottom: 0;
  color: #09c;
}
.collection-block.selected > div div p:last-child {
  color: #09c;
}
.modal.alert {
  background-color: #f5f5f5;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(15, 2, 20, 0.7);
  box-sizing: border-box;
  min-height: 360px;
  padding-bottom: 20px;
  width: 500px;
}
.modal.alert .container {
  background-color: inherit;
  border-radius: inherit;
  box-shadow: 0 0 0;
  height: 100%;
  overflow: inherit;
  position: relative;
}
.modal.alert .container .title-close {
  background-image: linear-gradient(0deg, #e7e7e7, #fff),
    linear-gradient(#eee, #eee);
  border-bottom: 2px solid #09c;
  height: 72px;
  position: relative;
  width: 100%;
}
.modal.alert .container .title-close p {
  color: #222;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 72px;
}
.modal.alert .container .title-close img {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
}
.modal.alert .container .close {
  position: absolute;
  right: 0;
  top: 0;
}
.modal.alert .container .icon {
  display: block;
  margin-bottom: 10px;
  margin-top: 45px;
  width: 100%;
}
.modal.alert .container .icon img {
  height: 74px;
}
.modal.alert .container .message {
  color: #222;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  margin-top: 20px;
  padding: 0 40px;
}
.modal.alert .container .nrc-button {
  margin-top: 20px;
}
.modal.alert.children {
  height: auto;
  padding-bottom: 20px;
}
.modal.alert .resume-details {
  margin-top: 10px;
}
.modal.alert .resume-details p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  padding-bottom: 12px;
}
.modal.alert .resume-details p:last-child {
  color: #222;
}
.modal.noBackDrop {
  height: auto;
  left: 50%;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}
.modal.noBackDrop .container .title-close {
  height: 60px;
}
.modal.noBackDrop .container .title-close p {
  line-height: 60px;
}
.modal.noBackDrop .container .message {
  line-height: 2;
  padding: 15px 0;
}
.modal.signup-tip .message {
  color: #222;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  margin-top: 20px;
  padding: 0 40px;
}
.modal.signup-tip.normal {
  height: 60vh;
  width: 50vw;
}
.modal.signup-tip.forget-password {
  width: 600px;
}
.modal.confirmation .white-container {
  margin: 0;
  padding: 40px;
  width: 490px;
}
.modal.confirmation .white-container p {
  color: #777;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.75;
  margin-bottom: 34px;
}
.modal.confirmation .white-container div button {
  padding: 0;
  width: 150px;
}
.modal.confirmation .white-container div button:nth-child(2) {
  margin-left: 38px;
}
.modal.confirmation .white-container .pre-line {
  white-space: pre-line;
}
.modal.confirm-body-modal .white-container {
  margin: 0;
  padding: 0;
  width: 570px;
}
.modal.confirm-body-modal .header {
  background-color: #eee;
  height: 75px;
  position: relative;
}
.modal.confirm-body-modal .header h2 {
  color: #222;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 75px;
}
.modal.confirm-body-modal .header .close {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
}
.modal.confirm-body-modal .body {
  padding: 25px;
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item {
  margin-bottom: 12px;
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-label {
  width: 20%;
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input {
  min-height: 36px;
  width: 80%;
}
.modal.confirm-body-modal
  .body
  .nrc-form
  .nrc-form-item
  .nrc-form-input
  .info-msg {
  display: none;
}
.modal.confirm-body-modal
  .body
  .nrc-form
  .nrc-form-item
  .nrc-form-input
  .invalid-msg {
  width: auto;
}
.modal.confirm-body-modal .body .nrc-form .nrc-form-item .nrc-form-input > p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
}
.modal.confirm-body-modal .footer {
  height: 80px;
}
.modal.confirm-body-modal .footer button {
  margin: 0 10px;
  padding: 0;
  width: 110px;
}
.Select {
  cursor: pointer;
  margin-right: 20px;
  position: relative;
}
.Select .Select-control {
  height: 38px;
  position: relative;
  width: 220px;
}
.Select.is-open,
.Select:focus {
  z-index: 100;
}
.Select.is-open .Select-control,
.Select:focus .Select-control {
  background-color: #fff;
  border-color: #09c;
}
.Select .Select-placeholder {
  line-height: 40px;
}
.Select .Select-input input {
  opacity: 0;
}
.Select .Select-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select .Select-value span {
  line-height: 36px;
}
.Select .Select-menu-outer {
  border: 1px solid #09c;
  border-top: none;
  left: 0;
  max-height: 200px;
  overflow: hidden;
  overflow-y: scroll;
  position: absolute;
  top: 38px;
  width: 100%;
}
.Select .Select-option {
  background-color: #fff;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  max-width: 220px;
  padding: 10px 15px;
  width: 220px;
}
.Select .Select-option:hover {
  background-color: #f5f5f5;
  color: #09c;
}
.Select .Select-option.is-selected {
  background-color: #09c;
  color: #fff;
}
.Select .Select-clear-zone {
  display: none;
}
.Select .Select-arrow-zone {
  height: 20px;
  height: 7px;
  position: absolute;
  right: 12px;
  top: calc(50% - 3.5px);
  width: 20px;
  width: 10px;
}
.Select .Select-arrow-zone .Select-arrow {
  display: none;
}
.Select .Select-arrow-zone:after {
  border-color: #222 transparent transparent;
  border-style: solid;
  border-width: 7px 5px 0;
  content: "";
  height: 0;
  position: absolute;
  width: 0;
}
.rc-calendar,
.rc-calendar * {
  box-sizing: border-box;
}
.rc-calendar-hidden {
  display: none;
}
.rc-calendar-input-wrap {
  border-bottom: 1px solid #e9e9e9;
  padding: 6px;
  position: relative;
}
.rc-calendar-input-wrap:after {
  clear: both;
  content: "";
}
.rc-calendar-date-input-wrap {
  overflow: hidden;
}
.rc-calendar-time-picker {
  background-color: #fff;
  height: 217px;
  position: absolute;
  top: 34px;
  width: 100%;
}
.rc-calendar-time-picker-panel {
  position: relative;
  width: 100%;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-input-wrap {
  display: none;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-inner {
  border: none;
  box-shadow: none;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select {
  width: 84px;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select ul {
  max-height: 217px;
}
.rc-calendar-time-picker-panel .rc-time-picker-panel-select li {
  padding: 0;
  text-align: center;
}
.rc-calendar-time-picker-wrap {
  float: left;
  width: 100%;
}
.rc-calendar-time-picker-wrap .rc-time-picker {
  width: 100%;
}
.rc-calendar-time-picker-wrap .rc-time-picker-input {
  border: 1px solid transparent;
  height: 22px;
  outline: 0;
  padding: 0;
}
.rc-calendar-time-picker-wrap .rc-time-picker-icon {
  display: none;
}
.rc-calendar-input {
  border: 1px solid transparent;
  color: #666;
  cursor: text;
  height: 22px;
  line-height: 1.5;
  outline: 0;
  width: 100%;
}
.rc-calendar-input-invalid {
  border-color: red;
}
.rc-calendar-clear-btn {
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 20px;
  z-index: 9999;
}
.rc-calendar-clear-btn:after {
  color: #aaa;
  content: "x";
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  transition: color 0.3s ease;
  width: 20px;
}
.rc-calendar-clear-btn:hover:after {
  color: #666;
}
.rc-calendar-picker {
  left: -9999px;
  position: absolute;
  top: -9999px;
  z-index: 2001;
}
.rc-calendar-picker-hidden {
  display: none;
}
.rc-calendar-picker-slide-up-appear,
.rc-calendar-picker-slide-up-enter {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.08, 0.82, 0.17, 1);
  display: block !important;
  opacity: 0;
  transform-origin: 0 0;
}
.rc-calendar-picker-slide-up-leave {
  animation-duration: 0.3s;
  animation-fill-mode: both;
  animation-play-state: paused;
  animation-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.34);
  display: block !important;
  opacity: 1;
  transform-origin: 0 0;
}
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-bottomRight,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpIn;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-appear.rc-calendar-picker-slide-up-appear-active.rc-calendar-picker-placement-topRight,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-enter.rc-calendar-picker-slide-up-enter-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownIn;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-bottomRight {
  animation-name: rcDropdownSlideUpOut;
  animation-play-state: running;
}
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topLeft,
.rc-calendar-picker-slide-up-leave.rc-calendar-picker-slide-up-leave-active.rc-calendar-picker-placement-topRight {
  animation-name: rcDropdownSlideDownOut;
  animation-play-state: running;
}
@keyframes rcDropdownSlideUpIn {
  0% {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
}
@keyframes rcDropdownSlideUpOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 0 0;
  }
  to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 0 0;
  }
}
@keyframes rcDropdownSlideDownIn {
  0% {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
}
@keyframes rcDropdownSlideDownOut {
  0% {
    opacity: 1;
    transform: scaleY(1);
    transform-origin: 100% 100%;
  }
  to {
    opacity: 0;
    transform: scaleY(0);
    transform-origin: 100% 100%;
  }
}
.rc-calendar {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  font-family: Arial, Hiragino Sans GB, Microsoft Yahei, "Microsoft Sans Serif",
    WenQuanYi Micro Hei, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  list-style: none;
  text-align: left;
  width: 253px;
}
.rc-calendar,
.rc-calendar-date-panel,
.rc-calendar-panel {
  outline: none;
  position: relative;
}
.rc-calendar-week-number {
  width: 286px;
}
.rc-calendar-week-number-cell {
  text-align: center;
}
.rc-calendar-header {
  background-color: #09c;
  color: #fff;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-header > a {
  display: inline-block;
  font-weight: 700;
  line-height: 34px;
  padding: 0 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-header > a:hover {
  color: #23c0fa;
  cursor: pointer;
}
.rc-calendar-header .rc-calendar-prev-month-btn {
  left: 25px;
  position: absolute;
}
.rc-calendar-header .rc-calendar-prev-month-btn:after {
  content: "‹";
}
.rc-calendar-header .rc-calendar-next-month-btn {
  position: absolute;
  right: 25px;
}
.rc-calendar-header .rc-calendar-next-month-btn:after {
  content: "›";
}
.rc-calendar-day-select,
.rc-calendar-month-select,
.rc-calendar-year-select {
  color: #fff;
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  line-height: 34px;
  padding: 0 8px;
}
.rc-calendar-day-select:hover,
.rc-calendar-month-select:hover,
.rc-calendar-year-select:hover {
  color: #f5f5f5;
  cursor: pointer;
}
.rc-calendar-next-month-btn,
.rc-calendar-next-year-btn,
.rc-calendar-prev-month-btn,
.rc-calendar-prev-year-btn {
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Hiragino Sans GB, Microsoft Yahei, "Microsoft Sans Serif",
    sans-serif;
  font-size: 16px;
  line-height: 34px;
  padding: 0 5px;
  position: absolute;
  top: 0;
}
.rc-calendar-next-year-btn {
  right: 0;
}
.rc-calendar-next-year-btn:after {
  content: "»";
}
.rc-calendar-prev-year-btn {
  left: 0;
}
.rc-calendar-prev-year-btn:after {
  content: "«";
}
.rc-calendar-body {
  height: 255px;
  padding: 9px 10px 10px;
}
.rc-calendar table {
  background-color: transparent;
  border-collapse: collapse;
  height: 100%;
  max-width: 100%;
  width: 100%;
}
.rc-calendar table,
.rc-calendar td,
.rc-calendar th {
  border: none;
}
.rc-calendar-table {
  border-spacing: 0;
  margin-bottom: 0;
}
.rc-calendar-column-header {
  line-height: 18px;
  padding: 6px 0;
  text-align: center;
  width: 33px;
}
.rc-calendar-column-header[title="Sun"] {
  color: #d22323;
}
.rc-calendar-column-header .rc-calendar-column-header-inner {
  display: block;
  font-weight: 400;
}
.rc-calendar-week-number-header .rc-calendar-column-header-inner {
  display: none;
}
.rc-calendar-cell {
  padding: 1px 0;
}
.rc-calendar-date {
  background: transparent;
  border-radius: 50%;
  color: #666;
  display: block;
  height: 26px;
  line-height: 26px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 26px;
}
.rc-calendar-date:hover {
  background: #f5f5f5;
  cursor: pointer;
}
.rc-calendar-today .rc-calendar-date {
  border: 1px solid #09c;
  color: #09c;
  font-weight: 700;
}
.rc-calendar-selected-day .rc-calendar-date {
  background: #09c;
  color: #fff;
}
.rc-calendar-selected-day .rc-calendar-date:hover {
  background: #09c;
}
.rc-calendar-disabled-cell .rc-calendar-date {
  border-radius: 50%;
  cursor: not-allowed;
  height: 26px;
  width: 26px;
}
.rc-calendar-disabled-cell .rc-calendar-date:hover {
  background: #f3f3f3;
}
.rc-calendar-last-month-cell .rc-calendar-date,
.rc-calendar-next-month-btn-day .rc-calendar-date {
  color: #bbb;
}
.rc-calendar-footer {
  border-top: 1px solid #ccc;
  padding: 10px 0;
  position: relative;
  text-align: center;
}
.rc-calendar-footer .rc-time-picker {
  width: 90px;
}
.rc-calendar-footer .rc-time-picker-input {
  height: 24px;
}
.rc-calendar-footer-show-ok {
  text-align: right;
}
.rc-calendar-footer-show-ok .rc-calendar-footer-btn {
  padding-right: 12px;
}
.rc-calendar-footer-show-ok .rc-calendar-time-picker-btn {
  margin-left: 0;
  padding: 0 12px;
}
.rc-calendar-footer-show-ok .rc-calendar-today-btn {
  float: left;
  padding-left: 12px;
}
.rc-calendar-footer-btn {
  margin-top: 2px;
}
.rc-calendar-footer-btn:after {
  clear: both;
  content: "x";
  font-size: 0;
  height: 0;
  overflow: hidden;
}
.rc-calendar-time-picker-btn {
  margin-left: 10px;
}
.rc-calendar-ok-btn,
.rc-calendar-time-picker-btn,
.rc-calendar-today-btn {
  color: #f46830;
  display: inline-block;
  text-align: center;
}
.rc-calendar-ok-btn:hover,
.rc-calendar-time-picker-btn:hover,
.rc-calendar-today-btn:hover {
  color: #23c0fa;
  cursor: pointer;
}
.rc-calendar-ok-btn-disabled,
.rc-calendar-ok-btn-disabled:hover,
.rc-calendar-time-picker-btn-disabled,
.rc-calendar-time-picker-btn-disabled:hover,
.rc-calendar-today-btn-disabled,
.rc-calendar-today-btn-disabled:hover {
  color: #bbb;
}
.rc-calendar-today-btn {
  padding-left: 10px;
}
.rc-calendar-time-input {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 6px 6px;
  color: #666;
  display: inline-block;
  height: 25px;
  line-height: 1.5;
  margin: 0;
  padding: 4px 10px;
  position: relative;
  transform: border 0.3s cubic-bezier(0.35, 0, 0.25, 1),
    background 0.3s cubic-bezier(0.35, 0, 0.25, 1),
    box-shadow 0.3s cubic-bezier(0.35, 0, 0.25, 1);
  width: 40px;
}
.rc-calendar-time-input:hover {
  border-color: #23c0fa;
}
.rc-calendar-time-input:focus {
  border-color: #23c0fa;
  box-shadow: 0 0 3px #23c0fa;
}
.rc-calendar-time-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.rc-calendar-time-panel-header {
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-time-panel-body {
  padding: 9px 10px 10px;
}
.rc-calendar-time-panel-title {
  border-radius: 4px;
  display: inline-block;
  font-weight: 700;
  height: 30px;
  line-height: 22px;
  padding: 4px 5px;
  text-align: center;
  width: 180px;
}
.rc-calendar-time-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%;
}
.rc-calendar-time-panel-cell {
  height: 42px;
  text-align: center;
  vertical-align: middle;
}
.rc-calendar-time-panel-time {
  border-radius: 4px;
  display: block;
  line-height: 26px;
  margin: 0 auto;
  width: 26px;
}
.rc-calendar-time-panel-time:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time,
.rc-calendar-time-panel-selected-cell .rc-calendar-time-panel-time:hover {
  background: #09c;
  color: #fff;
}
.rc-calendar-month-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.rc-calendar-month-panel-hidden {
  display: none;
}
.rc-calendar-month-panel-header {
  background-color: #0088f3;
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-month-panel-header > a {
  display: inline-block;
  font-weight: 700;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-month-panel-header > a:hover {
  color: #23c0fa;
  cursor: pointer;
}
.rc-calendar-month-panel-next-year-btn,
.rc-calendar-month-panel-prev-year-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-month-panel-next-year-btn:after {
  content: "»";
}
.rc-calendar-month-panel-prev-year-btn {
  left: 0;
  -webkit-user-select: none;
  user-select: none;
}
.rc-calendar-month-panel-prev-year-btn:after {
  content: "«";
}
.rc-calendar-month-panel .rc-calendar-month-panel-year-select {
  width: 180px;
}
.rc-calendar-month-panel-year-select-arrow {
  display: none;
}
.rc-calendar-month-panel-next-year-btn {
  right: 0;
  -webkit-user-select: none;
  user-select: none;
}
.rc-calendar-month-panel-body {
  padding: 9px 10px 10px;
}
.rc-calendar-month-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%;
}
.rc-calendar-month-panel-cell {
  text-align: center;
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month {
  background: transparent;
  border-radius: 4px 4px;
  color: #666;
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 46px;
}
.rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month {
  color: #bfbfbf;
}
.rc-calendar-month-panel-cell-disabled .rc-calendar-month-panel-month:hover {
  background: #fff;
  cursor: not-allowed;
}
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month,
.rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month:hover {
  background: #09c;
  color: #fff;
}
.rc-calendar-year-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.rc-calendar-year-panel-hidden {
  display: none;
}
.rc-calendar-year-panel-header {
  background-color: #0088f3;
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-year-panel-header > a {
  display: inline-block;
  font-weight: 700;
  padding: 4px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-year-panel-header > a:hover {
  color: #23c0fa;
  cursor: pointer;
}
.rc-calendar-year-panel-next-decade-btn,
.rc-calendar-year-panel-prev-decade-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-year-panel-next-decade-btn:after {
  content: "»";
}
.rc-calendar-year-panel-prev-decade-btn {
  left: 0;
  -webkit-user-select: none;
  user-select: none;
}
.rc-calendar-year-panel-prev-decade-btn:after {
  content: "«";
}
.rc-calendar-year-panel .rc-calendar-year-panel-decade-select {
  width: 180px;
}
.rc-calendar-year-panel-decade-select-arrow {
  display: none;
}
.rc-calendar-year-panel-next-decade-btn {
  right: 0;
  -webkit-user-select: none;
  user-select: none;
}
.rc-calendar-year-panel-body {
  padding: 9px 10px 10px;
}
.rc-calendar-year-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%;
}
.rc-calendar-year-panel-cell {
  text-align: center;
}
.rc-calendar-year-panel-year {
  background: transparent;
  border-radius: 4px 4px;
  color: #666;
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: 46px;
}
.rc-calendar-year-panel-year:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,
.rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year:hover {
  background: #09c;
  color: #fff;
}
.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year,
.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year {
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-year-panel-last-decade-cell .rc-calendar-year-panel-year:before,
.rc-calendar-year-panel-next-decade-cell .rc-calendar-year-panel-year:before {
  content: ">";
  font-family: iconfont !important;
}
.rc-calendar-decade-panel {
  background: #fff;
  bottom: 0;
  left: 0;
  outline: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.rc-calendar-decade-panel-hidden {
  display: none;
}
.rc-calendar-decade-panel-header {
  border-bottom: 1px solid #ccc;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  position: relative;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-decade-panel-header > a {
  display: inline-block;
  font-weight: 700;
  padding: 1px 5px;
  text-align: center;
  width: 30px;
}
.rc-calendar-decade-panel-header > a:hover {
  color: #23c0fa;
  cursor: pointer;
}
.rc-calendar-decade-panel-next-century-btn,
.rc-calendar-decade-panel-prev-century-btn {
  position: absolute;
  top: 0;
}
.rc-calendar-decade-panel-next-century-btn:after {
  content: "»";
}
.rc-calendar-decade-panel-prev-century-btn {
  left: 0;
  -webkit-user-select: none;
  user-select: none;
}
.rc-calendar-decade-panel-prev-century-btn:after {
  content: "«";
}
.rc-calendar-decade-panel-next-century-btn {
  right: 0;
  -webkit-user-select: none;
  user-select: none;
}
.rc-calendar-decade-panel-body {
  padding: 9px 10px 10px;
}
.rc-calendar-decade-panel-table {
  border-collapse: separate;
  height: 255px;
  table-layout: fixed;
  width: 100%;
}
.rc-calendar-decade-panel-cell {
  text-align: center;
}
.rc-calendar-decade-panel-decade {
  background: transparent;
  border-radius: 4px 4px;
  color: #666;
  display: block;
  height: 36px;
  line-height: 36px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.rc-calendar-decade-panel-decade:hover {
  background: #ebfaff;
  cursor: pointer;
}
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade,
.rc-calendar-decade-panel-selected-cell .rc-calendar-decade-panel-decade:hover {
  background: #09c;
  color: #fff;
}
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade,
.rc-calendar-decade-panel-next-century-cell .rc-calendar-decade-panel-decade {
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-decade-panel-last-century-cell
  .rc-calendar-decade-panel-decade:before,
.rc-calendar-decade-panel-next-century-cell
  .rc-calendar-decade-panel-decade:before {
  content: ">";
  font-family: iconfont !important;
}
.rc-calendar-decade-panel-last-century-cell .rc-calendar-decade-panel-decade {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  transform: rotate(180deg);
}
.rc-calendar-range {
  overflow: hidden;
  width: 502px;
}
.rc-calendar-range-part {
  position: relative;
  width: 250px;
}
.rc-calendar-range-part .rc-calendar-time-picker {
  top: 69px;
}
.rc-calendar-range-part .rc-calendar-time-picker-panel-select {
  width: 77px;
}
.rc-calendar-range-left {
  float: left;
}
.rc-calendar-range-left .rc-calendar-time-picker-panel-select:last-child {
  border-right: 1px solid #e9e9e9;
}
.rc-calendar-range-right {
  float: right;
}
.rc-calendar-range-right .rc-calendar-time-picker-panel {
  left: 21px;
}
.rc-calendar-range-right .rc-calendar-time-picker-panel-select:first-child {
  border-left: 1px solid #e9e9e9;
}
.rc-calendar-range-middle {
  color: #fff;
  height: 35px;
  line-height: 35px;
  margin-left: -10px;
  position: absolute;
  text-align: center;
}
.rc-calendar-range .rc-calendar-date-panel:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.rc-calendar-range .rc-calendar-input-wrap {
  display: none;
  height: 35px;
}
.rc-calendar-range .rc-calendar-input,
.rc-calendar-range .rc-time-picker-input {
  height: 22px;
  padding: 1px 7px;
}
.rc-calendar-range .rc-calendar-body,
.rc-calendar-range .rc-calendar-decade-panel-body,
.rc-calendar-range .rc-calendar-month-panel-body,
.rc-calendar-range .rc-calendar-year-panel-body {
  border-bottom: 1px solid #e9e9e9;
}
.rc-calendar-range.rc-calendar-week-number {
  width: 574px;
}
.rc-calendar-range.rc-calendar-week-number .rc-calendar-range-part {
  width: 286px;
}
.rc-calendar-range.rc-calendar-week-number
  .rc-calendar-range-part
  .rc-calendar-time-picker {
  top: 69px;
}
.rc-calendar-range.rc-calendar-week-number
  .rc-calendar-range-part
  .rc-calendar-time-picker-panel-select {
  width: 89px;
}
.rc-calendar-range.rc-calendar-week-number
  .rc-calendar-range-right
  .rc-calendar-time-picker-panel {
  left: 36px;
}
.rc-calendar-range .rc-calendar-month-panel,
.rc-calendar-range .rc-calendar-year-panel {
  top: 35px;
}
.rc-calendar-range .rc-calendar-month-panel .rc-calendar-year-panel {
  top: 0;
}
.rc-calendar-range .rc-calendar-decade-panel-table,
.rc-calendar-range .rc-calendar-month-panel-table,
.rc-calendar-range .rc-calendar-year-panel-table {
  height: 198px;
}
.rc-calendar-range .rc-calendar-in-range-cell {
  border-radius: 0;
}
.rc-calendar-range .rc-calendar-in-range-cell .rc-calendar-date {
  background: #efefef;
  color: #09c;
}
.rc-calendar-range-bottom {
  text-align: right;
}
.rc-calendar-range .rc-calendar-footer {
  background-color: #f4f4f4;
  border-top: none;
}
.rc-calendar-range .rc-calendar-footer-btn {
  padding-right: 12px;
}
.rc-calendar-range .rc-calendar-ok-btn {
  position: static;
}
.rc-calendar-range .rc-calendar-today-btn {
  float: left;
}
.rc-calendar-full {
  width: 275px;
}
.rc-calendar-full-header {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  padding: 5px 10px;
  text-align: center;
  user-select: none;
  -webkit-user-select: none;
}
.rc-calendar-full-header-month-select,
.rc-calendar-full-header-year-select {
  float: right;
  margin-right: 5px;
  width: 70px;
}
.rc-calendar-full-header-switcher {
  display: inline-block;
  float: right;
}
.rc-calendar-full-header-switcher-normal:hover {
  border-color: #23c0fa;
  box-shadow: 0 0 2px rgba(45, 183, 245, 0.8);
  cursor: pointer;
}
.rc-calendar-full-header-switcher-focus {
  background-color: #09c;
  border-color: #09c;
  color: #fff;
}
.rc-calendar-full-header-switcher > span {
  border: 1px solid #d9d9d9;
  color: #666;
  float: left;
  height: 28px;
  line-height: 24px;
  padding: 0 10px;
}
.rc-calendar-full-header-switcher > span:first-child {
  border-bottom-left-radius: 4px;
  border-right: none;
  border-top-left-radius: 4px;
}
.rc-calendar-full-header-switcher > span:last-child {
  border-bottom-right-radius: 4px;
  border-left: none;
  border-top-right-radius: 4px;
}
.rc-calendar-fullscreen {
  width: auto;
}
.rc-calendar-fullscreen .rc-calendar-full-header {
  border-bottom: none;
}
.rc-calendar-fullscreen .rc-calendar-column-header {
  padding-right: 12px;
  text-align: right;
}
.rc-calendar-fullscreen .rc-calendar-cell {
  padding: 0;
}
.rc-calendar-fullscreen .rc-calendar-cell .rc-calendar-date,
.rc-calendar-fullscreen
  .rc-calendar-month-panel-cell
  .rc-calendar-month-panel-month {
  border: none;
  border-radius: 0;
  border-top: 2px solid #eee;
  display: block;
  height: 116px;
  margin: 0 4px;
  padding-right: 8px;
  text-align: right;
  width: auto;
}
.rc-calendar-fullscreen
  .rc-calendar-month-panel-selected-cell
  .rc-calendar-month-panel-month,
.rc-calendar-fullscreen .rc-calendar-selected-day .rc-calendar-date {
  background-color: #ebfaff;
  color: #666;
}
.rc-calendar-fullscreen
  .rc-calendar-month-panel-selected-cell
  .rc-calendar-month-panel-month,
.rc-calendar-fullscreen .rc-calendar-today .rc-calendar-date {
  border-top-color: #09c;
  color: #09c;
}
.rc-time-picker {
  display: inline-block;
}
.rc-time-picker,
.rc-time-picker * {
  box-sizing: border-box;
}
.rc-time-picker-input {
  background-color: #fff;
  background-image: none;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  color: #666;
  cursor: text;
  display: inline-block;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
  padding: 4px 7px;
  position: relative;
  transition: border 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    background 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),
    box-shadow 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  width: 100%;
}
.rc-time-picker-panel {
  box-sizing: border-box;
  position: absolute;
  width: 170px;
  z-index: 1070;
}
.rc-time-picker-panel * {
  box-sizing: border-box;
}
.rc-time-picker-panel-inner {
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 5px #ccc;
  display: inline-block;
  font-size: 12px;
  line-height: 1.5;
  list-style: none;
  outline: none;
  position: relative;
  text-align: left;
}
.rc-time-picker-panel-input {
  border: 1px solid transparent;
  cursor: auto;
  line-height: 1.5;
  margin: 0;
  outline: 0;
  padding: 0;
  width: 100%;
}
.rc-time-picker-panel-input-wrap {
  border-bottom: 1px solid #e9e9e9;
  box-sizing: border-box;
  padding: 6px;
  position: relative;
}
.rc-time-picker-panel-input-invalid {
  border-color: red;
}
.rc-time-picker-panel-clear-btn {
  cursor: pointer;
  height: 20px;
  line-height: 20px;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 20px;
}
.rc-time-picker-panel-clear-btn:after {
  color: #aaa;
  content: "x";
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  transition: color 0.3s;
  width: 20px;
}
.rc-time-picker-panel-clear-btn:hover:after {
  color: #666;
}
.rc-time-picker-panel-select {
  border: 1px solid #e9e9e9;
  border-width: 0 1px;
  box-sizing: border-box;
  float: left;
  font-size: 12px;
  margin-left: -1px;
  overflow: hidden;
  position: relative;
  width: 56px;
}
.rc-time-picker-panel-select:hover {
  overflow-y: auto;
}
.rc-time-picker-panel-select:first-child {
  border-left: 0;
  margin-left: 0;
}
.rc-time-picker-panel-select:last-child {
  border-right: 0;
}
.rc-time-picker-panel-select ul {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  max-height: 144px;
  padding: 0;
  width: 100%;
}
.rc-time-picker-panel-select li {
  box-sizing: content-box;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 16px;
  text-align: left;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.rc-time-picker-panel-select li:hover {
  background: #edfaff;
}
li.rc-time-picker-panel-select-option-selected {
  background: #edfaff;
  color: #2db7f5;
}
li.rc-time-picker-panel-select-option-disabled {
  color: #bfbfbf;
}
li.rc-time-picker-panel-select-option-disabled:hover {
  background: transparent;
  cursor: not-allowed;
}
.nrc-file {
  background-color: #eee;
  background-size: 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: block !important;
  height: 100px;
  position: relative;
  width: 100px;
}
.nrc-file small {
  left: 240px;
  position: absolute;
  top: 30px;
  width: 500px;
}
.nrc-file:before {
  color: #999;
  content: "";
  font-family: iconmps !important;
  font-size: 50px;
  height: 100px;
  left: 0;
  line-height: 100px;
  top: 0;
  transform: rotate(90deg);
  width: 100px;
}
.nrc-file input {
  display: none;
}
.nrc-file label {
  background-size: cover;
  left: 0;
  margin-right: 0;
  position: absolute;
  text-indent: -100000px;
  top: 0;
}
.nrc-file label,
.nrc-file label .icon-delete {
  cursor: pointer;
  display: block;
  height: 100px;
  width: 100px;
}
.nrc-file label .icon-delete {
  background: #000;
  opacity: 0;
  position: relative;
}
.nrc-file label .icon-delete:before {
  color: #fff;
  content: "";
  font-family: iconmps !important;
  font-size: 50px;
  height: 100%;
  line-height: 100px;
  width: 100%;
}
.nrc-file:hover .icon-delete {
  opacity: 0.6;
}
.nrc-file.file-uploaded label {
  background-color: #f9f9f9;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 0;
}
.personal-img-uploader .invalid-msg {
  left: 120px;
}
.banks-block {
  display: flex;
  flex-wrap: wrap;
  max-width: 780px;
  min-width: 800px;
  position: relative;
}
.banks-block p {
  background-color: #fff;
  border-radius: 3px;
  box-shadow: inset 0 0 0 1px #ccc;
  cursor: pointer;
  display: inline-block;
  height: 55px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 0;
  position: relative;
  text-indent: -10000px;
  transition: 0.3s;
  width: 170px;
}
.banks-block p .logo {
  left: calc(50% - 75px);
  position: absolute;
  top: calc(50% - 17px);
}
.banks-block p.selected {
  background-color: #fff;
  box-shadow: inset 0 0 0 2px #09c;
}
.banks-block p.selected:before {
  opacity: 1;
}
.banks-block p.empty-image {
  font-size: 12px;
  text-indent: 20px;
}
.banks-block p:before {
  background-color: #09c;
  border-radius: 15px;
  color: #fff;
  content: "";
  display: block;
  font-family: iconmps !important;
  font-size: 18px;
  height: 20px;
  line-height: 20px;
  opacity: 0;
  position: absolute;
  right: -5px;
  text-align: center;
  text-indent: 0;
  top: -5px;
  transition: 0.3s;
  width: 20px;
}
.banks-block p:after {
  background: url(/wp-content/themes/wordpress/thuvienanh/banklist.png)
    no-repeat;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.banks-block p.OTHERS:after {
  background-position: -216px -228px;
  height: 22px;
  width: 38px;
}


.sk-cube-grid,
.sk-rotating-plane {
  height: 36px;
  width: 36px;
}
.sk-fade-in {
  animation: "sk-fade-in" 0s;
}
.nrc-carousel {
  position: relative;
}
.nrc-carousel .carousel-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.nrc-carousel .carousel-wrapper .carousel-item {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  perspective: 1000px;
  position: relative;
  transition: transform;
  width: 100%;
}
.nrc-carousel .carousel-wrapper .carousel-item.active,
.nrc-carousel .carousel-wrapper .carousel-item.next,
.nrc-carousel .carousel-wrapper .carousel-item.prev {
  display: flex;
}
.nrc-carousel .carousel-wrapper .carousel-item.next,
.nrc-carousel .carousel-wrapper .carousel-item.prev {
  position: absolute;
  top: 0;
}
.nrc-carousel .carousel-wrapper .carousel-item.next.left,
.nrc-carousel .carousel-wrapper .carousel-item.prev.right {
  transform: translateZ(0);
}
.nrc-carousel .carousel-wrapper .carousel-item.active.right,
.nrc-carousel .carousel-wrapper .carousel-item.next {
  transform: translate3d(100%, 0, 0);
}
.nrc-carousel .carousel-wrapper .carousel-item.active.left,
.nrc-carousel .carousel-wrapper .carousel-item.prev {
  transform: translate3d(-100%, 0, 0);
}
.nrc-carousel .carousel-control {
  align-items: center;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 15%;
}
.nrc-carousel .carousel-control:hover {
  opacity: 0.9;
}
.nrc-carousel .carousel-control:hover.next .icon,
.nrc-carousel .carousel-control:hover.prev .icon {
  background-color: rgba(0, 0, 0, 0.7);
}
.nrc-carousel .carousel-control.next .icon,
.nrc-carousel .carousel-control.prev .icon {
  display: inline-block;
  height: 36px;
  width: 36px;
}
.nrc-carousel .carousel-control.next .icon i,
.nrc-carousel .carousel-control.prev .icon i {
  font-size: 36px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.nrc-carousel .carousel-control.prev {
  left: 0;
}
.nrc-carousel .carousel-control.next {
  right: 0;
}
.nrc-carousel .carousel-indicators {
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
.nrc-carousel .carousel-indicators li {
  background-clip: padding-box;
  background-color: #fff;
  border-bottom: 10px solid transparent;
  border-top: 10px solid transparent;
  box-sizing: content-box;
  cursor: pointer;
  flex: 0 1 auto;
  height: 3px;
  margin: 0 5px;
  opacity: 0.3;
  text-indent: -999px;
  transition: opacity 0.6s ease;
  width: 20px;
}
.nrc-carousel .carousel-indicators li.active {
  opacity: 1;
}
.odometer.odometer-auto-theme,
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-minimal,
.odometer.odometer-theme-minimal .odometer-digit {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  position: relative;
  vertical-align: middle;
  *vertical-align: auto;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-spacer {
  *zoom: 1;
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  *vertical-align: auto;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  bottom: 0;
  display: block;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-ribbon-inner {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-minimal .odometer-digit .odometer-value {
  display: block;
  transform: translateZ(0);
}
.odometer.odometer-auto-theme
  .odometer-digit
  .odometer-value.odometer-last-value,
.odometer.odometer-theme-minimal
  .odometer-digit
  .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up .odometer-ribbon-inner {
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-up.odometer-animating
  .odometer-ribbon-inner {
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner,
.odometer.odometer-theme-minimal.odometer-animating-down.odometer-animating
  .odometer-ribbon-inner {
  transform: translateY(0);
  transition: transform 2s;
}
.odometer-digit {
  background: url(/wp-content/themes/wordpress/thuvienanh/number-board.png)
    0 0/100% no-repeat;
  background-position: 50%;
  background-size: 100% 70%;
  padding: 0 10px;
}
.odometer {
  height: 86px;
  overflow: hidden;
}
.odometer-inside {
  margin-top: -18px;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner {
  left: 14px;
  top: 5px;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner span,
.odometer.odometer-theme-minimal .odometer-digit .odometer-digit-inner span {
  color: #fff;
  font-size: 48px;
}
.maintenance {
  cursor: not-allowed !important;
}
.maintenance-block {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  box-shadow: inset 0 0 0 4px gold, 0 2px 6px rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  position: absolute;
}
.maintenance-block .time {
  color: gold;
  display: block;
  font-weight: 100;
  padding: 10px 0;
}
.maintenance-block .time .duration {
  display: block;
  font-weight: 400;
}
header .nav .submenu ul li {
  position: relative;
}
header .nav .submenu ul li.maintenance:before {
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
header .nav .submenu ul li.maintenance a:hover {
  background-color: transparent;
}
header .nav .submenu ul li.maintenance a:hover:after {
  display: none;
}
header .nav .submenu ul li.maintenance img {
  filter: grayscale(60%);
  opacity: 0.3;
}
header .nav .submenu ul li.maintenance:after {
  background-position: center 24%;
  background-repeat: no-repeat;
  background-size: 60% auto;
}
header .nav .submenu ul li.maintenance .maintenance-block {
  bottom: 10%;
  box-shadow: inset 0 0 0 3px gold, 0 2px 5px rgba(0, 0, 0, 0.6);
  left: 7%;
  padding: 5px 10px;
  width: 86%;
}
header .nav .submenu ul li.maintenance .maintenance-block .time {
  font-size: 11px;
}
header .nav .submenu ul li.maintenance .maintenance-block .time .duration {
  font-size: 17px;
}
.game-list li.maintenance {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
  color: #ccc;
  cursor: not-allowed;
}
.game-list li.maintenance:after {
  background-position: center 25%;
  background-repeat: no-repeat;
  background-size: 60% auto;
}
.game-list li.maintenance .cover {
  filter: grayscale(70%);
  opacity: 0.3;
}
.game-list li.maintenance .comming-soon {
  color: #ccc;
}
.game-list li.maintenance .cont .corp {
  opacity: 0.5;
}
.game-list li.maintenance .cont p {
  border-top: 2px dotted #ccc;
}
.game-list li.maintenance button {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.game-list li.maintenance button:focus,
.game-list li.maintenance button:hover {
  background-color: #f5f5f5;
}
.game-list li.maintenance .maintenance-block {
  left: 15%;
  padding: 18px;
  top: 44%;
  width: 70%;
}
.game-list li.maintenance .maintenance-block .time {
  font-size: 11px;
}
.game-list li.maintenance .maintenance-block .time .duration {
  font-size: 19px;
}
.game-list li.maintenance .maintenance-block .message {
  font-size: 12px;
  font-weight: 100;
}
.section-egame .egame-list.maintenance {
  min-height: 400px;
  position: relative;
}
.section-egame .egame-list.maintenance li {
  filter: grayscale(90%);
  opacity: 0.2;
}
.section-egame .egame-list.maintenance:after {
  background-position: center 80px;
  background-repeat: no-repeat;
  background-size: auto;
}
.section-egame .egame-list.maintenance .maintenance-block {
  left: calc(50% - 200px);
  padding: 20px;
  text-align: center;
  top: 250px;
  width: 400px;
}
.section-egame .egame-list.maintenance .maintenance-block .time {
  font-size: 13px;
}
.section-egame .egame-list.maintenance .maintenance-block .time .duration {
  font-size: 21px;
}
.section-egame .egame-list.maintenance .maintenance-block .message {
  font-size: 13px;
  font-weight: 100;
}
.fishing-game-list > li.maintenance {
  pointer-events: none !important;
}
.live-highlight-banner li.maintenance.highlight:after {
  background-color: transparent;
  background-image: url(/wp-content/themes/wordpress/thuvienanh/img-maintenance-sc.png);
  background-position: center 30%;
  opacity: 1;
  z-index: 2;
}
.live-highlight-banner li.maintenance.highlight.en-US:after {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/img-maintenance-en.png);
}
.live-highlight-banner li.maintenance.highlight.en-TW:after {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/img-maintenance-tc.png);
}
.live-highlight-banner li.maintenance.highlight.en-CN:after {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/img-maintenance-sc.png);
}
.live-highlight-banner li.maintenance.highlight .maintenance-block {
  left: calc(50% - 200px);
  opacity: 1;
  padding: 20px;
  text-align: center;
  top: 55%;
  width: 400px;
  z-index: 1;
}
.live-highlight-banner li.maintenance.highlight .maintenance-block .time {
  font-size: 13px;
}
.live-highlight-banner
  li.maintenance.highlight
  .maintenance-block
  .time
  .duration {
  font-size: 21px;
}
.live-highlight-banner li.maintenance.highlight .maintenance-block .message {
  font-size: 13px;
  font-weight: 100;
}
.live-highlight-banner li.maintenance.highlight:before {
  background-color: rgba(30, 30, 30, 0.8);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.live-highlight-banner li.maintenance:before {
  background-image: none !important;
  transition: 0s !important;
}
.live-highlight-banner li.maintenance .maintenance-block {
  opacity: 0;
  transition: 0.2s;
}
.live-highlight-banner .sub-gp ul li.maintenance img {
  opacity: 0.4;
}
.live-highlight-banner .sub-gp ul li.maintenance:after {
  background-position: center 20%;
  background-repeat: no-repeat;
  background-size: 60% auto;
}
.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block {
  box-shadow: inset 0 0 0 2px gold, 0 1px 3px rgba(0, 0, 0, 0.6);
  left: 2.5%;
  padding: 5px;
  top: 52%;
  width: 95%;
}
.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .time {
  font-size: 11px;
}
.live-highlight-banner
  .sub-gp
  ul
  li.maintenance
  .maintenance-block
  .time
  .duration {
  font-size: 17px;
}
.live-highlight-banner .sub-gp ul li.maintenance .maintenance-block .message {
  display: none;
}
.lottery-game-list li.maintenance {
  cursor: default;
}
.lottery-game-list li.maintenance .cont,
.lottery-game-list li.maintenance .cover {
  filter: grayscale(60%);
  opacity: 0.3;
}
.lottery-game-list li.maintenance:after {
  background-color: transparent;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.lottery-game-list li.maintenance .maintenance-block {
  box-shadow: inset 0 0 0 2px gold, 0 1px 3px rgba(0, 0, 0, 0.6);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 85%;
  z-index: 2;
}
.lottery-game-list li.maintenance .maintenance-block .time {
  font-size: 11px;
}
.lottery-game-list li.maintenance .maintenance-block .time .duration {
  font-size: 17px;
}
.lottery-game-list li.maintenance .maintenance-block .message {
  display: none;
}
.live-full-cont .cover.maintenance:before {
  background-color: rgba(0, 0, 0, 0.6);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 6;
}
.live-full-cont .cover.maintenance:after {
  background-position: 50%;
  background-repeat: no-repeat;
  z-index: 6;
}
.live-full-cont .cover.maintenance .maintenance-block {
  left: calc(50% - 200px);
  opacity: 1;
  padding: 20px;
  text-align: center;
  top: calc(50% + 80px);
  width: 400px;
  z-index: 6;
}
.live-full-cont .cover.maintenance .maintenance-block .time {
  font-size: 13px;
}
.live-full-cont .cover.maintenance .maintenance-block .time .duration {
  font-size: 21px;
}
.live-full-cont .cover.maintenance .maintenance-block .message {
  font-size: 13px;
  font-weight: 100;
}
.games-sports li.maintenance:after {
  background-position: center 12%;
  background-size: auto 50%;
}
.game-item.disabled {
  cursor: not-allowed !important;
}
.game-item.disabled .img {
  filter: brightness(0.5) grayscale(0.8);
  opacity: 0.8 !important;
}
.game-item.disabled .link-cover {
  background: transparent !important;
  cursor: not-allowed !important;
  filter: blur(0) !important;
  opacity: 1 !important;
  transform: rotate3d(0, 0, 0, 0deg) !important;
}
.game-item.disabled .link-cover .nrc-button {
  background: rgba(34, 34, 34, 0.9) !important;
  cursor: not-allowed !important;
  display: block !important;
}
.game-item.disabled .link-cover .nrc-button.add-fav,
.game-item.disabled .link-cover .nrc-button.remove-fav {
  display: none !important;
}
.game-item.disabled .link-cover .nrc-button:before {
  peak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: gold;
  content: "";
  font-family: iconmps !important;
  font-size: 70px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  left: 50%;
  line-height: 1;
  position: absolute;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);
  text-transform: none;
  top: -75px;
  transform: translateX(-50%);
}
.countdown {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(204, 204, 204, 0.4);
  border-radius: 6px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
  height: 132px;
  margin: 20px auto;
  width: 286px;
}
.countdown p span {
  display: block;
  min-width: 80px;
}
.countdown p span:first-child {
  color: #09c;
  font-size: 70px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 84px;
  line-height: 84px;
}
.countdown p span:nth-child(2) {
  color: #aaa;
}
.countdown p:nth-child(2n) {
  width: 40px;
}
.countdown p:nth-child(2n) span {
  min-width: inherit;
  width: 100%;
}
.countdown-container {
  height: 150px;
  position: absolute;
  right: 50px;
  top: 0;
  width: 206px;
}
.countdown-container > p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding: 0 10px;
}
.countdown-container .countdown {
  height: 96px;
  width: 206px;
}
.countdown-container .countdown p {
  width: 60px;
}
.countdown-container .countdown p span {
  height: 60px;
  line-height: 60px;
  min-width: 60px;
}
.countdown-container .countdown p span:first-child {
  font-size: 50px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.countdown-container .countdown p span:last-child {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: inherit;
  line-height: inherit;
}
.countdown-container .countdown p:nth-child(2) {
  width: 12px;
}
.countdown-container .countdown p:nth-child(2) span {
  min-width: 12px;
}
.collection-small {
  border: 2px solid #ccc;
  border-radius: 3px;
  color: #222;
  cursor: pointer;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  line-height: 1.86;
  margin-bottom: 16px;
  padding: 0 10px;
  position: relative;
  transition: border 0.4s;
  width: 320px;
}
.collection-small:before {
  background-color: #09c;
  border-radius: 10px;
  color: #fff;
  content: "";
  font-family: iconmps !important;
  font-size: 18px;
  height: 20px;
  opacity: 0;
  position: absolute;
  right: -10px;
  top: -10px;
  transition: opacity 0.4s;
  width: 20px;
}
.collection-small.selected {
  border-color: #09c;
}
.collection-small.selected:before {
  opacity: 1;
}
.nrc-view-edit-wrapper .edit-mode .content div {
  margin-top: 0;
}
.nrc-view-edit-wrapper .edit-mode .content form {
  display: inline-block;
}
.nrc-view-edit-wrapper .edit-mode .content .nrc-form-input {
  display: block;
}
.nrc-view-edit-wrapper .edit-mode button:not(.selected-flag) {
  border-radius: 100px;
  height: 36px;
  padding: 0;
  width: 92px;
}
.nrc-view-edit-wrapper .edit-mode button:not(.selected-flag).button-cancel {
  margin-right: 10px;
}
.nrc-view-edit-wrapper .edit-mode .button-cancel {
  background-color: #fff;
  border: 1px solid #777;
  color: #777;
}
.nrc-view-edit-wrapper .edit-mode .button-confirm {
  background-color: #09c;
  border: 1px solid #09c;
  color: #fff;
}
.nrc-view-edit-wrapper .view-mode .content {
  width: 250px;
}
.nrc-view-edit-wrapper .view-mode .content p {
  color: #000;
  text-align: left;
}
.nrc-view-edit-wrapper .view-mode .content .tel {
  margin-top: 0;
}
.nrc-view-edit-wrapper .view-mode .edit-button {
  font-size: 20px;
  width: 16px;
}
.edit-mode .nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 0;
}
.resume-details .nrc-view-edit-wrapper .edit-mode,
.resume-details .nrc-view-edit-wrapper .view-mode {
  align-items: flex-start;
  display: flex;
  justify-content: flex-start;
}
.resume-details .nrc-view-edit-wrapper .view-mode .content {
  width: 455px;
}
.react-tel-input {
  position: relative;
  z-index: 1;
}
.react-tel-input .cn {
  background-position: -160px -22px;
}
.react-tel-input .mo {
  background-position: -96px -88px;
}
.react-tel-input .my {
  background-position: 0 -99px;
}
.react-tel-input .th {
  background-position: -144px -132px;
}
.react-tel-input .id {
  background-position: -160px -55px;
}
.react-tel-input .vn {
  background-position: -240px -143px;
}
.react-tel-input .ph {
  background-position: -48px -110px;
}
.react-tel-input .kh {
  background-position: -128px -66px;
}
.react-tel-input .sg {
  background-position: -112px -121px;
}
.react-tel-input .hk {
  background-position: -80px -55px;
}
.react-tel-input .np {
  background-position: -160px -99px;
}
.react-tel-input .mx {
  background-position: -240px -88px;
}
.react-tel-input .us {
  background-position: -112px -143px;
}
.react-tel-input .in {
  background-position: -208px -55px;
}
.react-tel-input .jp {
  background-position: -80px -66px;
}
.react-tel-input .lk {
  background-position: -80px -77px;
}
.react-tel-input .nl {
  background-position: -128px -99px;
}
.react-tel-input .gb {
  background-position: -80px -44px;
}
.react-tel-input .fr {
  background-position: -48px -44px;
}
.react-tel-input .de {
  background-position: -32px -33px;
}
.react-tel-input .ru {
  background-position: 0 -121px;
}
.react-tel-input .pk {
  background-position: -64px -110px;
}
.react-tel-input .mm {
  background-position: -64px -88px;
}
.react-tel-input .au {
  background-position: -192px 0;
}
.react-tel-input .ar {
  background-position: -144px 0;
}
.react-tel-input .bd {
  background-position: -16px -11px;
}
.react-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.react-tel-input .hide {
  display: none;
}
.react-tel-input .v-hide {
  visibility: hidden;
}
.react-tel-input input[type="tel"],
.react-tel-input input[type="text"] {
  background: #fff;
  border: 1px solid #cacaca;
  border-radius: 3px;
  box-shadow: inset 0 1px 2px #e3e3e3;
  height: 35px;
  line-height: 25px;
  margin-bottom: 0 !important;
  margin-left: 0;
  margin-top: 0 !important;
  padding-left: 44px;
  position: relative;
  width: 100%;
  z-index: 0;
}
.react-tel-input input[type="tel"]:focus,
.react-tel-input input[type="text"]:focus {
  border-color: #42bdff #42bdff #42bdff #cacaca;
}
.react-tel-input input[type="tel"].invalid-number,
.react-tel-input input[type="tel"].invalid-number:focus,
.react-tel-input input[type="text"].invalid-number,
.react-tel-input input[type="text"].invalid-number:focus {
  background-color: #faf0f0;
  border: 1px solid #d79f9f;
  border-left-color: #cacaca;
}
.react-tel-input .flag-dropdown {
  background-color: #eaeaea;
  border: 1px solid #cacaca;
  border-radius: 3px 0 0 3px;
  bottom: 0;
  padding: 0;
  position: absolute;
  top: 0;
}
.react-tel-input .flag-dropdown.open-dropdown {
  background: #fff;
  border-bottom: 0;
  border-radius: 3px 0 0 0;
}
.react-tel-input .flag-dropdown.open-dropdown .selected-flag {
  background: #fff;
  border-radius: 3px 0 0 0;
}
.react-tel-input .flag-dropdown:hover {
  cursor: pointer;
}
.react-tel-input .flag-dropdown:hover .selected-flag {
  background-color: #fff;
}
.react-tel-input input[disabled] + .flag-dropdown:hover {
  cursor: default;
}
.react-tel-input input[disabled] + .flag-dropdown:hover .selected-flag {
  background-color: transparent;
}
.react-tel-input .selected-flag {
  border: 0;
  border-radius: 3px 0 0 3px;
  height: 33px;
  outline: 0;
  padding: 0 0 0 8px;
  position: relative;
  width: 38px;
  z-index: 13;
}
.react-tel-input .selected-flag .flag {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/flags.png) !important;
  height: 11px;
  position: absolute;
  top: calc(50% - 5px);
  width: 16px;
}
.react-tel-input .selected-flag .arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555;
  height: 0;
  left: 20px;
  margin-top: -2px;
  position: relative;
  top: 50%;
  width: 0;
}
.react-tel-input .selected-flag .arrow.up {
  border-bottom: 4px solid #555;
  border-top: none;
}
.react-tel-input .country-list {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0 0 3px 3px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  height: auto !important;
  list-style: none;
  margin: -1px 0 0 -1px;
  max-height: 200px;
  overflow-y: scroll;
  padding: 0;
  position: absolute;
  top: 33px !important;
  width: 400px;
  z-index: 2;
}
.react-tel-input .country-list .country {
  align-items: center;
  display: flex;
}
.react-tel-input .country-list .flag {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/flags.png) !important;
  display: inline-block;
}
.react-tel-input .country-list .divider {
  border-bottom: 1px solid #ccc;
  display: none;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.react-tel-input .country-list .country {
  padding: 5px 10px;
}
.react-tel-input .country-list .country .dial-code {
  color: #999;
  letter-spacing: normal;
}
.react-tel-input .country-list .country:hover {
  background-color: #e8f7fe;
}
.react-tel-input .country-list .country.highlight {
  background-color: #c7e2f1;
}
.react-tel-input .country-list .flag {
  height: 11px;
  margin-right: 6px;
  margin-top: 2px;
  width: 16px;
}
.react-tel-input .country-list .country-name {
  letter-spacing: normal;
  margin-right: 6px;
}
.nrc-form-input .react-tel-input.readOnly input {
  border: 0;
  box-shadow: none;
  color: #333;
  padding: 0 0 0 34px;
}
.nrc-form-input .react-tel-input.readOnly input:hover {
  cursor: default;
}
.nrc-form-input .react-tel-input.readOnly .flag-dropdown {
  background-color: transparent;
  border: 0;
}
.nrc-form-input .react-tel-input.readOnly .flag-dropdown .selected-flag {
  background-color: transparent;
}
.nrc-form-input .react-tel-input.readOnly .flag-dropdown .arrow {
  display: none;
}
.nrc-form-input .react-tel-input.readOnly .selected-flag {
  background-color: transparent;
}
.nrc-form-input .react-tel-input.readOnly .selected-flag:hover {
  background-color: transparent;
  cursor: default;
}
.bank-card-add .react-tel-input,
.player-info .react-tel-input,
.react-tel-input {
  width: auto;
}
.table-resume-data tr:nth-child(2n) {
  background-color: #eee;
}
.table-resume-data td {
  border: 1px solid #ccc;
  border-collapse: collapse;
  color: #535353;
  height: 36px;
  padding: 0 10px;
}
.table-resume-data a {
  color: #00e;
  cursor: pointer;
  text-decoration: underline;
}
.rdw-option-wrapper {
  align-items: center;
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  height: 20px;
  justify-content: center;
  margin: 0 4px;
  padding: 5px;
  text-transform: capitalize;
  width: 25px;
}
.rdw-option-wrapper:hover {
  box-shadow: 1px 1px 0 #bfbdbd;
}
.rdw-option-active,
.rdw-option-wrapper:active {
  box-shadow: inset 1px 1px 0 #bfbdbd;
}
.rdw-option-disabled {
  cursor: default;
  opacity: 0.3;
}
.rdw-dropdown-wrapper {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin: 0 3px;
  text-transform: capitalize;
}
.rdw-dropdown-wrapper:focus {
  outline: none;
}
.rdw-dropdown-wrapper:hover {
  background-color: #fff;
  box-shadow: 1px 1px 0 #bfbdbd;
}
.rdw-dropdown-wrapper:active {
  box-shadow: inset 1px 1px 0 #bfbdbd;
}
.rdw-dropdown-carettoopen {
  border-top: 6px solid #000;
}
.rdw-dropdown-carettoclose,
.rdw-dropdown-carettoopen {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "-";
  height: 0;
  position: absolute;
  right: 10%;
  top: 35%;
  width: 0;
}
.rdw-dropdown-carettoclose {
  border-bottom: 6px solid #666;
}
.rdw-dropdown-selectedtext {
  align-items: center;
  display: flex;
  height: 100%;
  padding: 0 5px;
  position: relative;
}
.rdw-dropdown-optionwrapper {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 98%;
  z-index: 100;
}
.rdw-dropdown-optionwrapper:hover {
  background-color: #fff;
  box-shadow: 1px 1px 0 #bfbdbd;
}
.rdw-dropdownoption-default {
  align-items: center;
  display: flex;
  min-height: 25px;
  padding: 0 5px;
}
.rdw-dropdownoption-highlighted {
  background: #f1f1f1;
}
.rdw-dropdownoption-active {
  background: #f5f5f5;
}
.rdw-dropdownoption-disabled {
  cursor: default;
  opacity: 0.3;
}
.rdw-inline-wrapper {
  display: flex;
  margin-bottom: 6px;
}
.rdw-inline-dropdown {
  width: 50px;
}
.rdw-inline-dropdownoption {
  display: flex;
  height: 40px;
  justify-content: center;
}
.rdw-block-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}
.rdw-block-dropdown {
  width: 110px;
}
.rdw-fontsize-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}
.rdw-fontsize-dropdown {
  min-width: 40px;
}
.rdw-fontsize-option {
  display: flex;
  justify-content: center;
}
.rdw-fontfamily-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}
.rdw-fontfamily-dropdown {
  width: 115px;
}
.rdw-fontfamily-placeholder {
  max-width: 90px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.rdw-fontfamily-optionwrapper {
  width: 140px;
}
.rdw-list-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}
.rdw-list-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-list-dropdownOption {
  display: flex;
  height: 40px;
  justify-content: center;
}
.rdw-text-align-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
}
.rdw-text-align-dropdown {
  width: 50px;
  z-index: 90;
}
.rdw-text-align-dropdownOption {
  display: flex;
  height: 40px;
  justify-content: center;
}
.rdw-right-aligned-block {
  justify-content: flex-end;
}
.rdw-left-aligned-block,
.rdw-right-aligned-block {
  display: flex;
  flex-direction: row;
}
.rdw-left-aligned-block {
  justify-content: flex-start;
}
.rdw-center-aligned-block {
  justify-content: center;
}
.rdw-center-aligned-block,
.rdw-justify-aligned-block {
  display: flex;
  flex-direction: row;
}
.rdw-colorpicker-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-colorpicker-modal,
.rdw-colorpicker-wrapper {
  display: flex;
}
.rdw-colorpicker-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-direction: column;
  height: 175px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 320px;
  z-index: 100;
}
.rdw-colorpicker-modal-header {
  display: flex;
  padding-bottom: 5px;
}
.rdw-colorpicker-modal-style-label {
  cursor: pointer;
  font-size: 15px;
  padding: 0 10px 5px;
  text-align: center;
  width: 50%;
}
.rdw-colorpicker-modal-style-label-active {
  border-bottom: 2px solid #0a66b7;
}
.rdw-colorpicker-modal-options {
  display: flex;
  flex-wrap: wrap;
  height: 60%;
  margin: 5px auto;
  overflow: scroll;
  width: 100%;
}
.rdw-colorpicker-cube {
  border: 1px solid #f1f1f1;
  height: 22px;
  width: 22px;
}
.rdw-colorpicker-option {
  border: none;
  box-shadow: inset 1px 2px 1px #bfbdbd;
  height: 22px;
  margin: 3px;
  min-height: 20px;
  padding: 0;
  width: 22px;
}
.rdw-colorpicker-option:hover {
  box-shadow: 1px 2px 1px #bfbdbd;
}
.rdw-colorpicker-option:active {
  box-shadow: -1px -2px 1px #bfbdbd;
}
.rdw-colorpicker-option-active {
  box-shadow: 0 0 2px 2px #bfbdbd;
}
.rdw-link-wrapper,
.rdw-remove-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
  position: relative;
}
.rdw-link-dropdown {
  width: 50px;
}
.rdw-link-dropdownOption {
  display: flex;
  height: 40px;
  justify-content: center;
}
.rdw-link-dropdownPlaceholder {
  margin-left: 8px;
}
.rdw-link-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  display: flex;
  flex-direction: column;
  height: 180px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100;
}
.rdw-link-modal-label {
  font-size: 15px;
}
.rdw-link-modal-input {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  height: 25px;
  margin-bottom: 15px;
  margin-top: 5px;
}
.rdw-link-modal-input:focus {
  outline: none;
}
.rdw-link-modal-buttonsection {
  margin: 0 auto;
}
.rdw-link-modal-btn {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin-left: 10px;
  text-transform: capitalize;
  width: 75px;
}
.rdw-link-modal-btn:hover {
  box-shadow: 1px 1px 0 #bfbdbd;
}
.rdw-link-modal-btn:active {
  box-shadow: inset 1px 1px 0 #bfbdbd;
}
.rdw-link-modal-btn:focus {
  outline: none !important;
}
.rdw-link-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-link-dropdownoption {
  display: flex;
  height: 40px;
  justify-content: center;
}
.rdw-embedded-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-embedded-modal,
.rdw-embedded-wrapper {
  display: flex;
}
.rdw-embedded-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-direction: column;
  height: 180px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100;
}
.rdw-embedded-modal-header {
  display: flex;
  font-size: 15px;
  margin: 10px 0;
}
.rdw-embedded-modal-header-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
.rdw-embedded-modal-header-label {
  background: #6eb8d4;
  border: 1px solid #f1f1f1;
  border-bottom: 2px solid #0a66b7;
  margin-top: 5px;
  width: 95px;
}
.rdw-embedded-modal-link-section {
  display: flex;
}
.rdw-embedded-modal-link-input {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  font-size: 15px;
  height: 35px;
  margin: 29px auto;
  padding: 0 5px;
  width: 90%;
}
.rdw-embedded-modal-link-input:focus {
  outline: none;
}
.rdw-embedded-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-embedded-modal-btn {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin-left: 10px;
  text-transform: capitalize;
  width: 75px;
}
.rdw-embedded-modal-btn:hover {
  box-shadow: 1px 1px 0 #bfbdbd;
}
.rdw-embedded-modal-btn:active {
  box-shadow: inset 1px 1px 0 #bfbdbd;
}
.rdw-embedded-modal-btn:focus {
  outline: none !important;
}
.rdw-embedded-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-emoji-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-emoji-modal,
.rdw-emoji-wrapper {
  display: flex;
}
.rdw-emoji-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-wrap: wrap;
  height: 180px;
  left: 5px;
  overflow: auto;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100;
}
.rdw-emoji-icon {
  cursor: pointer;
  font-size: 22px;
  height: 24px;
  margin: 2.5px;
  width: 24px;
}
.rdw-emoji-icon,
.rdw-spinner {
  align-items: center;
  display: flex;
  justify-content: center;
}
.rdw-spinner {
  height: 100%;
  width: 100%;
}
.rdw-spinner > div {
  animation: sk-bouncedelay 1.4s ease-in-out infinite both;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  height: 12px;
  width: 12px;
}
.rdw-spinner .rdw-bounce1 {
  animation-delay: -0.32s;
}
.rdw-spinner .rdw-bounce2 {
  animation-delay: -0.16s;
}
@keyframes sk-bouncedelay {
  0%,
  80%,
  to {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.rdw-image-wrapper {
  align-items: center;
  margin-bottom: 6px;
  position: relative;
}
.rdw-image-modal,
.rdw-image-wrapper {
  display: flex;
}
.rdw-image-modal {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  box-shadow: 3px 3px 5px #bfbdbd;
  flex-direction: column;
  height: 180px;
  left: 5px;
  padding: 15px;
  position: absolute;
  top: 35px;
  width: 235px;
  z-index: 100;
}
.rdw-image-modal-header {
  display: flex;
  font-size: 15px;
  margin: 10px 0;
}
.rdw-image-modal-header-option {
  align-items: center;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
.rdw-image-modal-header-label {
  background: #f1f1f1;
  border: 1px solid #f1f1f1;
  margin-top: 5px;
  width: 80px;
}
.rdw-image-modal-header-label-highlighted {
  background: #6eb8d4;
  border-bottom: 2px solid #0a66b7;
}
.rdw-image-modal-upload-option {
  align-items: center;
  background-color: #f1f1f1;
  border: none;
  color: gray;
  cursor: pointer;
  display: flex;
  font-size: 15px;
  height: 75px;
  justify-content: center;
  margin: 10px 0;
  outline: 2px dashed gray;
  outline-offset: -10px;
  width: 100%;
}
.rdw-image-modal-upload-option-highlighted {
  outline: 2px dashed #0a66b7;
}
.rdw-image-modal-upload-option-label {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.rdw-image-modal-upload-option-input {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.rdw-image-modal-url-section {
  display: flex;
}
.rdw-image-modal-url-input {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  font-size: 15px;
  height: 35px;
  margin: 29px auto;
  padding: 0 5px;
  width: 90%;
}
.rdw-image-modal-btn-section {
  margin: 10px auto 0;
}
.rdw-image-modal-url-input:focus {
  outline: none;
}
.rdw-image-modal-btn {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  height: 30px;
  margin-left: 10px;
  text-transform: capitalize;
  width: 75px;
}
.rdw-image-modal-btn:hover {
  box-shadow: 1px 1px 0 #bfbdbd;
}
.rdw-image-modal-btn:active {
  box-shadow: inset 1px 1px 0 #bfbdbd;
}
.rdw-image-modal-btn:focus {
  outline: none !important;
}
.rdw-image-modal-btn:disabled {
  background: #ece9e9;
}
.rdw-image-modal-spinner {
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
}
.rdw-history-wrapper {
  align-items: center;
  margin-bottom: 6px;
}
.rdw-history-dropdownoption,
.rdw-history-wrapper {
  display: flex;
}
.rdw-history-dropdownoption {
  height: 40px;
  justify-content: center;
}
.rdw-history-dropdown {
  width: 50px;
}
.rdw-link-decorator-wrapper {
  position: relative;
}
.rdw-link-decorator-link {
  color: blue;
  text-decoration: underline;
}
.rdw-link-decorator-icon {
  background-color: #fff;
  cursor: pointer;
  left: 40%;
  position: absolute;
  top: 0;
}
.rdw-mention {
  background-color: #f0fbff;
  border-radius: 2px;
  color: #1236ff;
  padding: 1px 2px;
}
.rdw-suggestion-wrapper {
  position: relative;
}
.rdw-suggestion-dropdown {
  background: #fff;
  border: 1px solid #f1f1f1;
  display: flex;
  flex-direction: column;
  max-height: 150px;
  min-width: 100px;
  overflow: auto;
  position: absolute;
  z-index: 100;
}
.rdw-suggestion-option {
  border-bottom: 1px solid #f1f1f1;
  padding: 7px 5px;
}
.rdw-suggestion-option:hover {
  background-color: #f1f1f1;
}
.rdw-image-alignment-options-popup {
  background: #fff;
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  cursor: pointer;
  display: flex;
  padding: 5px 2px;
  position: absolute;
  width: 105px;
  z-index: 100;
}
.rdw-alignment-option-left {
  justify-content: flex-start;
}
.rdw-image-alignment-option {
  height: 15px;
  width: 15px;
}
.rdw-image-alignment,
.rdw-image-imagewrapper {
  position: relative;
}
.rdw-image-center {
  display: flex;
  float: none;
  justify-content: center;
}
.rdw-image-left {
  float: left;
}
.rdw-image-right {
  float: right;
}
.rdw-editor-main.demo-editor-custom {
  height: 100%;
  overflow: auto;
  width: 100%;
}
.rdw-editor-toolbar {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  justify-content: flex-start;
  margin-bottom: 5px;
  padding: 6px 5px 0;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.rdw-dropdown-wrapper,
.rdw-option-wrapper {
  background-color: #f9f9f9;
}
.rdw-html-wrapper {
  align-items: center;
  display: flex;
  margin-bottom: 6px;
  position: relative;
}
.rdw-html-icon-wrapper {
  height: 18px;
  width: 18px;
}
.DraftEditor-editorContainer,
.DraftEditor-root,
.public-DraftEditor-content {
  height: inherit;
  text-align: initial;
}
.DraftEditor-root {
  position: relative;
}
.DraftEditor-editorContainer {
  background-color: rgba(255, 255, 255, 0);
  border-left: 0.1px solid transparent;
  position: relative;
  z-index: 1;
}
.public-DraftEditor-block {
  position: relative;
}
.public-DraftStyleDefault-block {
  margin: 1em 0;
}
.DraftEditor-alignLeft .public-DraftStyleDefault-block {
  text-align: left;
}
.DraftEditor-alignLeft .public-DraftEditorplaceholder-root {
  left: 0;
  text-align: left;
}
.DraftEditor-alignCenter .public-DraftStyleDefault-block {
  text-align: center;
}
.DraftEditor-alignCenter .public-DraftEditorplaceholder-root {
  margin: 0 auto;
  text-align: center;
  width: 100%;
}
.DraftEditor-alignRight .public-DraftStyleDefault-block {
  text-align: right;
}
.DraftEditor-alignRight .public-DraftEditorplaceholder-root {
  right: 0;
  text-align: right;
}
.public-DraftEditorplaceholder-root {
  color: #9197a3;
  position: absolute;
  z-index: 0;
}
.public-DraftEditorplaceholder-hasFocus {
  color: #bdc1c9;
}
.DraftEditorplaceholder-hidden {
  display: none;
}
.public-DraftStyleDefault-block {
  position: relative;
  white-space: pre-wrap;
}
.public-DraftStyleDefault-ltr {
  direction: ltr;
  text-align: left;
}
.public-DraftStyleDefault-rtl {
  direction: rtl;
  text-align: right;
}
.public-DraftStyleDefault-listLTR {
  direction: ltr;
}
.public-DraftStyleDefault-listRTL {
  direction: rtl;
}
.public-DraftStyleDefault-ol,
.public-DraftStyleDefault-ul {
  margin: 16px 0;
  padding: 0;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR {
  margin-left: 1.5em;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL {
  margin-right: 1.5em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR {
  margin-left: 3em;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL {
  margin-right: 3em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR {
  margin-left: 4.5em;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL {
  margin-right: 4.5em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR {
  margin-left: 6em;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL {
  margin-right: 6em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR {
  margin-left: 7.5em;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL {
  margin-right: 7.5em;
}
.public-DraftStyleDefault-unorderedListItem {
  list-style-type: square;
  position: relative;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 {
  list-style-type: disc;
}
.public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 {
  list-style-type: circle;
}
.public-DraftStyleDefault-orderedListItem {
  list-style-type: none;
  position: relative;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before {
  left: -36px;
  position: absolute;
  text-align: right;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before {
  position: absolute;
  right: -36px;
  text-align: left;
  width: 30px;
}
.public-DraftStyleDefault-orderedListItem:before {
  content: counter(ol0) ". ";
  counter-increment: ol0;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before {
  content: counter(ol1) ". ";
  counter-increment: ol1;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before {
  content: counter(ol2) ". ";
  counter-increment: ol2;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before {
  content: counter(ol3) ". ";
  counter-increment: ol3;
}
.public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before {
  content: counter(ol4) ". ";
  counter-increment: ol4;
}
.public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset {
  counter-reset: ol0;
}
.public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset {
  counter-reset: ol1;
}
.public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset {
  counter-reset: ol2;
}
.public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset {
  counter-reset: ol3;
}
.public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset {
  counter-reset: ol4;
}
.demo-root {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-family: Roboto;
  justify-content: center;
  width: 100%;
}
.demo-editorSection {
  z-index: 0;
}
.demo-wrapper-wide {
  display: block;
}
.demo-editor {
  border: 1px solid #f1f1f1;
  border-radius: 2px;
  height: 80%;
  padding: 5px;
}
.demo-editorWrapper,
.demo-toolbar {
  width: 100%;
}
.demo-content {
  border: 1px solid #f1f1f1;
  border-radius: 5px;
  border-radius: 2px;
  height: 425px;
  height: 355px;
  margin-left: 30px;
  margin-top: 127px;
  padding: 5px;
  resize: none;
  width: 400px;
}
.bordered-option-classname {
  border: 1px solid #e3e3e3;
}
.demo-toolbar-custom {
  background-color: #7c838d;
  width: 100%;
}
.demo-editor-custom {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  height: 200px;
  height: 75%;
  padding: 5px;
}
.demo-option-custom {
  border-color: #002f7e;
  color: #002f7e;
  height: 15px;
  width: 15px;
}
.demo-option-custom-wide {
  border-color: #002f7e;
  color: #002f7e;
  height: 25px;
  width: 125px;
}
.demo-dropdown-custom,
.demo-popup-custom {
  border-color: #002f7e;
}
.demo-popup-custom {
  padding: 5px;
}
.demo-popup-custom button,
.demo-popup-custom input {
  border-color: #002f7e;
}
.nrc-editor-hidetoolbar {
  display: none;
}
.nrc-editor-view-mode {
  border: 1px solid #d9d9d9;
  border-radius: 2px;
  padding: 5px;
}
.editor-invisible {
  background: transparent;
  height: 0 !important;
  left: 0;
  line-height: 0px;
  margin: 0;
  padding: 0;
  position: absolute;
  resize: none;
  top: 0;
  width: 0;
  z-index: -10;
}
.editor-html {
  border: 1px solid #f1f1f1;
  height: 100%;
  width: 100%;
}
.editor-table,
.nrc-editor-view-mode table {
  background-color: #fff;
  border: 1px solid #111;
  border-collapse: collapse;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
}
.editor-table-tr,
.nrc-editor-view-mode tr {
  height: 25px;
}
.nrc-editor-view-mode img {
  cursor: default;
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.nrc-editor-view-mode a {
  color: #01b1f0;
  cursor: pointer;
  text-decoration: underline;
}
.nrc-editor-view-mode a img {
  cursor: pointer;
}
.nrc-editor-view-mode p {
  word-wrap: break-word;
  margin: 1em 0;
}
.nrc-editor-view-mode li {
  margin: 1em 0 1em 1.5em;
}
.nrc-editor-view-mode ol {
  list-style: decimal;
}
.nrc-editor-view-mode ul {
  list-style: unset;
}
.nrc-editor-view-mode em {
  font-style: italic;
}
.editor-table-td,
.nrc-editor-view-mode td {
  border: 1px solid #111;
  cursor: text;
  padding: 5px;
  width: 150px;
}
.editor-table-input {
  height: 25px;
  width: 95%;
}
.editor-table-active-td {
  border: 1px double #1eaae5;
}
.editor-table-tool-wrapper button,
.editor-table-tool-wrapper button:active,
.editor-table-tool-wrapper button:focus,
.editor-table-tool-wrapper button:hover {
  background: none;
  height: 100%;
  outline: none;
  padding: 4px;
}
.rdw-table-insert-wrapper {
  height: 22px;
  margin: 0;
  padding: 4px;
}
.rdw-dropdown-table {
  position: absolute;
}
.rdw-table-picker-cell {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAARCAYAAAAougcOAAAC7mlDQ1BJQ0MgUHJvZmlsZQAAeAGFVM9rE0EU/jZuqdAiCFprDrJ4kCJJWatoRdQ2/RFiawzbH7ZFkGQzSdZuNuvuJrWliOTi0SreRe2hB/+AHnrwZC9KhVpFKN6rKGKhFy3xzW5MtqXqwM5+8943731vdt8ADXLSNPWABOQNx1KiEWlsfEJq/IgAjqIJQTQlVdvsTiQGQYNz+Xvn2HoPgVtWw3v7d7J3rZrStpoHhP1A4Eea2Sqw7xdxClkSAog836Epx3QI3+PY8uyPOU55eMG1Dys9xFkifEA1Lc5/TbhTzSXTQINIOJT1cVI+nNeLlNcdB2luZsbIEL1PkKa7zO6rYqGcTvYOkL2d9H5Os94+wiHCCxmtP0a4jZ71jNU/4mHhpObEhj0cGDX0+GAVtxqp+DXCFF8QTSeiVHHZLg3xmK79VvJKgnCQOMpkYYBzWkhP10xu+LqHBX0m1xOv4ndWUeF5jxNn3tTd70XaAq8wDh0MGgyaDUhQEEUEYZiwUECGPBoxNLJyPyOrBhuTezJ1JGq7dGJEsUF7Ntw9t1Gk3Tz+KCJxlEO1CJL8Qf4qr8lP5Xn5y1yw2Fb3lK2bmrry4DvF5Zm5Gh7X08jjc01efJXUdpNXR5aseXq8muwaP+xXlzHmgjWPxHOw+/EtX5XMlymMFMXjVfPqS4R1WjE3359sfzs94i7PLrXWc62JizdWm5dn/WpI++6qvJPmVflPXvXx/GfNxGPiKTEmdornIYmXxS7xkthLqwviYG3HCJ2VhinSbZH6JNVgYJq89S9dP1t4vUZ/DPVRlBnM0lSJ93/CKmQ0nbkOb/qP28f8F+T3iuefKAIvbODImbptU3HvEKFlpW5zrgIXv9F98LZua6N+OPwEWDyrFq1SNZ8gvAEcdod6HugpmNOWls05Uocsn5O66cpiUsxQ20NSUtcl12VLFrOZVWLpdtiZ0x1uHKE5QvfEp0plk/qv8RGw/bBS+fmsUtl+ThrWgZf6b8C8/UXAeIuJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOklEQVQ4EWO8e/fuPwYGBkYgphlgAZmspKREMwtABjPR1HSo4aOWkBTKo8E1GlwkhQBJikdT1wgNLgAMSwQgckFvTgAAAABJRU5ErkJggg==);
  background-repeat: repeat;
  overflow: hidden;
}
.rdw-table-picker-container {
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
}
.nrc-form-table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  font-size: 14px;
}
.nrc-form-table .form-table-header {
  color: #222;
  display: block;
  font-size: 21px;
  font-weight: 400;
  line-height: 2.5;
  text-indent: 20px;
}
.nrc-form-table a {
  color: #09c;
  text-decoration: underline;
}
.nrc-form-table a:hover {
  text-decoration: none;
}
.nrc-form-table .form-table-body .group .header {
  font-size: 18px;
  padding: 10px 20px;
}
.nrc-form-table .form-table-body .group .header:before {
  content: "•";
  margin: 0 5px;
}
.nrc-form-table .form-table-body .group .body {
  border-left: 1px solid #eef1f4;
  border-top: 1px solid #eef1f4;
  margin: 0;
}
.nrc-form-table .form-table-body .group .body .column {
  box-sizing: border-box;
  min-height: 46px;
}
.nrc-form-table .form-table-body .group .body .column .column-title {
  background-color: #f6f8f9;
  color: #555e76;
  font-weight: 500;
}
.nrc-form-table .form-table-body .group .body .column .column-content,
.nrc-form-table .form-table-body .group .body .column .column-title {
  align-items: center;
  border-bottom: 1px solid #eef1f4;
  border-right: 1px solid #eef1f4;
  box-sizing: border-box;
  display: flex;
  min-height: 46px;
  padding: 8px;
  position: relative;
}
.nrc-form-table .form-table-body .group .body .column .column-content {
  background-color: #fff;
  font-weight: 300;
}
.nrc-form-table .form-table-body .group .body .column .column-content > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nrc-form-table
  .form-table-body
  .group
  .body
  .column
  .column-content
  .nrc-button {
  position: absolute;
  right: 10px;
  top: calc(50% - 15px);
}
.nrc-form-table
  .form-table-body
  .group
  .body
  .column
  .column-content
  .nrc-view-edit-wrapper {
  position: absolute;
}
.nrc-form-table
  .form-table-body
  .group
  .body
  .column
  .column-content
  .nrc-view-edit-wrapper
  .nrc-button-group {
  position: static;
}
.nrc-form-table
  .form-table-body
  .group
  .body
  .column
  .column-content
  .nrc-view-edit-wrapper
  .nrc-button-group
  .nrc-button {
  position: relative;
}
.lottery-game-list {
  padding: 20px 50px 120px;
  text-align: center;
}
.lottery-game-list li {
  cursor: pointer;
  margin: 0 20px;
  padding-bottom: 20px;
  position: relative;
  width: calc(20% - 40px);
}
.lottery-game-list li:hover .cover {
  box-shadow: 0 0 15px #09c;
}
.lottery-game-list li:hover .cont {
  color: #09c;
}
.lottery-game-list li .cover {
  background-color: #fff;
  border-radius: 10px;
  margin: 8px auto 12px;
  max-width: 180px;
  overflow: hidden;
  position: relative;
  transition: 0.3s;
  width: 100%;
}
.lottery-game-list li .cover img {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
}
.lottery-game-list li .cont {
  color: #fff;
}
.footer-logo-box {
  display: flex;
  flex-wrap: wrap;
}
.footer-logo-box > div {
  background: url(/wp-content/themes/wordpress/thuvienanh/footer-logos.png)
    no-repeat;
  height: 50px;
  margin-right: 20px;
}
.footer-logo-box > .Awesome {
  background-position: -365px 0;
  width: 36px;
}
.footer-logo-box > .A-MEBA-B {
  background-position: -10px 0;
  width: 80px;
}
.footer-logo-box > .A-MEBA-W,
.footer-logo-box > .AMEBA {
  background-position: -110px 0;
  width: 80px;
}
.footer-logo-box > .AB,
.footer-logo-box > .ALLBET {
  background-position: -210px 0;
  width: 62px;
}
.footer-logo-box > .AG {
  background-position: -292px 0;
  width: 53px;
}
.footer-logo-box > .BACCARAT,
.footer-logo-box > .MX,
.footer-logo-box > .SEXYBCRT {
  background: url(/wp-content/themes/wordpress/thuvienanh/sexybcrt.png)
    50%/100% auto no-repeat;
  width: 106px;
}
.footer-logo-box > .CQ9 {
  background-position: -528px 0;
  width: 68px;
}
.footer-logo-box > .Dream-Tech,
.footer-logo-box > .DT {
  background-position: -616px 0;
  width: 46px;
}
.footer-logo-box > .GD {
  background-position: -682px 0;
  width: 66px;
}
.footer-logo-box > .GG,
.footer-logo-box > .GGAMING {
  background: url(/wp-content/themes/wordpress/thuvienanh/ggaming.png)
    50%/100% auto no-repeat;
  width: 80px;
}
.footer-logo-box > .HY {
  background-position: -878px 0;
  width: 37px;
}
.footer-logo-box > .LAX,
.footer-logo-box > .LAXINO,
.footer-logo-box > .LX {
  background-position: -935px 0;
  width: 140px;
}
.footer-logo-box > .LG {
  background-position: -1095px 0;
  width: 109px;
}
.footer-logo-box > .MEGA-WIN,
.footer-logo-box > .MW {
  background-position: -1224px 0;
  width: 76px;
}
.footer-logo-box > .MG,
.footer-logo-box > .Micro {
  background-position: -1320px 0;
  width: 105px;
}
.footer-logo-box > .NY {
  background-position: -1445px 0;
  width: 33px;
}
.footer-logo-box > .RED-TIGER,
.footer-logo-box > .RT {
  background-position: -1498px 0;
  width: 45px;
}
.footer-logo-box > .SA {
  background-position: -1563px 0;
  width: 91px;
}
.footer-logo-box > .SABA,
.footer-logo-box > .SABA-SPORTS {
  background: url(/wp-content/themes/wordpress/thuvienanh/saba.png)
    50%/100% auto no-repeat;
  width: 130px;
}
.footer-logo-box > .SB,
.footer-logo-box > .SUNBET {
  background-position: -1762px 0;
  width: 51px;
}
.footer-logo-box > .SV,
.footer-logo-box > .SV388 {
  background-position: -1833px 0;
  width: 86px;
}
.footer-logo-box > .TRC {
  background-position: -1939px 0;
  width: 73px;
}
.footer-logo-box > .UG,
.footer-logo-box > .UGAMING {
  background-position: -2032px 0;
  width: 76px;
}
.footer-logo-box > .VENUS,
.footer-logo-box > .VGS {
  background-position: -2128px 0;
  width: 54px;
}
.footer-logo-box > .VR {
  background-position: -2202px 0;
  width: 56px;
}
.footer-logo-box > .ZF,
.footer-logo-box > .ZFB {
  background-position: -2278px 0;
  width: 98px;
}
.footer-logo-box > .bbin,
.footer-logo-box > .BBIN {
  background-position: -2396px 0;
  width: 64px;
}
.footer-logo-box > .play-tech,
.footer-logo-box > .PT {
  background-position: -2480px 0;
  width: 83px;
}
.footer-logo-box > .VSL {
  background-position: -2573px 0;
  width: 83px;
}
.footer-logo-box > .JDB {
  background-position: -2653px 0;
  width: 83px;
}
.footer-logo-box > .SABA-en {
  background-position: -2736px 0;
  width: 80px;
}
.footer-logo-box > .GG-en {
  background-position: -2816px 0;
  width: 80px;
}
.footer-logo-box > .AB-en {
  background-position: -2896px 0;
  width: 80px;
}
.footer-logo-box > .VT {
  background-position: -3280px 0;
  width: 100px;
}
.footer-logo-box > .SUNBET-en {
  background-position: -2976px 0;
  width: 104px;
}
.footer-logo-box > .RW {
  background-position: -3380px 0;
  width: 60px;
}
.footer-logo-box > .PG {
  background-position: -3440px 0;
  width: 60px;
}
.footer-logo-box > .KY {
  background: url(/wp-content/themes/wordpress/thuvienanh/ky.png) 50% /
    auto 170% no-repeat;
  width: 55px;
}
.footer-logo-box > .VG {
  background: url(/wp-content/themes/wordpress/thuvienanh/vg.png) 50% /
    auto 170% no-repeat;
  width: 55px;
}
.footer-logo-box > .LC {
  background: url(/wp-content/themes/wordpress/thuvienanh/lc.png) 50%/100%
    auto no-repeat;
  width: 75px;
}
.footer-logo-box > .CARD365,
.footer-logo-box > .chess365 {
  background: url(/wp-content/themes/wordpress/thuvienanh/365.png) 50% /
    auto 100% no-repeat;
  width: 55px;
}
.footer-logo-box > .DS {
  background: url(/wp-content/themes/wordpress/thuvienanh/ds.png) 50% /
    auto 100% no-repeat;
  width: 55px;
}
.footer-logo-box > .PS {
  background: url(/wp-content/themes/wordpress/thuvienanh/ps.png) 50%/100%
    no-repeat;
  width: 55px;
}
.footer-logo-box > .AE_GAMING {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_gaming.png)
    50%/100% no-repeat;
  width: 106px;
}
.footer-logo-box > .KISS918,
.footer-logo-box > .s918 {
  background: url(/wp-content/themes/wordpress/thuvienanh/logo-918.png)
    50% / auto 100% no-repeat;
  width: 100px;
}
.footer-logo-box > .ae_c,
.footer-logo-box > .AE_C {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_c.png) 50%/100%
    auto no-repeat;
  width: 85px;
}
.footer-logo-box > .IG {
  background: url(/wp-content/themes/wordpress/thuvienanh/ig.png) 50%/90%
    no-repeat;
  width: 55px;
}
.footer-logo-box > .e-bull,
.footer-logo-box > .ESPORTSBULL {
  background: url(/wp-content/themes/wordpress/thuvienanh/logo-eb.png) 50%/100%
    auto no-repeat;
  width: 125px;
}
.footer-logo-box > .AE_ES {
  background: url(/wp-content/themes/wordpress/thuvienanh/logo-aees.png) 50%/100%
    auto no-repeat;
  width: 150px;
}
.footer-logo-box > .AE_LOT {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_lot.png)
    50%/100% auto no-repeat;
  width: 130px;
}
.footer-logo-box > .AE_ES2 {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_es2.png)
    50%/100% auto no-repeat;
  width: 130px;
}
.footer-logo-box > .AWS {
  background: url(/wp-content/themes/wordpress/thuvienanh/aws.png) 50% /
    auto 100% no-repeat;
  width: 46px;
}
.footer-logo-box > .GPI {
  background: url(/wp-content/themes/wordpress/thuvienanh/gpi.png)
    50%/100% auto no-repeat;
  width: 125px;
}
.footer-logo-box > .JOKER {
  background: url(/wp-content/themes/wordpress/thuvienanh/joker.png)
    50%/100% auto no-repeat;
  width: 100px;
}
.footer-logo-box > .JILI {
  background: url(/wp-content/themes/wordpress/thuvienanh/jili.png) 50%/100%
    auto no-repeat;
  width: 70px;
}
.footer-logo-box > .BO {
  background: url(/wp-content/themes/wordpress/thuvienanh/bo.png) 50%/100%
    auto no-repeat;
  width: 50px;
}
.footer-logo-box > .CROWN,
.footer-logo-box > .SINGBET,
.footer-logo-box > .singbet {
  background: url(/wp-content/themes/wordpress/thuvienanh/singbet.png)
    50%/100% auto no-repeat;
  width: 60px;
}
.footer-logo-box > .IM {
  background: url(/wp-content/themes/wordpress/thuvienanh/im.png) 50%/100%
    auto no-repeat;
  width: 115px;
}
.footer-logo-box > .JG {
  background: url(/wp-content/themes/wordpress/thuvienanh/jg.png) 50%/100%
    auto no-repeat;
  width: 68px;
}
.footer-logo-box > .SIMPLEPLAY {
  background: url(/wp-content/themes/wordpress/thuvienanh/simpleplay.png)
    50%/100% auto no-repeat;
  width: 48px;
}
.footer-logo-box > .SEA {
  background: url(/wp-content/themes/wordpress/thuvienanh/sea.png) 50%/100%
    auto no-repeat;
  width: 48px;
}
.footer-logo-box > .FC {
  background: url(/wp-content/themes/wordpress/thuvienanh/fc.png) 50%/100%
    auto no-repeat;
  width: 48px;
}
.footer-logo-box > .RICH88 {
  background: url(/wp-content/themes/wordpress/thuvienanh/rich88.png)
    50%/100% auto no-repeat;
  width: 110px;
}
.footer-logo-box > .CMDBET {
  background: url(/wp-content/themes/wordpress/thuvienanh/CMDBET.png)
    50%/100% auto no-repeat;
  width: 68px;
}
.footer-logo-box > .WM {
  background: url(/wp-content/themes/wordpress/thuvienanh/wm.png) 50%/90%
    auto no-repeat;
  width: 60px;
}
.footer-logo-box > .EVO {
  background: url(/wp-content/themes/wordpress/thuvienanh/evo.png)
    50% / contain no-repeat;
  width: 55px;
}
.footer-logo-box > .DG {
  background: url(/wp-content/themes/wordpress/thuvienanh/dg.png) 50%/90%
    auto no-repeat;
  width: 70px;
}
.footer-logo-box > .SBOBET {
  background: url(/wp-content/themes/wordpress/thuvienanh/SBOBET.png)
    50%/100% auto no-repeat;
  width: 68px;
}
.footer-logo-box > .TF {
  background: url(/wp-content/themes/wordpress/thuvienanh/tf.png) 50%/100%
    auto no-repeat;
  width: 90px;
}
.footer-logo-box > .S128 {
  background: url(/wp-content/themes/wordpress/thuvienanh/S128.png) 50%/100%
    auto no-repeat;
  width: 130px;
}
.footer-logo-box > .SPR168 {
  background: url(/wp-content/themes/wordpress/thuvienanh/SPR168.png) 100% /
    auto 110% no-repeat;
  width: 60px;
}
.footer-logo-box > .BTI {
  background: url(/wp-content/themes/wordpress/thuvienanh/BTI.png) 50%/100%
    auto no-repeat;
  width: 85px;
}
.footer-logo-box > .AE_CRICKET {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_cricket.png)
    50%/100% auto no-repeat;
  width: 120px;
}
.footer-logo-box > .KINGMAKER {
  background: url(/wp-content/themes/wordpress/thuvienanh/kingmaker.png)
    50%/100% auto no-repeat;
  width: 120px;
}
.footer-logo-box > .UFABET {
  background: url(/wp-content/themes/wordpress/thuvienanh/ufabet.png)
    50%/100% auto no-repeat;
  width: 110px;
}
.footer-logo-box > .UFASLOT {
  background: url(/wp-content/themes/wordpress/thuvienanh/ufaslot.png)
    50%/100% auto no-repeat;
  width: 55px;
}
.footer-logo-box > .YL {
  background: url(/wp-content/themes/wordpress/thuvienanh/yl.png)
    50%/100% auto no-repeat;
  width: 55px;
}
.footer-logo-box > .PP {
  background: url(/wp-content/themes/wordpress/thuvienanh/pp.png) 50%/100%
    auto no-repeat;
  width: 57px;
}
.footer-logo-box > .GW {
  background: url(/wp-content/themes/wordpress/thuvienanh/gw.png) 50%/100%
    auto no-repeat;
  width: 70px;
}
.footer-logo-box .RCB {
  background: url(/wp-content/themes/wordpress/thuvienanh/rcb.png)
    50%/100% auto no-repeat;
  width: 70px !important;
}
.footer-logo-box .AE_PLAY {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_play.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
.footer-logo-box .EZUGI {
  background: url(/wp-content/themes/wordpress/thuvienanh/ezugi.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
.footer-logo-box .AE_SEVEN {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_seven.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
.footer-logo-box .KX {
  background: url(/wp-content/themes/wordpress/thuvienanh/kx.png)
    50% / contain no-repeat;
  width: 0 !important;
}
.footer-logo-box .AE_LOTTO {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_lotto.png)
    50%/100% auto no-repeat;
  width: 80px !important;
}
.footer-logo-box .OG {
  background: url(/wp-content/themes/wordpress/thuvienanh/og.png)
    50% / contain no-repeat;
  width: 50px !important;
}
.footer-logo-box .SPADEGAMING {
  background: url(/wp-content/themes/wordpress/thuvienanh/spadegaming.png)
    50% / contain no-repeat;
  width: 50px !important;
}
.footer-logo-box .SKM {
  background: url(/wp-content/themes/wordpress/thuvienanh/skm.png)
    50% / contain no-repeat;
  width: 50px !important;
}
.footer-logo-box .PNG {
  background: url(/wp-content/themes/wordpress/thuvienanh/png.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
.footer-logo-box .LUDO {
  background: url(/wp-content/themes/wordpress/thuvienanh/ludo.png)
    50%/100% auto no-repeat;
  width: 80px !important;
}
.footer-logo-box .KA {
  background: url(/wp-content/themes/wordpress/thuvienanh/ka.png)
    50% / contain no-repeat;
  width: 50px !important;
}
.footer-logo-box .GEN {
  background: url(/wp-content/themes/wordpress/thuvienanh/gen.png)
    50%/100% auto no-repeat;
  width: 80px !important;
}
.footer-logo-box .AE_SPORTS {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_sports.png)
    50%/100% auto no-repeat;
  width: 80px !important;
}
.footer-logo-box .AEUFA {
  background: url(/wp-content/themes/wordpress/thuvienanh/aeufa.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
.footer-logo-box .MUAYSTEP {
  background: url(/wp-content/themes/wordpress/thuvienanh/muaystep.png)
    50% / contain no-repeat;
  width: 50px !important;
}
.footer-logo-box .AE_CRIC_EX {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_cric_ex.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
.footer-logo-box .JM {
  background: url(/wp-content/themes/wordpress/thuvienanh/jm.png)
    50% / contain no-repeat;
  width: 50px !important;
}
.provider-slider-wrap .footer-swiper-logo-box {
  height: 50px;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper {
  height: 100%;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide {
  margin-right: 20px;
  width: auto !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  > * {
  background: url(/wp-content/themes/wordpress/thuvienanh/footer-logos.png)
    no-repeat;
  height: 50px;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .Awesome {
  background-position: -365px 0;
  width: 36px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .A-MEBA-B {
  background-position: -10px 0;
  width: 80px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .A-MEBA-W,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AMEBA {
  background-position: -110px 0;
  width: 80px !important;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .AB,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .ALLBET {
  background-position: -210px 0;
  width: 62px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AG {
  background-position: -292px 0;
  width: 53px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .BACCARAT,
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MX,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SEXYBCRT {
  background: url(/wp-content/themes/wordpress/thuvienanh/sexybcrt.png)
    50%/100% auto no-repeat;
  width: 106px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .CQ9 {
  background-position: -528px 0;
  width: 68px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .Dream-Tech,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .DT {
  background-position: -616px 0;
  width: 46px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .GD {
  background-position: -682px 0;
  width: 66px !important;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .GG,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .GGAMING {
  background: url(/wp-content/themes/wordpress/thuvienanh/ggaming.png)
    50%/100% auto no-repeat;
  width: 80px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .HY {
  background-position: -878px 0;
  width: 37px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .LAX,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .LAXINO,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .LX {
  background-position: -935px 0;
  width: 140px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .LG {
  background-position: -1095px 0;
  width: 109px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .MEGA-WIN,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .MW {
  background-position: -1224px 0;
  width: 76px !important;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .MG,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .Micro {
  background-position: -1320px 0;
  width: 105px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .NY {
  background-position: -1445px 0;
  width: 33px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .RED-TIGER,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .RT {
  background-position: -1498px 0;
  width: 45px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SA {
  background-position: -1563px 0;
  width: 91px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SABA,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SABA-SPORTS {
  background: url(/wp-content/themes/wordpress/thuvienanh/saba.png)
    50%/100% auto no-repeat;
  width: 130px !important;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SB,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SUNBET {
  background-position: -1762px 0;
  width: 51px !important;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .SV,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SV388 {
  background-position: -1833px 0;
  width: 86px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .TRC {
  background-position: -1939px 0;
  width: 73px !important;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .UG,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .UGAMING {
  background-position: -2032px 0;
  width: 76px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .VENUS,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .VGS {
  background-position: -2128px 0;
  width: 54px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .VR {
  background-position: -2202px 0;
  width: 56px !important;
}
.provider-slider-wrap .footer-swiper-logo-box .swiper-wrapper .swiper-slide .ZF,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .ZFB {
  background-position: -2278px 0;
  width: 98px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .bbin,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .BBIN {
  background-position: -2396px 0;
  width: 64px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .play-tech,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .PT {
  background-position: -2480px 0;
  width: 83px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .VSL {
  background-position: -2573px 0;
  width: 83px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .JDB {
  background-position: -2653px 0;
  width: 83px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SABA-en {
  background-position: -2736px 0;
  width: 80px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .GG-en {
  background-position: -2816px 0;
  width: 80px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AB-en {
  background-position: -2896px 0;
  width: 80px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .VT {
  background-position: -3280px 0;
  width: 100px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SUNBET-en {
  background-position: -2976px 0;
  width: 104px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .RW {
  background-position: -3380px 0;
  width: 60px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .PG {
  background-position: -3440px 0;
  width: 60px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .KY {
  background: url(/wp-content/themes/wordpress/thuvienanh/ky.png) 50% /
    auto 170% no-repeat;
  width: 55px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .VG {
  background: url(/wp-content/themes/wordpress/thuvienanh/vg.png) 50% /
    auto 170% no-repeat;
  width: 55px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .LC {
  background: url(/wp-content/themes/wordpress/thuvienanh/lc.png) 50%/100%
    auto no-repeat;
  width: 75px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .CARD365,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .chess365 {
  background: url(/wp-content/themes/wordpress/thuvienanh/365.png) 50% /
    auto 100% no-repeat;
  width: 55px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .DS {
  background: url(/wp-content/themes/wordpress/thuvienanh/ds.png) 50% /
    auto 100% no-repeat;
  width: 55px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .PS {
  background: url(/wp-content/themes/wordpress/thuvienanh/ps.png) 50%/100%
    no-repeat;
  width: 55px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .KISS918,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .s918 {
  background: url(/wp-content/themes/wordpress/thuvienanh/logo-918.png)
    50% / auto 100% no-repeat;
  width: 100px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .ae_c,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AE_C {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_c.png) 50%/100%
    auto no-repeat;
  width: 85px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .IG {
  background: url(/wp-content/themes/wordpress/thuvienanh/ig.png) 50%/90%
    no-repeat;
  width: 55px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .e-bull,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .ESPORTSBULL {
  background: url(/wp-content/themes/wordpress/thuvienanh/logo-eb.png) 50%/100%
    auto no-repeat;
  width: 125px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AE_ES {
  background: url(/wp-content/themes/wordpress/thuvienanh/logo-aees.png) 50%/100%
    auto no-repeat;
  width: 150px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AE_LOT {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_lot.png)
    50%/100% auto no-repeat;
  width: 150px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AE_ES2 {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_es2.png)
    50%/100% auto no-repeat;
  width: 150px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AWS {
  background: url(/wp-content/themes/wordpress/thuvienanh/aws.png) 50% /
    auto 100% no-repeat;
  width: 46px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .GPI {
  background: url(/wp-content/themes/wordpress/thuvienanh/gpi.png)
    50%/100% auto no-repeat;
  width: 125px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .JOKER {
  background: url(/wp-content/themes/wordpress/thuvienanh/joker.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .JILI {
  background: url(/wp-content/themes/wordpress/thuvienanh/jili.png) 50%/100%
    auto no-repeat;
  width: 70px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .BO {
  background: url(/wp-content/themes/wordpress/thuvienanh/bo.png) 50%/100%
    auto no-repeat;
  width: 50px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .CROWN,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SINGBET,
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .singbet {
  background: url(/wp-content/themes/wordpress/thuvienanh/singbet.png)
    50%/100% auto no-repeat;
  width: 60px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .IM {
  background: url(/wp-content/themes/wordpress/thuvienanh/im.png) 50%/100%
    auto no-repeat;
  width: 115px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .JG {
  background: url(/wp-content/themes/wordpress/thuvienanh/jg.png) 50%/100%
    auto no-repeat;
  width: 68px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SIMPLEPLAY {
  background: url(/wp-content/themes/wordpress/thuvienanh/simpleplay.png)
    50%/100% auto no-repeat;
  width: 48px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SEA {
  background: url(/wp-content/themes/wordpress/thuvienanh/sea.png) 50%/100%
    auto no-repeat;
  width: 48px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .CMDBET {
  background: url(/wp-content/themes/wordpress/thuvienanh/CMDBET.png)
    50%/100% auto no-repeat;
  width: 68px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .WM {
  background: url(/wp-content/themes/wordpress/thuvienanh/wm.png) 50%/90%
    auto no-repeat;
  width: 60px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .EVO {
  background: url(/wp-content/themes/wordpress/thuvienanh/evo.png)
    50% / contain no-repeat;
  width: 55px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .DG {
  background: url(/wp-content/themes/wordpress/thuvienanh/dg.png) 50%/90%
    auto no-repeat;
  width: 70px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SBOBET {
  background: url(/wp-content/themes/wordpress/thuvienanh/SBOBET.png)
    50%/100% auto no-repeat;
  width: 68px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .TF {
  background: url(/wp-content/themes/wordpress/thuvienanh/tf.png) 50%/100%
    auto no-repeat;
  width: 90px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .S128 {
  background: url(/wp-content/themes/wordpress/thuvienanh/S128.png) 50%/100%
    auto no-repeat;
  width: 130px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .SPR168 {
  background: url(/wp-content/themes/wordpress/thuvienanh/SPR168.png) 100% /
    auto 110% no-repeat;
  width: 60px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .BTI {
  background: url(/wp-content/themes/wordpress/thuvienanh/BTI.png) 50%/100%
    auto no-repeat;
  width: 85px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AE_CRICKET {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_cricket.png)
    50%/100% auto no-repeat;
  width: 120px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .KINGMAKER {
  background: url(/wp-content/themes/wordpress/thuvienanh/kingmaker.png)
    50%/100% auto no-repeat;
  width: 120px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .UFABET {
  background: url(/wp-content/themes/wordpress/thuvienanh/ufabet.png)
    50%/100% auto no-repeat;
  width: 110px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .UFASLOT {
  background: url(/wp-content/themes/wordpress/thuvienanh/ufaslot.png)
    50%/100% auto no-repeat;
  width: 110px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .PP {
  background: url(/wp-content/themes/wordpress/thuvienanh/pp.png) 50%/100%
    auto no-repeat;
  width: 57px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .GW {
  background: url(/wp-content/themes/wordpress/thuvienanh/gw.png) 50%/100%
    auto no-repeat;
  width: 70px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .RCB {
  background: url(/wp-content/themes/wordpress/thuvienanh/rcb.png)
    50%/100% auto no-repeat;
  width: 70px !important;
}
.provider-slider-wrap
  .footer-swiper-logo-box
  .swiper-wrapper
  .swiper-slide
  .AE_PLAY {
  background: url(/wp-content/themes/wordpress/thuvienanh/ae_play.png)
    50%/100% auto no-repeat;
  width: 100px !important;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  cursor: pointer;
  font-family: inherit;
}
.nrc-button.DEBIT_CARD-channel:before,
.nrc-button.QR_BANK-channel:before {
  color: #00468e;
}
.nrc-button.WEIXIN-channel:before {
  color: #00b049;
}
.nrc-button.ALIPAY-channel:before {
  color: #00a8f1;
}
.nrc-button.QQ-channel:before {
  color: #201c2a;
}
.btn-main {
  background-color: #09c;
  border-radius: 20px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 40px;
  line-height: 1.1;
  padding: 11px 0;
  text-align: center;
  transition: 0.3s;
  width: 150px;
}
.btn-main.btn-border {
  background-color: transparent;
  border: 1px solid #09c;
  border-radius: 4px;
  color: #09c;
  padding: 0 15px;
  width: auto;
}
.btn-main.btn-border:focus,
.btn-main.btn-border:hover {
  background-color: transparent;
  border: 1px solid #c6c6c6;
  color: #c6c6c6;
}
.btn-main:focus,
.btn-main:hover {
  background-color: #c6c6c6;
}
.nrc-button {
  background-color: #09c;
  border: 0;
  border-radius: 22.5px;
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  height: 45px;
  padding: 0 40px;
}
.nrc-button:focus,
.nrc-button:hover {
  background-color: #0086b3;
}
.nrc-button:disabled {
  background-color: #ccc;
  color: #eee;
  cursor: not-allowed;
}
.nrc-button.grey {
  background-color: #aaa;
}
.nrc-button.grey:focus,
.nrc-button.grey:hover {
  background-color: #9d9d9d;
}
.nrc-button.white-border-no-bg {
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 5px;
  color: #fff;
}
.nrc-button.white-border-no-bg:focus,
.nrc-button.white-border-no-bg:hover {
  border: 1px solid #f2f2f2;
  color: #f2f2f2;
}
.nrc-button.rect {
  border-radius: 5px;
}
.nrc-button.rect-small {
  border-radius: 5px;
  height: 40px;
}
.nrc-button.rect-small,
.nrc-button[data-size="small"] {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.nrc-button[data-size="small"] {
  height: 36px;
}
.nrc-button.neutral {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0 15px;
}
.nrc-button.neutral.selected,
.nrc-button.neutral:hover {
  background-color: #ebebeb;
  border-color: #09c;
}
.nrc-button.square {
  border-radius: 5px;
  height: 54px;
  padding: inherit;
  width: 54px;
}
.nrc-button[class$="channel"] {
  padding-left: 35px;
  position: relative;
}
.tabs {
  font-size: 0;
  width: 100%;
}
.tabs li {
  display: inline-block;
  font-size: 18px;
  position: relative;
  text-align: center;
}
.tabs li a {
  display: block;
  height: 100%;
  position: relative;
  text-decoration: none;
  width: 100%;
}
.tabs.tab-skew {
  height: 70px;
  line-height: 70px;
  overflow: hidden;
}
.tabs.tab-skew li {
  width: 16.66667%;
}
.tabs.tab-skew li a {
  color: #fff;
  margin-left: -5px;
  z-index: 1;
}
.tabs.tab-skew li:after {
  background-color: #aaa;
  border-left: 2px solid #fff;
  content: "";
  height: 100%;
  left: -10px;
  position: absolute;
  top: 0;
  transform: skewX(-12deg);
  transition: 0.2s;
  width: calc(100% + 20px);
}
.tabs.tab-skew li.active:after,
.tabs.tab-skew li:hover:after {
  background-color: #c6c6c6;
}
.tabs.tab-underline {
  border-bottom: 2px solid #ccc;
  height: 50px;
  line-height: 50px;
}
.tabs.tab-underline li a {
  box-sizing: border-box;
  color: #aaa;
  padding: 0 15px;
  transition: 0.2s;
}
.tabs.tab-underline li.active a,
.tabs.tab-underline li:hover a {
  color: #09c;
}
.tabs.tab-underline li.active:after,
.tabs.tab-underline li:hover:after {
  background-color: #09c;
  bottom: -1px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.tabs.tab-inboxhead,
.tabs.tab-tablehead {
  height: 50px;
  line-height: 50px;
}
.tabs.tab-inboxhead li,
.tabs.tab-tablehead li {
  margin: 0 5px;
  transition: 0.2s;
  width: 150px;
}
.tabs.tab-inboxhead li a,
.tabs.tab-tablehead li a {
  color: #777;
}
.tabs.tab-inboxhead li.active,
.tabs.tab-inboxhead li:hover,
.tabs.tab-tablehead li.active,
.tabs.tab-tablehead li:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.inbox-head {
  background-color: #aaa;
  height: 50px;
  padding-top: 10px;
  position: relative;
  width: 100%;
}
.inbox-head .tab-inboxhead {
  box-sizing: border-box;
  padding: 0 10px;
}
.inbox-head .tab-inboxhead li a {
  color: #fff;
  font-size: 15px;
}
.inbox-head .tab-inboxhead li.active,
.inbox-head .tab-inboxhead li:hover {
  background-color: #fff;
}
.inbox-head .tab-inboxhead li.active a,
.inbox-head .tab-inboxhead li:hover a {
  color: #777;
}
.inbox-head .btn-refresh {
  border-radius: 5px;
  box-shadow: inset 0 0 0 2px #fff;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  position: absolute;
  right: 10px;
  text-align: center;
  top: 15px;
  width: 70px;
}
.inbox-head .btn-refresh i {
  display: inline-block;
  vertical-align: middle;
}
.nrc-tabs .nrc-tabs-nav {
  border-bottom: 2px solid #ccc;
  box-sizing: border-box;
}
.nrc-tabs .nrc-tabs-nav span {
  line-height: 35px;
}
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab {
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  min-width: 100px;
  padding: 16px;
  position: relative;
}
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active:after,
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab:hover:after {
  background-color: #09c;
  bottom: -2px;
  content: "";
  height: 3px;
  left: 0;
  position: absolute;
  width: 100%;
}
.nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active {
  color: #09c;
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav {
  background-color: #aaa;
  border-bottom: none;
  box-sizing: border-box;
  padding: 25px 15% 0;
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab {
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin: 0 5px;
  min-width: 150px;
  padding: 16px;
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab.active:after,
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab:hover:after {
  display: none;
}
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab.active,
.nrc-tabs.tabs-style-3 .nrc-tabs-nav .nrc-tabs-tab:hover {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: #777;
}
.nrc-tabs.tabs-style-side {
  margin-top: 30px;
  min-height: 570px;
  position: relative;
}
.nrc-tabs.tabs-style-side .nav-style-side {
  border: 0;
  display: inline-block;
  height: 100%;
  position: absolute;
  width: 180px;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab {
  background-color: #fff;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
  color: #535353;
  margin: 10px 0;
  overflow: hidden;
  padding: 10px 0 10px 30px;
  position: relative;
  text-align: left;
  text-indent: 10px;
  transition: 0.2s;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(-n + 4) {
  background-color: #f5f5f5;
  color: #000;
}
.nrc-tabs.tabs-style-side
  .nav-style-side
  .nrc-tabs-tab:nth-of-type(-n + 4):before {
  background-color: #fff;
  border-radius: 50%;
  color: #eba326;
  content: "★";
  display: block;
  font-size: 12px;
  height: 20px;
  left: 12px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  text-indent: 0;
  top: 17.5px;
  width: 20px;
}
.nrc-tabs.tabs-style-side
  .nav-style-side
  .nrc-tabs-tab:nth-of-type(-n + 4):after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: 0.2s;
  width: 100%;
}
.nrc-tabs.tabs-style-side
  .nav-style-side
  .nrc-tabs-tab:nth-of-type(-n + 4):hover:after {
  background-color: transparent;
  transform: scale(1.1);
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(2):after {
  background: url(/wp-content/themes/wordpress/thuvienanh/egame-tab-01.png)
    100% no-repeat;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(3):after {
  background: url(/wp-content/themes/wordpress/thuvienanh/egame-tab-02.png)
    100% no-repeat;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:nth-of-type(4):after {
  background: url(/wp-content/themes/wordpress/thuvienanh/egame-tab-03.png)
    100% no-repeat;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type {
  margin-top: 15px;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:first-of-type:before {
  content: "❤";
}
.nrc-tabs.tabs-style-side
  .nav-style-side
  .nrc-tabs-tab:first-of-type.active:after {
  background: none;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:after {
  display: none;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover {
  background-color: #fff;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover:before {
  background-color: #f5f5f5;
  color: #ea4747;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab.active,
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab.active:hover {
  background-color: #eba326;
  color: #000;
}
.nrc-tabs.tabs-style-side .nav-style-side .nrc-tabs-tab:hover {
  color: #000;
}
.nrc-tabs.tabs-style-side .nav-style-side + .tab-item {
  margin-left: 220px;
  position: relative;
  width: calc(100% - 220px);
}
.ads {
  position: fixed;
  z-index: 20;
}
.ads .adItem {
  position: absolute;
  transition: top 0.2s ease-out;
}
.ads .adItem.click-url,
.ads i {
  cursor: pointer;
}
.ads i {
  background-color: #000;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 600;
  position: absolute;
  right: 0;
}
.ads i:hover {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
}
.ads.left-top {
  left: 0;
  top: 0;
  z-index: 22;
}
.ads.left-top div {
  position: absolute;
}
.ads.left-top .fade-in-out {
  opacity: 0.6;
  position: absolute;
  transition: all 0.3s ease-out;
}
.ads.left-top .fade-in-out.active {
  opacity: 1;
}
.ads.left-center,
.ads.left-center .adItem {
  left: 0;
}
.ads.right-center,
.ads.right-center .adItem {
  right: 0;
}
.floating-maintenance {
  background-image: linear-gradient(0deg, #000, rgba(40, 40, 40, 0.8));
  border: 1px solid #fff;
  border-radius: 10px;
  bottom: -165px;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.5);
  color: #fff;
  left: 20px;
  padding: 10px 15px 10px 0;
  position: fixed;
  transition: bottom 0.5s;
  width: 300px;
  z-index: 21;
}
.floating-maintenance.active {
  bottom: -10px;
}
.floating-maintenance .maintenances-title {
  word-wrap: break-word;
  letter-spacing: 2px;
  margin-bottom: 10px;
  padding: 0 18px;
  text-align: center;
}
.floating-maintenance .maintenances-title i {
  cursor: pointer;
  font-size: 1.3em;
  font-weight: 600;
  position: absolute;
  right: 10px;
}
.floating-maintenance .maintenances-content {
  font-size: 13px;
  height: 150px;
  overflow: auto;
  padding: 0 20px;
}
.floating-maintenance .maintenances-content .maintenances-item {
  margin-bottom: 15px;
}
.floating-maintenance
  .maintenances-content
  .maintenances-item
  .maintenances-item-name {
  background-image: linear-gradient(
    to right bottom,
    #dbdb00 15%,
    #bb6e09 65%,
    #502f03 95%
  );
  border-radius: 5px;
  display: inline-block;
  font-size: 14px;
  margin: 5px 0;
  padding: 5px 10px;
}
.ad-center {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1024;
}
.ad-center .ad-center-content {
  background-color: #fff;
  display: flex;
  height: 600px;
  left: 0;
  margin: auto;
  max-width: 1050px;
  position: relative;
  top: calc(50% - 300px);
  z-index: 2;
}
.ad-center .ad-center-content .left {
  border-right: 1px solid #e6e6e6;
  display: flex;
  flex: 1;
  flex-direction: column;
}
.ad-center .ad-center-content .left .title-list {
  flex: 1;
  overflow-y: auto;
}
.ad-center .ad-center-content .left .title-list > div {
  align-items: center;
  border-bottom: 1px solid #e6e6e6;
  color: #777;
  cursor: pointer;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  justify-content: center;
  min-height: 70px;
  padding: 15px;
  word-break: break-word;
}
.ad-center .ad-center-content .left .title-list > div.active {
  background-color: #09c;
  color: #fff;
}
.ad-center .ad-center-content .left .logo {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  height: 80px;
  margin: 10px;
}
.ad-center .ad-center-content .right {
  background-color: #f2f2f2;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 800px;
}
.ad-center .ad-center-content .right.pointer {
  cursor: pointer;
}
.ad-center .ad-center-content .close {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.31);
  color: #777;
  cursor: pointer;
  font-size: 34px;
  height: 40px;
  line-height: 46px;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -20px;
  width: 40px;
}
.ad-center .ad-center-overlay {
  background-color: #000;
  height: 100%;
  left: 0;
  opacity: 0.5;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
@font-face {
  font-family: swiper-icons;
  font-style: normal;
  font-weight: 400;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  box-sizing: content-box;
  display: flex;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
  z-index: 1;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-direction: column;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}
.swiper-slide {
  flex-shrink: 0;
  height: 100%;
  position: relative;
  transition-property: transform;
  width: 100%;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-container-css-mode > .swiper-wrapper {
  -ms-overflow-style: none;
  overflow: auto;
  scrollbar-width: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  align-items: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor: pointer;
  display: flex;
  height: var(--swiper-navigation-size);
  justify-content: center;
  margin-top: calc(var(--swiper-navigation-size) * -1 / 2);
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  z-index: 10;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  cursor: auto;
  opacity: 0.35;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  font-variant: normal;
  letter-spacing: 0;
  line-height: 1;
  text-transform: none !important;
  text-transform: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  left: auto;
  right: 10px;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #fff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transform: translateZ(0);
  transition: opacity 0.3s;
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  background: #000;
  border-radius: 100%;
  display: inline-block;
  height: 8px;
  opacity: 0.2;
  width: 8px;
}
button.swiper-pagination-bullet {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  margin: 0;
  padding: 0;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  opacity: 1;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  display: block;
  margin: 6px 0;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: transform 0.2s, top 0.2s;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, left 0.2s;
}
.swiper-container-horizontal.swiper-container-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: transform 0.2s, right 0.2s;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0);
  transform-origin: left top;
  width: 100%;
}
.swiper-container-rtl
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  height: 4px;
  left: 0;
  top: 0;
  width: 100%;
}
.swiper-container-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  height: 100%;
  left: 0;
  top: 0;
  width: 4px;
}
.swiper-pagination-white {
  --swiper-pagination-color: #fff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  background: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
}
.swiper-container-horizontal > .swiper-scrollbar {
  bottom: 3px;
  height: 5px;
  left: 1%;
  position: absolute;
  width: 98%;
  z-index: 50;
}
.swiper-container-vertical > .swiper-scrollbar {
  height: 98%;
  position: absolute;
  right: 3px;
  top: 1%;
  width: 5px;
  z-index: 50;
}
.swiper-scrollbar-drag {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  height: 100%;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s linear infinite;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid transparent;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  to {
    transform: rotate(1turn);
  }
}
.swiper-container .swiper-notification {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  height: 100%;
  pointer-events: none;
  transform-origin: 0 0;
  visibility: hidden;
  width: 100%;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow {
  background: #000;
  bottom: 0;
  filter: blur(50px);
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 0;
}
.general-layout {
  background-color: #fff;
  box-sizing: border-box;
  color: #777;
  display: flex;
  font-size: 14px;
  line-height: 1.8;
  margin: auto;
  min-height: calc(100vh - 410px);
  padding: 50px 0;
  position: relative;
}
.general-layout .gr-menu {
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  width: 220px;
}
.general-layout .gr-menu ul {
  list-style-type: none;
  padding: 0;
}
.general-layout .gr-menu li {
  font-size: 16px;
}
.general-layout .gr-menu li a {
  color: #aaa;
  cursor: pointer;
  display: block;
  line-height: 20px;
  padding: 15px 0;
  text-decoration: none;
  width: 100%;
}
.general-layout .gr-menu li a.active,
.general-layout .gr-menu li a:hover {
  background-color: #09c;
  color: #fff;
}
.general-layout .cont {
  box-sizing: border-box;
  color: #777;
  font-size: 14px;
  line-height: 1.8;
  padding: 50px 100px;
  position: relative;
  width: calc(100% - 220px);
}
.general-layout .cont table {
  background-color: #fff;
}
.general-layout h1,
.general-layout h2,
.general-layout h3,
.general-layout h4,
.general-layout h5,
.general-layout h6 {
  font-weight: 700;
}
.general-layout h1 {
  color: #09c;
  font-size: 2em;
  margin: 0.67em 0;
}
.general-layout h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}
.general-layout h3 {
  color: #09c;
  font-size: 1.2em;
  margin: 1em 0;
}
.general-layout h4 {
  font-size: 1em;
  margin: 1.33em 0;
}
.general-layout h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}
.general-layout h6 {
  font-size: 0.67em;
  margin: 2.33em 0;
}
.general-layout p {
  margin: 0.25em 0;
  white-space: pre-wrap;
}
.general-layout ol,
.general-layout ul {
  margin: 1em 0;
  padding-left: 30px;
}
.general-layout ol {
  list-style-type: decimal;
}
.general-layout ul {
  list-style-type: disc;
}
.general-layout li {
  display: list-item;
  margin: 3px 0;
}
.general-layout b,
.general-layout strong {
  font-weight: 700;
}
.general-layout em,
.general-layout i {
  font-style: italic;
}
.general-layout a {
  background-color: transparent;
}
.general-layout a:active,
.general-layout a:hover {
  outline: 0;
}
.general-layout td,
.general-layout th {
  border: 1px solid #ddd;
  padding: 8px;
}
.general-layout th {
  background-color: rgba(240, 240, 240, 0.8);
}
.general-layout abbr[title] {
  border-bottom: 1px dotted;
}
.general-layout dfn {
  font-style: italic;
}
.general-layout mark {
  background: #ff0;
  color: #000;
}
.general-layout small {
  font-size: 80%;
}
.general-layout sub,
.general-layout sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.general-layout sup {
  top: -0.5em;
}
.general-layout sub {
  bottom: -0.25em;
}
.general-layout img {
  border: 0;
}
.general-layout figure {
  margin: 1em 40px;
}
.general-layout hr {
  box-sizing: content-box;
  height: 0;
}
.general-layout pre {
  overflow: auto;
}
.general-layout code,
.general-layout kbd,
.general-layout pre,
.general-layout samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
.general-layout span.tip {
  color: #09c;
}
.general-layout .faqs {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 15px 10px 15px 40px;
}
.general-layout .faqs h2 {
  color: #09c;
  font-size: 21px;
  line-height: 1.5;
  margin-bottom: 10px;
  margin-left: -35px;
}
.app.account header {
  box-shadow: 0 2px 4px 0 rgba(204, 204, 204, 0.84);
  height: 110px;
  z-index: 150 !important;
}
.app.account header .logo {
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  height: 90px;
  margin-top: 0;
  top: 0;
  width: 210px;
}
.app.account header .hello {
  background-color: #09c;
  box-sizing: border-box;
  color: #fff;
  font-size: 14px;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  font-weight: 100;
  margin-bottom: 0;
  margin-top: 0;
  padding: 3px 10px;
}
.app.account header .hello span {
  font-weight: 400;
}
.app.account header .main-header {
  position: relative;
}
.app.account header .main-header ul {
  list-style: none;
  position: absolute;
  right: 0;
  top: 8px;
}
.app.account header .main-header ul li {
  display: inline-block;
  height: 70px;
  width: 100px;
}
.app.account header .main-header ul li a {
  color: #777;
  cursor: pointer;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 100%;
  transition: 0.2s;
  width: 100%;
}
.app.account header .main-header ul li a i {
  display: block;
  font-size: 35px;
  width: 100%;
}
.app.account header .main-header ul li a span {
  display: block;
  font-size: 13px;
  margin-top: 5px;
  width: 100%;
}
.app.account header .main-header ul li a.active,
.app.account header .main-header ul li a:hover {
  color: #09c;
}
.app.account .app-body {
  background-color: #e7e7e7;
}
.app.account .game-record-item {
  border-bottom: 1px solid #ccc;
  text-align: left;
}
.app.account .game-record-item .game {
  color: #282828;
  font-size: 16px;
  margin-left: 20px;
  padding: 20px 0;
  text-align: left;
  width: 100%;
}
.app.account .game-record-item .game:after {
  content: "";
}
.app.account .game-record-item .date {
  color: #aaa;
  font-size: 14px;
  padding: 20px 0;
  text-align: left;
  width: 100%;
}
.app.account .game-record-item .nrc-button {
  border-radius: 5px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  margin-right: 20px;
  margin-top: 13px;
  width: 240px;
}
.app.account .bank-card-view .title {
  color: #09c;
  font-size: 24px;
  text-align: center;
}
.app.account .bank-card-view .description {
  color: #777;
  margin-top: 14px;
  text-align: center;
}
.app.account .profile {
  display: flex;
  justify-content: space-between;
}
.app.account .profile > div:first-child {
  margin-right: 50px;
  width: 690px;
}
.app.account .profile > div:last-child {
  width: 440px;
}
.app.account .profile .box {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  height: 100px;
  padding-right: 20px;
}
.app.account .profile .box .title {
  background-image: linear-gradient(180deg, #787878, #3c3b3b);
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
  height: 100px;
  justify-content: center;
  padding: 0 16px;
  position: relative;
  width: 105px;
}
.app.account .profile .box .title:after {
  border-bottom: 99px solid #fff;
  border-left: 16px solid transparent;
  content: "";
  height: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.app.account .profile .box .price {
  color: #09c;
  flex: 1;
  font-size: 38px;
  font-weight: 300;
  line-height: 100px;
  text-align: right;
}
.app.account .profile .box .info {
  flex: 1;
  padding-left: 10px;
}
.app.account .profile .box .info .name {
  color: #777;
  margin: 10px 0 4px;
}
.app.account .profile .box .info .card-no {
  word-break: break-all;
}
.app.account .profile .box .info .bank,
.app.account .profile .box .info .card-no {
  color: #ccc;
  font-size: 14px;
}
.app.account .profile .box .btn {
  border: 1px solid #09c;
  border-radius: 5px;
  color: #09c;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  margin-left: 10px;
  text-align: center;
  width: 114px;
}
.app.account .profile .box .btn:hover {
  background-color: #09c;
  color: #fff;
}
.app.account .profile .box .currency {
  font-size: 14px;
}
.app.account .profile .box.wallets {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.app.account .profile .box.wallets .title {
  background-image: linear-gradient(0deg, #a82d50, #ce3e57);
}
.app.account .profile .box.bank-card {
  margin-bottom: 20px;
}
.app.account .profile .box .add-info {
  align-items: center;
  color: #09c;
  cursor: pointer;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: center;
}
.app.account .profile .box .add-info i {
  font-size: 22px;
  margin-right: 10px;
}
.app.account .profile .box .add-info .add-info-title {
  font-size: 20px;
  font-weight: 500;
}
.app.account .profile .box .add-info .add-info-dec {
  font-size: 14px;
}
.app.account .profile .bankDataBlock {
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 100px;
  margin-bottom: 20px;
  overflow: hidden;
}
.app.account .profile .bankDataBlock > :first-child,
.app.account .profile .bankDataBlock > :nth-child(2) {
  height: 100%;
}
.app.account .profile .bankDataBlock > :nth-child(2) {
  margin-left: 5px;
  width: 152px;
}
.app.account .profile .bankDataBlock > :nth-child(2) p {
  padding-top: 5px;
}
.app.account .profile .bankDataBlock > :nth-child(2) p:first-child {
  padding-top: 10px;
}
.app.account .profile .bankDataBlock > :nth-child(2) p:first-child,
.app.account .profile .bankDataBlock > :nth-child(2) p:last-child {
  color: #aaa;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.app.account .profile .bankDataBlock > :nth-child(2) p:nth-child(2) {
  color: #777;
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.app.account .profile .bankDataBlock > :last-child {
  margin-left: 20px;
  padding: 0 15px;
  width: 130px;
}
.app.account .profile .bankDataBlock > :first-child {
  background-image: linear-gradient(180deg, #9a9a9a, #878787);
  position: relative;
  width: 104.6px;
}
.app.account .profile .bankDataBlock > :first-child:after {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 0 100px 20px;
  height: 0;
  right: 0;
  top: 0;
  width: 0;
}
.app.account .profile .bankDataBlock > :first-child span {
  color: #d8d8d8;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  left: 14px;
  line-height: 1.44;
  position: absolute;
  top: 16px;
}
.app.account .profile .walletBlock {
  border: 1px solid #ccc;
  border-radius: 2px;
  height: 150px;
  margin-bottom: 30px;
  overflow: hidden;
}
.app.account .profile .walletBlock > * {
  height: 100%;
}
.app.account .profile .walletBlock > :first-child {
  background-image: linear-gradient(180deg, rgba(239, 191, 89, 0.96), #c79e47);
  position: relative;
  width: 104.6px;
}
.app.account .profile .walletBlock > :first-child:after {
  border-color: transparent transparent #fff;
  border-style: solid;
  border-width: 0 0 150px 20px;
  height: 0;
  right: 0;
  top: 0;
  width: 0;
}
.app.account .profile .walletBlock > :first-child span {
  color: #fff;
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  left: 14px;
  line-height: 1.44;
  position: absolute;
  top: 16px;
}
.app.account .profile .walletBlock > :last-child p {
  color: #09c;
  font-size: 48px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding-right: 25px;
  padding-top: 15px;
  width: 100%;
}
.app.account .profile .walletBlock > :last-child div {
  padding-bottom: 15px;
  padding-right: 15px;
}
.app.account .profile .walletBlock > :last-child div button {
  margin-left: 15px;
  padding: 0 17px;
  width: 83px;
}
.activate-account .container {
  height: 250px;
  width: 400px;
}
.activate-account .container h2 {
  font-size: 28px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 20px;
}
.common {
  text-align: center;
}
.common .promo-item {
  align-items: center;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  min-height: 70px;
  padding: 6px 0;
}
.common .promo-item > * {
  box-sizing: border-box;
  padding: 0 10px;
  word-break: break-word;
}
.common .promo-item .label {
  border-right: 1px dashed #ccc;
  flex: 1;
  text-align: left;
}
.common .promo-item .label .date {
  color: #aaa;
  font-size: 12px;
}
.common .promo-item .price {
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  width: 160px;
}
.common .promo-item .status {
  color: #222;
  font-size: 14px;
  text-align: center;
  width: 130px;
}
.common .promo-item .status.reject {
  color: #777;
}
.common .promo-item .status.claimed div {
  border: 1px solid #09c;
  border-radius: 5px;
  color: #09c;
  height: 36px;
  line-height: 36px;
  width: 110px;
}
.common .promo-item .status.claimed div:before {
  content: "";
  font-family: iconmps;
  font-size: 20px;
  vertical-align: top;
}
.common .promo-item .status .timer {
  font-size: 12px;
  margin-top: 5px;
}
.common .promo-item .status .timer .count-down-timer {
  margin-left: 6px;
}
.common .promo-item .status .wait-for-claim {
  background-color: #09c;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  width: 110px;
}
.common .promos-btn {
  border: 1px solid #777;
  border-radius: 100px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  margin: 18px auto;
  min-width: 110px;
  padding: 0 12px;
  text-align: center;
}
.promos-modal {
  background-color: #fff;
  border-radius: 5px;
  height: 90%;
  max-height: 940px;
  max-width: 960px;
  min-height: 500px;
  position: absolute;
  width: 90%;
}
.promos-modal .close {
  background-color: #000;
  border: 1px solid #303030;
  border-radius: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 28px;
  height: 38px;
  line-height: 40px;
  position: absolute;
  right: -16px;
  text-align: center;
  top: -14px;
  width: 38px;
}
.promos-modal .header {
  background-color: #303030;
  box-sizing: border-box;
  color: #222;
  font-size: 24px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
.promos-modal .main {
  height: 400px;
  height: calc(100% - 160px);
  margin: 20px auto;
  overflow-y: auto;
  width: 80%;
}
.promos-modal .footer {
  text-align: center;
}
.claimed-modal {
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 360px;
  justify-content: center;
  width: 500px;
}
.claimed-modal .icon {
  background: url(/wp-content/themes/wordpress/thuvienanh/promotion-sucessful-icon.png)
    50%/100% no-repeat;
  height: 82px;
  width: 82px;
}
.claimed-modal .price {
  color: #09c;
  font-size: 42px;
  font-weight: 600;
}
.claimed-modal .title {
  color: #222;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 25px;
}
.claimed-modal .button {
  background-color: #09c;
  border-radius: 100px;
  color: #fff;
  cursor: pointer;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 150px;
}
.item-inbox,
.item-mission {
  position: relative;
}
.item-inbox .msg-notification,
.item-mission .msg-notification {
  animation: anidot 2s linear infinite both;
  background-color: #f40;
  border-radius: 50%;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9);
  color: #ca1b2c;
  display: block;
  height: 12px !important;
  position: absolute;
  right: 30px;
  top: 3px;
  width: 12px !important;
  z-index: 1;
}
@keyframes aninoti {
  0% {
    transform: translateX(0);
  }
  3% {
    transform: translateX(-2px);
  }
  6% {
    transform: translateX(0);
  }
  9% {
    transform: translateX(2px);
  }
  12% {
    transform: translateX(-2px);
  }
  13% {
    transform: translateX(0);
  }
}
@keyframes anidot {
  0% {
    transform: scale(0);
  }
  11% {
    transform: scale(0);
  }
  19% {
    transform: scale(1.8);
  }
  22% {
    transform: scale(1);
  }
  95% {
    transform: scale(1);
  }
  to {
    transform: scale(0);
  }
}
.account .modal.confirm-body-modal .body .nrc-form-item .nrc-form-label {
  width: 35%;
}
.account .modal.confirm-body-modal .body .nrc-form-item .nrc-form-input {
  width: 65%;
}
.nrc-form .nrc-form-item {
  align-items: center;
}
.red-envelope.BLACK .promos-modal {
  color: initial;
}
.deposit-list .deposite-head {
  padding: 20px 0 15px;
  text-align: center;
}
.deposit-list .deposite-head h2 {
  color: #09c;
  font-size: 24px;
  line-height: 1.8;
}
.deposit-list .deposite-head p {
  color: #777;
  font-size: 14px;
  letter-spacing: 3px;
}
.deposit-list .options {
  display: flex;
  flex-wrap: wrap;
}
.deposit-list .options.overflow .option-item .section-block-option {
  padding: 55px 10px 10px;
  position: relative;
  text-align: center;
}
.deposit-list .options.overflow .option-item .section-block-option h3 {
  font-size: 15px;
  line-height: 21px;
  margin: 5px 0 0;
}
.deposit-list .options.overflow .option-item .section-block-option small {
  font-size: 11px;
  line-height: 15px;
}
.deposit-list .options.overflow .option-item .section-block-option:before {
  font-size: 40px;
  height: 60px;
  left: 0;
  top: 0;
  transform: none;
  width: 100% !important;
}
.deposit-list .options > div {
  margin-bottom: 0;
  padding: 0;
}
.deposit-list .options > div img {
  height: 100%;
}
.deposit-list .options > div .section-block {
  height: calc(100% - 20px);
  padding: 10px 15px 10px 5px;
  width: 100%;
}
.deposit-list .options > div .section-block p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
  padding: 0 15px;
}
.deposit-list .options .option-item {
  align-items: center;
  display: flex;
  flex: 1;
  margin: 0 4px 5px;
  min-height: 100px;
  overflow: hidden;
  position: relative;
  transition: 0.2s;
}
.deposit-list .options .option-item:first-child {
  margin-left: 0;
}
.deposit-list .options .option-item:last-child {
  margin-right: 0;
}
.deposit-list .options .option-item:hover {
  background-color: #ebebeb;
  box-shadow: inset 0 0 0 1px #09c, 0 0 2px rgba(0, 0, 0, 0.5);
}
.deposit-list .options .option-item .section-block-option {
  box-sizing: border-box;
  cursor: pointer;
  height: auto;
  left: 0;
  padding: 0 10px 0 75px;
  top: 0;
  transition: 0.2s;
  width: 100%;
}
.deposit-list .options .option-item .section-block-option h3 {
  color: #535353;
  font-size: 20px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.1;
}
.deposit-list .options .option-item .section-block-option small {
  font-size: 13px;
  font-weight: 100;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.deposit-list .options .option-item .section-block-option:before {
  align-items: center;
  display: flex;
  font-family: iconmps !important;
  font-size: 40px;
  height: 60px;
  justify-content: center;
  left: 10px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
}
.deposit-list .options .option-item .section-block-option.WEIXIN:before,
.deposit-list .options .option-item .section-block-option.WEIXIN small {
  color: #00b049;
}
.deposit-list .options .option-item .section-block-option.WEIXIN:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.ALIPAY:before,
.deposit-list .options .option-item .section-block-option.ALIPAY small {
  color: #00a8f1;
}
.deposit-list .options .option-item .section-block-option.ALIPAY:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.QQ:before,
.deposit-list .options .option-item .section-block-option.QQ small {
  color: #201c2a;
}
.deposit-list .options .option-item .section-block-option.QQ:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/qq.svg) 50% / auto
    40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.CREDIT_CARD:before,
.deposit-list .options .option-item .section-block-option.CREDIT_CARD small {
  color: #00468e;
}
.deposit-list .options .option-item .section-block-option.CREDIT_CARD:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.ONLINE_BANKING:before,
.deposit-list .options .option-item .section-block-option.ONLINE_BANKING small {
  color: #21d1a2;
}
.deposit-list
  .options
  .option-item
  .section-block-option.ONLINE_BANKING:before {
  content: "";
}
.deposit-list
  .options
  .option-item
  .section-block-option.COMPANY_DEPOSIT:before,
.deposit-list
  .options
  .option-item
  .section-block-option.COMPANY_DEPOSIT
  small {
  color: #ec7d00;
}
.deposit-list
  .options
  .option-item
  .section-block-option.COMPANY_DEPOSIT:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.DEBIT_CARD:before,
.deposit-list .options .option-item .section-block-option.DEBIT_CARD small {
  color: #2867aa;
}
.deposit-list .options .option-item .section-block-option.DEBIT_CARD:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.JDPAY:before,
.deposit-list .options .option-item .section-block-option.JDPAY small {
  color: #222;
}
.deposit-list .options .option-item .section-block-option.JDPAY:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN:before,
.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN small {
  color: #183074;
}
.deposit-list .options .option-item .section-block-option.UNIONPAY_SCAN:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/unionpay.svg) 50%/45px
    auto no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.MOMOPAY:before,
.deposit-list .options .option-item .section-block-option.MOMOPAY small {
  color: #b30f73;
}
.deposit-list .options .option-item .section-block-option.MOMOPAY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/momo.svg) 50% /
    auto 45px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.PROMPTPAY:before,
.deposit-list .options .option-item .section-block-option.PROMPTPAY small {
  color: #1aa797;
}
.deposit-list .options .option-item .section-block-option.PROMPTPAY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/prompt.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.PAYTM:before,
.deposit-list .options .option-item .section-block-option.PAYTM small {
  color: #1b386c;
}
.deposit-list .options .option-item .section-block-option.PAYTM:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/paytm.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.NETELLER:before,
.deposit-list .options .option-item .section-block-option.NETELLER small {
  color: #88b801;
}
.deposit-list .options .option-item .section-block-option.NETELLER:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/neteller.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.SKRILL:before,
.deposit-list .options .option-item .section-block-option.SKRILL small {
  color: #7f2371;
}
.deposit-list .options .option-item .section-block-option.SKRILL:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/skrill.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.UPI:before,
.deposit-list .options .option-item .section-block-option.UPI small {
  color: #eb7207;
}
.deposit-list .options .option-item .section-block-option.UPI:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/upi.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.GPAY:before,
.deposit-list .options .option-item .section-block-option.GPAY small {
  color: #ea4335;
}
.deposit-list .options .option-item .section-block-option.GPAY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/gpay.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.PHONEPE:before,
.deposit-list .options .option-item .section-block-option.PHONEPE small {
  color: #6739b7;
}
.deposit-list .options .option-item .section-block-option.PHONEPE:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/phonepe.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.BHIM:before,
.deposit-list .options .option-item .section-block-option.BHIM small {
  color: #eb7207;
}
.deposit-list .options .option-item .section-block-option.BHIM:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/bhim.png) 50% /
    auto 40px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.ZALOPAY:before,
.deposit-list .options .option-item .section-block-option.ZALOPAY small {
  color: #118acb;
}
.deposit-list .options .option-item .section-block-option.ZALOPAY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/zalopay.svg) 50% /
    auto 45px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.QR_BANK:before,
.deposit-list .options .option-item .section-block-option.QR_BANK small {
  color: #118acb;
}
.deposit-list .options .option-item .section-block-option.QR_BANK:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/icon-wbscan.svg)
    50% / auto 45px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.VIETTELPAY:before,
.deposit-list .options .option-item .section-block-option.VIETTELPAY small {
  color: #0e8682;
}
.deposit-list .options .option-item .section-block-option.VIETTELPAY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/viettelpay.svg)
    50% / auto 95% no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.MPURSE:before,
.deposit-list .options .option-item .section-block-option.MPURSE small {
  color: #118613;
}
.deposit-list .options .option-item .section-block-option.MPURSE:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/mpurse.png) 50% /
    auto 48px no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.SCRATCHCARD:before,
.deposit-list .options .option-item .section-block-option.SCRATCHCARD small {
  color: #ff570d;
}
.deposit-list .options .option-item .section-block-option.SCRATCHCARD:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/scratch.png) 50% /
    auto 90% no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.EXPRESSPAY:before,
.deposit-list .options .option-item .section-block-option.EXPRESSPAY small {
  color: #eb5e1d;
}
.deposit-list .options .option-item .section-block-option.EXPRESSPAY:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.baidu:before,
.deposit-list .options .option-item .section-block-option.baidu small {
  color: #c90302;
}
.deposit-list .options .option-item .section-block-option.baidu:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/baidu.png) 50%/40px
    auto no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.huabei:before,
.deposit-list .options .option-item .section-block-option.huabei small {
  color: #009bdf;
}
.deposit-list .options .option-item .section-block-option.huabei:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/huabei.png) 50%/45px
    auto no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.YIYOU:before,
.deposit-list .options .option-item .section-block-option.YIYOU small {
  color: #f60;
}
.deposit-list .options .option-item .section-block-option.YIYOU:before {
  content: "";
  font-size: 45px;
}
.deposit-list .options .option-item .section-block-option.CRYPTO:before,
.deposit-list .options .option-item .section-block-option.CRYPTO small {
  color: #f90;
}
.deposit-list .options .option-item .section-block-option.CRYPTO:before {
  content: "";
}
.deposit-list .options .option-item .section-block-option.QUICKPASS:before,
.deposit-list .options .option-item .section-block-option.QUICKPASS small {
  color: #f7261e;
}
.deposit-list .options .option-item .section-block-option.QUICKPASS:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/qpass.png) 50%/45px
    auto no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.GCASH:before,
.deposit-list .options .option-item .section-block-option.GCASH small {
  color: #115faf;
}
.deposit-list .options .option-item .section-block-option.GCASH:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/gcash.png) 50%/45px
    auto no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.TRUEMONEY:before,
.deposit-list .options .option-item .section-block-option.TRUEMONEY small {
  color: #ed1c24;
}
.deposit-list .options .option-item .section-block-option.TRUEMONEY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/truemoney.png) 50%/45px
    auto no-repeat;
  color: transparent;
  content: "";
}
.deposit-list .options .option-item .section-block-option.CRYPTOH5:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/crypto.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.USDT:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/usdt.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.GRABPAY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/grabpay.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.PAYMAYA:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/paymaya.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.REMIT:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/remit.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.PAYLORO:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/payloro.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.NAGAD:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/nagad.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.BKASH:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/bkash.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.ROCKET:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/rocket.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .options .option-item .section-block-option.UPAY:before {
  background: url(/wp-content/themes/wordpress/thuvienanh/upay.png) 50% /
    auto 36px no-repeat;
  content: "";
  height: 36px;
  width: 36px;
}
.deposit-list .list {
  margin-top: 30px;
}
.deposit-list .list .nrc-table-column .nrc-button {
  border-radius: 5px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0 10px;
  width: 70px;
}
.deposit-list .list .deposit-id-col {
  display: flex;
}
.deposit-list .list .deposit-id-col .text-overflow {
  margin-right: 5px;
  width: 130px;
}
.deposit-list .list .deposit-id-col .deposit-id-copy.copy-text {
  width: auto;
}
.deposit-list
  .list
  .deposit-id-col
  .deposit-id-copy.copy-text
  .__react_component_tooltip {
  background-color: #909090;
  line-height: 1;
  width: 100px;
}
.deposit-list .list .__react_component_tooltip {
  height: auto;
  width: 200px;
  word-break: break-all;
}
.description h2 {
  color: #09c;
  font-size: 24px;
  margin-bottom: 12px;
}
.description h2,
.description p {
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.description p {
  color: #777;
  font-size: 14px;
  line-height: 1.71;
}
.description p a {
  color: #09c;
  text-decoration: none;
}
.description p a:hover {
  text-decoration: underline;
}
.deposit-add {
  padding: 0 !important;
}
.deposit-add .step {
  padding: 56px 0;
}
.deposit-add .quota {
  align-items: center;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  display: flex;
  height: 85px;
  justify-content: center;
  margin: 20px auto 0;
  width: 638px;
}
.deposit-add .quota .quota-block {
  border-right: 1px solid #d8d8d8;
  height: 100%;
  text-align: center;
  width: 50%;
}
.deposit-add .quota .quota-block h4 {
  color: #777;
  font-size: 14px;
  margin-top: 13px;
}
.deposit-add .quota .quota-block .quota-amount {
  color: #000;
  font-size: 26px;
  line-height: 1.6;
}
.deposit-add .quota .quota-block:last-of-type {
  border-right: 0 solid #d8d8d8;
}
.deposit-add.online {
  padding: 57px 0 !important;
}
.deposit-add.online .nrc-form {
  margin-top: 36px;
}
.deposit-add.online .nrc-form .nrc-form-input.secure input {
  margin-right: 0;
}
.deposit-add.online .cover-wrapper {
  background: rgba(0, 0, 0, 0.8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.deposit-add.online .cover-wrapper p {
  color: #ccc;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.deposit-add.online .cover-wrapper.qrcode h3 {
  color: #09c;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 20px;
}
.deposit-add.online .cover-wrapper.qrcode p {
  color: #777;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
}
.deposit-add.online .cover-wrapper.qrcode canvas {
  margin-top: 20px;
}
.deposit-add .countdown-container {
  top: 100px;
}
.deposit-min-max-block {
  border: 1px solid rgba(204, 204, 204, 0.5);
  border-radius: 5px;
  height: 86px;
  margin: 22px auto 0;
  width: 640px;
}
.deposit-min-max-block > div {
  height: 86px;
  width: 50%;
}
.deposit-min-max-block > div:first-child {
  border-right: 1px solid rgba(204, 204, 204, 0.5);
}
.deposit-min-max-block > div p:first-child {
  color: #777;
  font-size: 14px;
  line-height: 1.71;
}
.deposit-min-max-block > div p:last-child {
  color: #000;
  font-size: 26px;
}
.successSection > div:first-child {
  margin: 47px 0;
}
.successSection > div:first-child img {
  width: 152px;
}
.successSection > div:first-child div {
  margin-left: 43px;
  width: 380px;
}
.successSection > div:first-child div h3 {
  color: #616161;
  font-size: 22px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 14px;
}
.successSection > div:first-child div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
}
.successSection > div:last-child {
  padding-bottom: 80px;
}
.successSection > div:last-child button {
  margin: 0 10px;
}
.successSection .resume-details {
  background-color: #eee;
  border-radius: 5px;
  margin: 36px auto;
  padding: 36px;
  width: 529px;
}
.successSection .resume-details p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.successSection .resume-details p:last-child {
  color: #222;
}
.deposit-service-online {
  padding-bottom: 0;
}
.deposit-service-online .non-selected-bank {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  width: 227px;
}
.deposit-service-online .instruction p {
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}
.deposit-service-online .instruction p span {
  color: #09c;
}
.deposit-service-online .rules {
  background-color: rgba(237, 237, 237, 0.15);
  border: 1px solid #eee;
  margin: 20px auto;
  min-height: 134px;
  padding: 32px 30px;
  width: 776px;
}
.deposit-service-online .rules p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 26px;
}
.deposit-service-online .rules p:first-child {
  color: #222;
}
.deposit-service-online .rules p a {
  color: #09c;
  text-decoration: none;
}
.deposit-service-online .rules p a:hover {
  text-decoration: underline;
}
.deposit-service-online .nrc-form-input.nrc-radio small {
  display: none;
}
.deposit-service-online .button-group-wrapper {
  margin-left: 20px;
}
.deposit-service-online .button-group-wrapper button {
  border-radius: 5px;
  font-size: 14px;
  height: 35px;
  margin: 0 10px;
  padding: 0;
  width: 55px;
}
.deposit-service-online .image-limitations {
  margin-left: 320px;
  margin-top: -20px;
}
.deposit-service-online .image-limitations li {
  color: #999;
  font-size: 12px;
}
.collection-infos-block {
  border: 1px solid rgba(204, 204, 204, 0.5);
  border-radius: 5px;
  height: 196px;
  margin: 14px auto;
  width: 640px;
}
.collection-infos-block > div {
  margin-bottom: 13px;
}
.collection-infos-block > div:first-child {
  margin-top: 13px;
}
.collection-infos-block > div button,
.collection-infos-block > div p {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.collection-infos-block > div button {
  background-color: transparent;
  border: 1px solid #09c;
  border-radius: 5px;
  color: #09c;
  height: 32px;
  padding: 0;
  position: relative;
  width: 87px;
}
.collection-infos-block > div button:hover {
  color: #fff;
}
.collection-infos-block > div button i {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.collection-infos-block > div button i:before {
  content: "";
}
.collection-infos-block > div p:first-child {
  color: #777;
  width: 110px;
}
.collection-infos-block > div p:nth-child(2) {
  color: #222;
  width: 360px;
}
.collection-infos-block > div p:nth-child(3) {
  height: 32px;
  margin-right: 30px;
  width: 87px;
}
.wechat-qrcode-container {
  background-color: #fff;
  margin: 20px auto 0;
  padding: 20px;
  width: 400px;
}
.wechat-qrcode-container img,
.wechat-qrcode-container p {
  display: block;
  margin-bottom: 20px;
}
.wechat-qrcode-container img {
  width: 100%;
}
.wechat-qrcode-container .copy-text {
  display: inline-block;
}
.third-party-payment-bank-code .receive-va-copy .value {
  flex: 1;
}
.third-party-payment-bank-code .receive-va-copy .nrc-button {
  margin-left: 10px;
  margin-top: -12px;
}
.hover-container.login .nrc-form .nrc-form-item {
  display: block !important;
  position: relative;
}
.hover-container.login .nrc-form .nrc-form-item .nrc-form-label {
  display: none;
}
.hover-container.login .nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 0;
}
.hover-container.login .nrc-form .nrc-form-item .nrc-form-input input {
  margin-right: 0;
  width: 100%;
}
.hover-container.login .nrc-form .nrc-form-item small.invalid-msg {
  color: #d22323;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.hover-container.login .forget-options span {
  margin: 5px;
}
.hover-container.login .nrc-form-password > div {
  position: relative;
  width: 100%;
}
.hover-container.login .nrc-form-password > div i {
  color: #777;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  user-select: none;
}
.confirmation .infos .resume-details {
  padding: 24px 0;
}
.confirmation .infos .resume-details div div,
.confirmation .infos .resume-details div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  padding-bottom: 10px;
}
.confirmation .infos .resume-details div div:first-child,
.confirmation .infos .resume-details div p:first-child {
  padding-left: 40px;
}
.confirmation .infos .resume-details div div:last-child,
.confirmation .infos .resume-details div p:last-child {
  color: #222;
}
.confirmation-deposit-popup .container {
  overflow: visible !important;
}
.confirmation-deposit-popup .header {
  background-color: #eee !important;
  height: 110px !important;
  position: relative;
}
.confirmation-deposit-popup .header h2 {
  color: #222 !important;
  width: 100%;
}
.confirmation-deposit-popup .header .close {
  cursor: pointer;
  position: absolute;
  right: -15px;
  top: -15px;
}
.confirmation-deposit-popup .content {
  max-height: 70vh;
  overflow-y: auto;
}
.confirmation-deposit-popup .infos .resume-details {
  padding: 24px 0;
}
.confirmation-deposit-popup .infos .resume-details div div,
.confirmation-deposit-popup .infos .resume-details div p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.71;
  padding-bottom: 10px;
}
.confirmation-deposit-popup .infos .resume-details div div:first-child,
.confirmation-deposit-popup .infos .resume-details div p:first-child {
  padding-left: 40px;
}
.confirmation-deposit-popup .infos .resume-details div div:last-child,
.confirmation-deposit-popup .infos .resume-details div p:last-child {
  color: #222;
}
.confirmation-deposit-popup .footer {
  background-color: #eee;
  height: 110px;
}
.confirmation-deposit-popup .footer button:first-child {
  margin-right: 20px;
}
.withdraw-list {
  line-height: 1;
  max-width: 1280px;
}
.withdraw-list label[for="withdrawalamt"] {
  white-space: nowrap;
}
.withdraw-list .boxes-container {
  flex: 2;
  margin-right: 23px;
  margin-top: 0;
  padding: 30px 50px;
}
.withdraw-list .boxes-container h3 {
  color: #09c;
  font-size: 26px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 10px;
}
.withdraw-list .boxes-container:last-child {
  flex: 1;
  margin-right: 0;
}
.withdraw-list .deduction-comment {
  color: #999;
  font-size: 14px;
  margin: 10px 0;
}
.withdraw-list .boxes > div {
  border: 1px solid #eee;
  border-radius: 6px;
  margin-right: 20px;
  position: relative;
}
.withdraw-list .boxes > div:last-child {
  margin-right: 0;
}
.withdraw-list .boxes > div > div:first-child {
  padding: 10px;
}
.withdraw-list .boxes > div > div:first-child button {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 100;
  color: #ccc;
  cursor: auto;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 26px;
  padding: 0 10px;
  width: auto;
}
.withdraw-list .boxes > div > div:first-child button.active {
  border-color: #09c;
  color: #09c;
}
.withdraw-list .boxes > div h4 {
  background: top/auto 70px no-repeat;
  color: #999;
  font-size: 18px;
  height: 25px;
  margin-top: -10px;
  padding-top: 70px;
}
.withdraw-list .boxes > div.generalfee,
.withdraw-list .boxes > div.promofee {
  height: 190px;
  width: 300px;
}
.withdraw-list .boxes > div.generalfee > .total,
.withdraw-list .boxes > div.promofee > .total {
  border-top: 2px dotted #ccc;
  bottom: 0;
  box-sizing: border-box;
  height: 50px;
  left: 0;
  padding: 0 10px;
  position: absolute;
  width: 100%;
}
.withdraw-list .boxes > div.generalfee > .total p,
.withdraw-list .boxes > div.promofee > .total p {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 27px;
}
.withdraw-list .boxes > div.generalfee > .total p:last-child,
.withdraw-list .boxes > div.promofee > .total p:last-child {
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-left: 10px;
}
.withdraw-list .boxes > div.generalfee.has-money > div:first-child button,
.withdraw-list .boxes > div.promofee.has-money > div:first-child button {
  border-color: #09c;
  color: #09c;
}
.withdraw-list .boxes > div.generalfee.has-money > div:last-child p:last-child,
.withdraw-list .boxes > div.promofee.has-money > div:last-child p:last-child {
  color: #09c;
}
.withdraw-list .boxes > div.promofee h4 {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/ic-icon-promofee.png);
}
.withdraw-list .boxes > div.promofee.has-money h4 {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/ic-icon-promofee-gold.png);
  color: #09c;
}
.withdraw-list .boxes > div.generalfee h4 {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/ic-icon-generalfee.png);
}
.withdraw-list .boxes > div.generalfee.has-money h4 {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/ic-icon-generalfee-gold.png);
  color: #09c;
}
.withdraw-list .form .my-main-wallet {
  margin-bottom: 14px;
}
.withdraw-list .form .my-main-wallet p {
  color: #777;
}
.withdraw-list .form .my-main-wallet p:first-child {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.withdraw-list .form .my-main-wallet p:last-child {
  font-size: 30px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.withdraw-list .form .nrc-form-item {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
  position: relative;
}
.withdraw-list .form .nrc-form-item .nrc-form-label {
  display: inline-block;
  left: 0;
  top: 0;
  width: auto;
}
.withdraw-list .form .nrc-form-item .nrc-form-label label:after {
  display: none;
}
.withdraw-list .form .nrc-form-item .nrc-form-input input {
  margin-right: 0;
  width: 100%;
}
.withdraw-list .form .nrc-form-item .nrc-form-input small {
  font-size: 11px;
  line-height: 1.2;
  margin: 5px 0;
  width: auto;
}
.withdraw-list .form .total-deduction {
  color: #777;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 36px;
}
.withdraw-list .form .actual-withdrawal {
  border-top: 1px dotted #777;
  margin-top: 6px;
  padding-top: 6px;
}
.withdraw-list .form .actual-withdrawal p:first-child {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.withdraw-list .form .actual-withdrawal p:first-child span {
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.withdraw-list .form .actual-withdrawal p:last-child {
  color: #09c;
  font-size: 36px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.withdraw-list .form p.invalid-msg {
  color: #d22323;
  font-size: 11px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-align: right;
  width: auto;
}
.withdraw-list .penalty-block {
  height: 330px;
}
.withdraw-list .withdrawal-block {
  height: 330px;
  margin-right: 0;
  overflow: hidden;
  position: relative;
}
.withdraw-list .withdrawal-block .disallowed-withdraw {
  align-content: center;
  align-items: center;
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
  background-color: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}
.withdraw-list .withdrawal-block .disallowed-withdraw > .icon {
  width: 100%;
}
.withdraw-list .withdrawal-block .disallowed-withdraw .disallowed-message {
  line-height: 1.6;
  margin: 16px 0 0;
  max-height: 190px;
  overflow: auto;
  text-align: center;
  white-space: pre-wrap;
}
.withdraw-list .withdrawal-block > .form {
  height: 95%;
  position: relative;
}
.withdraw-list .withdrawal-block > .form .withdraw-btn {
  bottom: 10px;
  position: absolute;
  width: 100%;
}
.nrc-table .nrc-table-row.gray .nrc-table-column {
  color: #ccc;
}
.finan-history .search-form {
  background-color: #f5f5f5;
  margin-top: 24px;
}
.finan-history .search-form .form-tips {
  color: red;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin: 16px 0 -6px;
}
.finan-history .search-form .nrc-form-item {
  margin: 16px 20px 16px 0;
}
.finan-history .search-form .nrc-form-item .nrc-form-label {
  width: auto;
}
.finan-history .search-form .nrc-form-item .nrc-form-input {
  margin-left: 10px;
  width: 70%;
}
.finan-history .search-form .nrc-form-item .nrc-form-input input {
  margin: 0 10px;
  width: 180px;
}
.finan-history .search-form .nrc-button {
  margin-top: 21px;
}
.finan-history .search-form small {
  display: none;
}
.finan-history .point-block {
  align-items: center;
  background-color: #f5f5f5;
  padding: 5px;
}
.finan-history .point-block .activity-points {
  color: #535353;
  font-size: 14px;
  margin: 0 20px 0 0;
}
.finan-history .point-block .activity-points span {
  font-weight: 300;
  vertical-align: middle;
}
.finan-history .point-block .activity-points span:last-child {
  color: #c72828;
  font-size: 20px;
  margin: 0 0 0 10px;
}
.finan-history .point-block .point-tooltip {
  color: #e94951;
  font-size: 12px;
}
.finan-history .point-block .point-tooltip span {
  vertical-align: middle;
}
.finan-history .list .nrc-table-column .nrc-button {
  border-radius: 5px;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0 10px;
  width: 70px;
}
.finan-history .__react_component_tooltip {
  height: auto;
  width: 200px;
  word-break: break-all;
}
.game-history .search-form {
  background-color: #f5f5f5;
  margin-top: 24px;
}
.game-history .search-form .form-tips {
  color: red;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin-bottom: -5px;
}
.game-history .search-form .nrc-form-item {
  margin: 16px 20px 16px 0;
}
.game-history .search-form .nrc-form-item .nrc-form-label {
  width: auto;
}
.game-history .search-form .nrc-form-item .nrc-form-input {
  margin-left: 10px;
  width: 70%;
}
.game-history .search-form .nrc-form-item .nrc-form-input input {
  margin: 0 10px;
  width: 150px;
}
.game-history .search-form small {
  display: none;
}
.game-history .game-history-list .win {
  color: #535353;
}
.game-history .game-history-list .loss {
  color: #d22323;
}
.game-history .nrc-form .nrc-form-item .nrc-form-label label {
  white-space: nowrap;
}
.inbox .unread {
  color: #222;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
}
.inbox .inbox-list {
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
  margin: 0 10% 5%;
  padding: 35px 50px;
  position: relative;
}
.inbox .inbox-list .refresh-btn {
  position: absolute;
  right: 0;
  top: -50px;
}
.inbox .inbox-list .refresh-btn .nrc-button {
  background-color: rgba(0, 0, 0, 0.3);
  border-color: #fff;
  font-size: 0;
  padding: 0;
  text-align: center;
  width: 36px;
}
.inbox .inbox-list .refresh-btn .nrc-button i {
  color: #fff;
  font-size: 18px;
}
.inbox .inbox-list .delete-btn {
  color: #09c;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.inbox .inbox-list .delete-btn.disabled {
  color: #aaa;
  cursor: not-allowed;
}
.inbox .inbox-list .delete-btn i {
  font-size: 16px;
  margin: 4px;
}
.inbox .inbox-detail {
  height: 80vh;
  overflow-y: auto;
  width: 75vw;
  word-break: break-all;
}
.inbox .inbox-detail .header {
  background-color: #eee;
  min-height: 80px;
  padding: 10px 30px;
}
.inbox .inbox-detail .header .title {
  color: #09c;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  margin-bottom: 16px;
}
.inbox .inbox-detail .header .date {
  color: #535353;
  font-size: 12px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.inbox .inbox-detail .content {
  word-wrap: break-word;
  line-height: 1.5;
  padding: 20px 30px;
  white-space: pre-wrap;
}
.withdrawal-add .tips {
  color: #aaa;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 20px;
  margin-left: 320px;
  min-height: 1px;
  width: 400px;
}
.withdrawal-add .tips p span {
  color: #09c;
}
.withdrawal-add .tips .tip-left p:not(:last-child) {
  margin-bottom: 10px;
}
.withdrawal-add .nrc-form .nrc-form-item {
  margin-bottom: 15px !important;
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-menu-outer {
  width: 430px;
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-control {
  width: 430px !important;
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) .Select-option {
  max-width: inherit;
  width: 430px;
}
.withdrawal-add .nrc-form .nrc-form-item:nth-child(6) small {
  display: none;
}
.withdrawal-add
  .nrc-form
  .nrc-form-item.withdrawalamount
  .nrc-form-input
  input {
  width: 334px !important;
}
.withdrawal-add .nrc-form .nrc-form-item.withdrawalamount small {
  width: 350px;
}
.withdrawal-add .separate-line {
  margin: 20px auto;
  width: 900px;
}
.news {
  color: #fff;
  font-size: 19px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  position: absolute;
  top: 0;
}
.news .main-wrap {
  background: transparent !important;
}
.news.marquee-wrap .marquee-content {
  padding-left: 100vw;
}
.news.marquee-wrap .marquee-item:first-child {
  margin-left: 100px;
}
.news.marquee-wrap .marquee-item:last-child {
  margin-right: 0;
}
.news .news-inner {
  margin-left: 20px;
}
.news .news-bar-desc {
  margin-left: 10px;
}
.news-title {
  color: #ffd800;
  line-height: 41px;
  padding-left: 15px;
  position: absolute;
  top: 0;
}
.news-title i {
  font-size: 24px;
  margin-right: 5px;
  vertical-align: middle;
}
.news-list-wrap {
  max-height: 70vh;
  overflow-y: auto;
}
.news-list-wrap em {
  font-style: italic;
}
.news-list-wrap strong {
  font-weight: 700;
}
.news-list {
  width: 600px;
}
.news-list .news-item {
  display: flex;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding: 30px 40px;
}
.news-list .news-item .time-column {
  color: #09c;
  flex-grow: 2;
  width: 130px;
}
.news-list .news-item .des-column {
  color: #777;
  white-space: pre-wrap;
  width: 400px;
  word-break: break-word;
}
.news-list .news-item:nth-child(2n) {
  background-color: #f5f5f5;
}
.news-list .news-item:nth-child(odd) {
  background-color: #fff;
}
.no-news {
  color: #777;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.transfers-page .nrc-form {
  margin-bottom: 15px;
}
.transfers-page .nrc-form .nrc-form-item {
  margin-bottom: 0;
}
.transfers-page .nrc-form small {
  display: none;
}
.transfers-page .nrc-form .nrc-form-label {
  width: auto !important;
}
.transfers-page .nrc-form .nrc-form-label label:after {
  display: none;
}
.transfers-page .nrc-form .nrc-form-input {
  margin-left: 0 !important;
}
.transfers-page .nrc-form .Select,
.transfers-page .nrc-form input {
  margin-right: 10px !important;
}
.transfers-page .walletTransfer {
  padding-bottom: 40px;
}
.transfers-page .walletTransfer > div {
  height: 70px;
  width: calc(50% - 10px);
}
.transfers-page .walletTransfer > div:nth-child(odd) {
  margin-right: 10px;
}
.transfers-page .walletTransfer > div:nth-child(2n) {
  margin-left: 10px;
}
.transfers-page .walletTransfer > div p {
  font-size: 18px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.transfers-page .walletTransfer > div p:first-child {
  color: #282828;
  margin-left: 24px;
}
.transfers-page .walletTransfer > div p:last-child {
  color: #777;
  margin-right: 16px;
}
.transfers-page .walletTransfer > div p:last-child button {
  background-color: transparent;
  border: 2px solid #777;
  border-radius: 5px;
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: 36px;
  padding: 0;
  width: 84.9px;
}
.transfers-page .walletTransfer > div p:last-child span {
  padding-right: 14px;
}
.transfers-page .walletTransfer > div.grey {
  background-color: #f5f5f5;
}
.transfers-page .walletTransfer > div:first-child p:first-child {
  background-image: linear-gradient(180deg, rgba(239, 191, 89, 0.96), #09c);
  color: #fff;
  height: calc(100% - 10px);
  line-height: 1.44;
  margin-left: 0;
  padding-left: 21px;
  padding-top: 10px;
  position: relative;
  width: 88px;
}
.transfers-page .walletTransfer > div:first-child p:first-child:after {
  border-color: transparent transparent #f5f5f5;
  border-style: solid;
  border-width: 0 0 70px 15px;
  height: 0;
  right: 0;
  top: 0;
  width: 0;
}
.transfers-page .walletTransfer > div:first-child p:last-child button {
  border-color: #09c;
  color: #09c;
}
.transfers-page .walletTransfer > div:first-child p:last-child span {
  color: #09c;
  font-size: 46px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  padding-right: 0;
}
.transfers-page .transfer-popup {
  height: 180px;
  width: 380px;
}
.transfers-page .transfer-popup div p {
  color: #282828;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.75;
}
.transfers-page .transfer-popup div i {
  margin: 0 10px;
}
.transfers-page .transfer-popup .amount {
  color: #09c;
  font-size: 46px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin: 12px 0;
}
.transfers-page .transfer-popup .sure {
  color: #777;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 34px;
}
.transfers-page .transfer-popup button {
  width: 150px;
}
.transfers-page .transfer-popup button:first-child {
  margin-right: 38px;
}
.app-body .signup {
  margin-top: 100px;
}
.app-body .signup .nrc-form .nrc-form-input.secure input {
  margin-right: 0;
}
.app-body .signup .nrc-form .nrc-file {
  max-width: 100px;
}
.app-body .signup .nrc-form-password > div {
  position: relative;
}
.app-body .signup .nrc-form-password > div i {
  color: #777;
  cursor: pointer;
  font-size: 22px;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-user-select: none;
  user-select: none;
}
.app-body .signup .agree-policy label {
  color: #535353;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-right: 4px;
}
.app-body .signup .agree-policy .policy-btn {
  color: #09c;
  cursor: pointer;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.app-body .signup .validate-policy-tip {
  color: #d22323;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}
.app-body .signup .policy-detail {
  height: 70vh;
  width: 50vw;
}
.app-body .signup .policy-detail .header {
  background-color: #eee;
  height: 80px;
}
.app-body .signup .policy-detail .header .title {
  color: #222;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.app-body .signup .policy-detail .content {
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  height: calc(100% - 120px);
  line-height: 1.5;
  overflow: auto;
  padding: 20px 30px;
}
.app-body .signup .policy-detail .content h4 {
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.app-body .signup .policy-detail .content p {
  margin-bottom: 8px;
  white-space: pre-wrap;
}
.app-body .signup .policy-detail .footer {
  background-color: #eee;
  height: 80px;
}
.app-body .signup input#im1,
.app-body .signup input#im2 {
  box-sizing: border-box;
  width: 220px;
}
.app-body .signup .input-qq .nrc-form-input:before,
.app-body .signup .input-wechat .nrc-form-input:before {
  color: #09c;
  font-family: iconmps !important;
  font-size: 22px;
  position: absolute;
  text-align: center;
  width: 40px;
}
.app-body .img-viewer {
  align-items: center;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}
.app-body .img-viewer img {
  max-height: 70vh;
  max-width: 70vw;
}
.app-body .img-viewer span {
  color: #fff;
  display: block;
  font-size: 14px;
  margin-top: 5px;
}
.app-body .img-viewer-icon {
  background-color: #01b1f0;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  font-size: 2em;
  margin-left: 0.5em;
}
.app-body .mobile-validate {
  align-items: center;
  display: flex;
}
.app-body .mobile-validate .code-input {
  display: inline-block;
}
.app-body .mobile-validate .validate-countdown {
  margin-left: 20px;
}
.app-body .mobile-validate small.invalid-msg {
  margin-left: 10px;
  width: unset;
}
.forget-password {
  margin-top: 100px;
}
.forget-password .nrc-tab-pane {
  margin-top: 40px;
}
.forget-password .nrc-tab-pane p {
  color: #09c;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  text-align: center;
}
.forget-password .modal.alert .container .message {
  line-height: 22px;
}
.reset-password .nrc-form .nrc-form-item .nrc-form-label {
  width: 30%;
}
.reset-password .nrc-form .nrc-form-item .nrc-form-input {
  width: 70%;
}
.hover-container.reset-info {
  z-index: 2000;
}
.hover-container.reset-info > .container {
  height: 90%;
  max-width: 960px;
  overflow-y: auto;
  width: 80%;
}
.hover-container.reset-info .label {
  border-bottom: 1px dashed #999;
  color: #09c;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin-bottom: 30px;
  padding-bottom: 15px;
}
.hover-container.reset-info .label .star {
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  margin: 0 6px 0 20px;
}
.hover-container.reset-info .label .label-msg {
  color: #999;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
}
.transfer-online-page {
  padding: 0 !important;
}
.transfer-online-page .description h2 {
  margin-bottom: 20px;
  margin-top: 50px;
}
.transfer-online-page .tips {
  background-color: rgba(238, 238, 238, 0.15);
  border: 1px solid #eee;
  color: #777;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  line-height: 1.86;
  margin: 0 auto;
  padding: 32px 30px;
  width: 780px;
}
.transfer-online-page .tips span {
  color: #222;
}
.transfer-online-page > div {
  position: relative;
}
.transfer-online-page .confirmation-deposit-popup .resume-details p img {
  height: auto;
  width: 200px;
}
.announcement-list-wrap {
  height: calc(100% - 50px);
}
.announcement-list {
  width: 600px;
}
.announcement-list .container {
  height: 420px;
}
.announcement-list .announcement-list-menu {
  background-color: #f5f5f5;
  box-sizing: border-box;
  float: left;
  height: 100%;
  overflow-y: auto;
  position: relative;
  width: 30%;
}
.announcement-list .announcement-list-menu .menu-item {
  word-wrap: break-word;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #777;
  cursor: pointer;
  font-size: 13px;
  list-style: none;
  padding: 15px 20px;
  position: relative;
  transition: 0.2s;
}
.announcement-list .announcement-list-menu .menu-item.active {
  background-color: #fff;
  border-right: 1px solid #fff;
}
.announcement-list .announcement-list-content {
  box-sizing: border-box;
  float: left;
  height: 100%;
  overflow-y: auto;
  padding: 20px 30px;
  width: 70%;
}
.announcement-list .announcement-list-content .announcement-title {
  word-wrap: break-word;
  color: #000;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 15px;
  text-align: left;
}
.announcement-list .announcement-list-content .announcement-desc {
  word-wrap: break-word;
  color: #777;
  line-height: 1.6;
  white-space: pre-wrap;
}
.announcement-list .announcement-list-content .announcement-time {
  color: #999;
  font-size: 12px;
  line-height: 1.6;
}
.hover-container.player-info > .container {
  max-height: 500px;
  max-width: 960px;
  overflow-y: auto;
  width: 70%;
}
.hover-container.player-info > .container > form {
  margin-top: 35px;
}
.hover-container.player-info > .container > form .body {
  margin: 0;
}
.hover-container.player-info .nrc-form .nrc-form-item .nrc-form-label {
  width: 280px;
}
.hover-container.player-info .nrc-form-input small.info-msg,
.hover-container.player-info .nrc-form-input small.invalid-msg {
  width: 400px;
}
.info-menu {
  min-width: 220px;
}
.info-content {
  width: 90%;
}
.promo-selfselect-modal .nrc-table .nrc-table-row {
  padding: 0;
}
.promo-selfselect-modal .nrc-table .nrc-table-row .nrc-table-column span {
  text-overflow: clip;
  white-space: normal;
}
.promo-selfselect-modal .nrc-table .nrc-table-row.disabled {
  background-color: #f2f2f2;
}
.promo-selfselect-modal .icon-info {
  font-size: 10px;
  margin-left: 5px;
}
.promo-selfselect-modal .nrc-form .nrc-form-item .nrc-form-label label:after {
  display: none;
}
.promo-selfselect-modal .nrc-form .nrc-form-item .nrc-form-input {
  margin-left: 0;
}
.icon-info {
  speak: none;
  font-family: iconmps;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.icon-info:before {
  content: "";
}
.container.game-record {
  width: 80%;
}
.container.game-record .bet-result-iframe {
  height: 100%;
  margin-top: 10px;
  overflow: auto;
  width: 100%;
}
.container.game-record .bet-result-iframe .iframe-wrapper {
  height: 620px;
  min-width: 1200px;
}
.container.game-record h3 {
  margin-bottom: 16px;
}
.container.game-record .close {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
}
.container.game-record .bet-choice {
  background-color: #eee;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin-bottom: 16px;
  min-height: 46px;
  padding: 5px;
}
.container.game-record .nrc-form-table {
  margin-bottom: 16px;
}
.container.game-record .nrc-g {
  text-rendering: optimizespeed;
  align-content: flex-start;
  display: flex;
  flex-flow: row wrap;
  letter-spacing: -0.31em;
  *word-spacing: -0.43em;
}
.container.game-record .nrc-g .nrc-u-1-2,
.container.game-record .nrc-g .nrc-u-1-3,
.container.game-record .nrc-g .nrc-u-1-5,
.container.game-record .nrc-g .nrc-u-2-3 {
  zoom: 1;
  text-rendering: auto;
  display: inline-block;
  *display: inline;
  letter-spacing: normal;
  vertical-align: top;
  word-spacing: normal;
}
.container.game-record .nrc-g .nrc-u-1-5 {
  width: 20%;
  *width: 19.969%;
}
.container.game-record .nrc-g .nrc-u-1-3 {
  width: 33.3333%;
  *width: 33.3023%;
}
.container.game-record .nrc-g .nrc-u-2-3 {
  width: 66.6667%;
  *width: 66.6357%;
}
.container.game-record .nrc-g .nrc-u-1-2 {
  width: 50%;
  *width: 49.969%;
}
.container.game-record .top10 {
  margin-top: 10px;
}
.container .mock-table-row .bet-type-dice,
.container .mock-table-row .bet-type-poker {
  margin: 10px 0;
}
.container .mock-table-row .bet-type-dice:not(:last-child),
.container .mock-table-row .bet-type-poker:not(:last-child) {
  margin-right: 10px;
}
.game-record .mock-table .mock-table-header > div {
  flex: none;
}
.game-record .mock-table-row > div {
  align-items: center;
  flex: none;
  padding: 10px 5px 10px 0;
}
.game-record .mock-table .game-event,
.game-record .mock-table .mock-table-header > div.game-event {
  display: block;
  flex: 1;
}
.game-record .mock-table .game-event > div:not(:first-child) {
  border-top: 1px dashed #ccc;
  padding-top: 10px;
}
.game-record .mock-table .live-bet-type {
  align-items: center;
  display: flex;
  height: 100%;
  margin: 0 10px 0 0;
}
.bet-type-poker {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/poker.png);
  background-repeat: no-repeat;
  height: 160px;
  width: 120px;
}
.bet-type-poker.suitD {
  background-position-y: 0;
}
.bet-type-poker.suitH {
  background-position-y: -160px;
}
.bet-type-poker.suitS {
  background-position-y: -320px;
}
.bet-type-poker.suitC {
  background-position-y: -480px;
}
.bet-type-poker.rank1 {
  background-position-x: 0;
}
.bet-type-poker.rank2 {
  background-position-x: -120px;
}
.bet-type-poker.rank3 {
  background-position-x: -240px;
}
.bet-type-poker.rank4 {
  background-position-x: -360px;
}
.bet-type-poker.rank5 {
  background-position-x: -480px;
}
.bet-type-poker.rank6 {
  background-position-x: -600px;
}
.bet-type-poker.rank7 {
  background-position-x: -720px;
}
.bet-type-poker.rank8 {
  background-position-x: -840px;
}
.bet-type-poker.rank9 {
  background-position-x: -960px;
}
.bet-type-poker.rank10 {
  background-position-x: -1080px;
}
.bet-type-poker.rank11 {
  background-position-x: -1200px;
}
.bet-type-poker.rank12 {
  background-position-x: -1320px;
}
.bet-type-poker.rank13 {
  background-position-x: -1440px;
}
.bet-type-dice {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/dice.png);
  background-repeat: no-repeat;
  background-size: 300px;
  height: 50px;
  width: 50px;
}
.bet-type-dice.dice-1 {
  background-position-x: 0;
}
.bet-type-dice.dice-2 {
  background-position-x: -50px;
}
.bet-type-dice.dice-3 {
  background-position-x: -100px;
}
.bet-type-dice.dice-4 {
  background-position-x: -150px;
}
.bet-type-dice.dice-5 {
  background-position-x: -200px;
}
.bet-type-dice.dice-6 {
  background-position-x: -250px;
}
.section-promo {
  background: #0e0f12
    url(/wp-content/themes/wordpress/thuvienanh/home-bg.jpg) top/100%
    auto no-repeat;
  min-height: calc(100vh - 375px);
  padding: 40px 0;
}
.section-promo .banner-promotion {
  display: none;
}
.section-promo .category {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.section-promo .category .category-item {
  background-color: #000;
  color: #fff;
  font-size: 16px;
  height: 54px;
  line-height: 54px;
  margin-right: 5px;
  margin-top: 15px;
  min-width: 135px;
  opacity: 0.6;
  padding: 0 15px;
  text-align: center;
}
.section-promo .category .category-item.active,
.section-promo .category .category-item:hover {
  background-color: #09c;
  cursor: pointer;
  opacity: 1;
}
.section-promo .promo-grid-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  transition: all 0.4s ease-out;
}
.section-promo .promo-grid-container .promo-grid-item {
  background-color: #fff;
  cursor: pointer;
  margin-bottom: 16px;
  min-height: 300px;
  width: 32%;
  width: calc(33% - 10px);
}
.section-promo .promo-grid-container .promo-grid-item.hide-promo-title {
  background-color: transparent;
  min-height: 100px;
}
.section-promo .promo-grid-container .promo-grid-item img {
  width: 100%;
}
.section-promo .promo-grid-container .promo-grid-item h3 {
  color: #46506c;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;
  padding: 0 20px;
  word-break: break-all;
}
.section-promo .promo-grid-container .promo-grid-item p {
  font-size: 14px;
  padding: 0 20px;
}
.section-promo .promo-grid-container .promo-grid-item p span {
  color: #d01919;
  margin-left: 8px;
}
.section-promo .promo-grid-container .promo-grid-item.center {
  margin-left: 10px;
  margin-right: 10px;
}
.section-promo .promo-grid-container .promo-grid-item .promo-end-date {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 0 20px;
}
.section-promo .promo-grid-container .promo-grid-item .mps-alert {
  color: #09c;
  font-size: 30px;
}
.hover-container.promo-detail-modal .container {
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
  height: 80vh;
  max-width: 1440px;
  position: relative;
  width: 70vw;
}
.hover-container.promo-detail-modal .container .toggle-btn {
  align-items: center;
  display: block;
  display: flex;
  height: 80px;
  justify-content: center;
  position: absolute;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
  z-index: 10;
}
.hover-container.promo-detail-modal .container .toggle-btn:after {
  speak: none;
  align-items: center;
  background-color: rgba(239, 239, 239, 0.9);
  border-radius: 50%;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  color: #09c;
  content: "";
  cursor: pointer;
  display: flex;
  font-family: iconmps !important;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  height: 30px;
  justify-content: center;
  line-height: 1;
  text-indent: -2px;
  text-transform: none;
  transition: 0.3s ease;
  width: 30px;
}
.hover-container.promo-detail-modal .container .toggle-btn:hover:after {
  background-color: #efefef;
  transform: translateY(2px);
}
.hover-container.promo-detail-modal .container .toggle-btn.min:after {
  content: "";
  text-indent: 3px;
}
.hover-container.promo-detail-modal .container .header {
  box-sizing: border-box;
  justify-content: flex-end;
  width: 100%;
}
.hover-container.promo-detail-modal .container .fixed-pt {
  background-color: rgba(204, 204, 204, 0.1);
  box-shadow: 1px 0 0 0 rgba(204, 204, 204, 0.3);
  box-sizing: border-box;
  height: calc(100% - 50px);
  max-width: 350px;
  padding: 15px;
  position: absolute;
  top: 50px;
  transition: 0.2s ease;
  width: 35%;
  z-index: 1;
}
.hover-container.promo-detail-modal .container .fixed-pt img {
  display: block;
  width: 100%;
}
.hover-container.promo-detail-modal .container .fixed-pt h1.title {
  font-size: 21px;
  line-height: 1.4;
  margin: 15px 0;
}
.hover-container.promo-detail-modal .container .fixed-pt .promo-progress {
  bottom: 80px;
  position: absolute;
  width: calc(100% - 30px);
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  [class^="title"] {
  color: #666;
  font-size: 13px;
  font-weight: 700;
  margin-top: 10px;
  text-indent: 10px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-content {
  align-items: center;
  background: #fff;
  border-radius: 100px;
  box-shadow: 0 0 0 1px rgba(204, 204, 204, 0.3);
  display: flex;
  font-size: 13px;
  justify-content: space-between;
  margin: 5px auto;
  padding: 5px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-content
  > div {
  text-indent: 5px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-pending {
  color: #817a7a;
  font-size: 13px;
  margin-top: 10px;
  text-indent: 10px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-box
  .progress-text {
  font-size: 11px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-box
  .progress-bar {
  background-color: rgba(255, 255, 255, 0.3);
  height: 15px;
  justify-content: flex-end;
  margin-left: 5px;
  width: 150px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-reward {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  padding-top: 5px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-reward.pending {
  display: block;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-reward
  .title-reward {
  text-indent: 10px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-reward
  .reward-amount {
  font-size: 11px;
  text-align: right;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-reward
  .reward-amount
  b {
  font-size: 21px;
  font-weight: 700;
  margin-right: 3px;
}
.hover-container.promo-detail-modal
  .container
  .fixed-pt
  .promo-progress
  .progress-reward
  .reward-amount
  span {
  color: #666;
}
.hover-container.promo-detail-modal .container .body {
  box-sizing: border-box;
  height: calc(100% - 50px);
  margin: 0 0 0 35%;
  overflow: auto;
  padding: 15px;
  width: 65%;
}
@media screen and (min-width: 1700px) {
  .hover-container.promo-detail-modal .container .body {
    margin: 0 0 0 370px;
    width: calc(100% - 370px);
  }
}
.hover-container.promo-detail-modal .container .apply-btn {
  background: transparent;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  left: 0;
  max-width: 350px;
  padding: 20px;
  position: absolute;
  transition: 0.2s ease;
  width: 35%;
  z-index: 5;
}
.hover-container.promo-detail-modal .container .apply-btn button {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: 0.3s ease;
}
.hover-container.promo-detail-modal .container .apply-btn button:hover {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.2);
  transform: translateY(2px);
}
.hover-container.promo-detail-modal .container .body-scroll img,
.hover-container.promo-detail-modal .container .body img {
  max-width: 100%;
}
.hover-container.promo-detail-modal
  .container
  .body-scroll
  .nrc-editor-view-mode,
.hover-container.promo-detail-modal .container .body .nrc-editor-view-mode {
  height: auto;
  line-height: 1.4;
}
.hover-container.promo-detail-modal .container.min .fixed-pt {
  padding: 10px;
  width: 0;
}
.hover-container.promo-detail-modal .container.min .fixed-pt h1.title,
.hover-container.promo-detail-modal .container.min .fixed-pt img {
  display: none;
}
.hover-container.promo-detail-modal .container.min .body {
  margin-left: 0;
  padding: 20px 50px 80px;
  width: 100%;
}
.hover-container.promo-detail-modal .container.min .apply-btn {
  max-width: 100%;
  width: 100%;
}
.hover-container.promo-detail-modal .promo-end-date {
  color: #09c;
  justify-content: flex-end;
  padding: 5px 20px;
}
.promo .nrc-collapse {
  word-break: break-all;
}
.promo .promo-list-item {
  cursor: pointer;
  margin: 10px 0;
  transition: 0.3s ease;
}
.promo .promo-list-item:hover {
  transform: translateY(2px);
}
.games-fishing .fishing-game-list {
  flex-wrap: wrap;
  font-size: 0;
  padding: 100px 0 120px;
  text-align: center;
}
.games-fishing .fishing-game-list li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 2% 45px;
  position: relative;
  vertical-align: top;
  width: 16%;
}
.games-fishing .fishing-game-list li .cover {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 20px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  display: block;
  overflow: hidden;
  position: relative;
  transition: 0.2s;
  width: 100%;
}
.games-fishing .fishing-game-list li .cover img {
  display: block;
  width: 100%;
}
.games-fishing .fishing-game-list li h2 {
  color: #fff;
  font-size: 18px;
  margin: 8px 0;
}
.games-fishing .fishing-game-list li:hover .cover {
  border-radius: 10px;
  box-shadow: 0 0 15px #d0edff;
}
.games-fishing .fishing-game-list li:hover h2 {
  text-shadow: 0 0 3px #d0edff;
}
.games-fishing .fishing-game-list li.maintenance {
  cursor: not-allowed;
}
.games-fishing .fishing-game-list li.maintenance .cover {
  filter: grayscale(100%);
}
.games-fishing .fishing-game-list li.maintenance .maintenance-block {
  left: 50%;
  padding: 10px 15px;
  top: 15%;
  transform: translateX(-50%);
  width: 90%;
}
.games-fishing .fishing-game-list li.maintenance:after {
  background: transparent !important;
  height: 100% !important;
  margin: 0 !important;
  width: 100% !important;
}
body {
  font-family: Times New Roman !important;
}
.app .quick-nav {
  background: #fff;
}
.app .quick-nav .header-btn {
  background: #09c !important;
}
.app .quick-nav .header-btn:hover {
  filter: brightness(120%);
}
.app .quick-nav .header-btn.highlight-btn {
  background: #25aae1 !important;
}
.app .quick-nav .right .logined-nav > a {
  color: #25aae1 !important;
}
.app .quick-nav .right .logined-nav > a:hover {
  color: #25aae1 !important;
  filter: brightness(150%);
}
.app .quick-nav .right .simple-logo-wrap .input-wrap input {
  border-color: #25aae1 !important;
  color: #25aae1 !important;
}
.app .quick-nav .right .simple-logo-wrap .input-wrap input:-webkit-autofill,
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap
  input:-webkit-autofill:active,
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap
  input:-webkit-autofill:focus,
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap
  input:-webkit-autofill:hover {
  -webkit-text-fill-color: #25aae1 !important;
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}
.app .quick-nav .right .simple-logo-wrap .forgot-password,
.app
  .quick-nav
  .right
  .simple-logo-wrap
  .input-wrap.captcha
  .nrc-form-input.secure
  > i,
.app .quick-nav .right .simple-logo-wrap .visible-toggle {
  color: #25aae1 !important;
}
.app .quick-nav .right .id,
.app .quick-nav .right .wallet {
  color: #000;
}
.app header {
  background: #09c !important;
}
.app header .nav .nav-item.active a,
.app header .nav .nav-item a:hover {
  color: #09c !important;
  filter: brightness(150%);
}
.app header .nav .submenu ul li a:hover:after {
  background: #09c !important;
}
.app header .nav li[data-content="https://www.vnq3.com/"] a:before
{
  content: "";
}
.app header .nav li[data-content="https://8686bet.com/"] a:before,.app header .nav li[data-content="https://top1sex.net/"] a:before
{
  content: "";
  height: 30px;
  width: 30px;
}
.app header .nav li[data-content="https://8686bet.com/"] a:before
{
  background: url(/wp-content/themes/wordpress/thuvienanh/icon-partner.png) 50% /
    contain no-repeat;
}
.app header .nav li[data-content="https://8686bet.com/"] a:hover:before
{
  background: url(/wp-content/themes/wordpress/thuvienanh/icon-partner-on.png)
    50% / contain no-repeat;
}
.app header .nav li[data-content="https://top1sex.net/"] a:before
{
  background: url(/wp-content/themes/wordpress/thuvienanh/icon-18+.png) 50% /
    contain no-repeat;
}
.app header .nav li[data-content="https://top1sex.net/"] a:hover:before
{
  background: url(/wp-content/themes/wordpress/thuvienanh/icon-18+-on.png) 50% /
    contain no-repeat;
}
.app .marquee-container .marquee-block,
.app .marquee-container .marquee-block .marquee-news .news-title {
  background: #00bfff !important;
}
.app .main-home {
  background: url(/wp-content/themes/wordpress/thuvienanh/desktop/home-bg.jpg)
    50% / cover no-repeat fixed !important;
}
.app .main-home .home-feature {
  margin-top: 50px;
}
.app .main-home .home-feature .feature-list {
  display: flex;
}
.app .main-home .home-feature .feature-list li {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 5px;
}
.app .main-home .home-feature .feature-list li .feature-img img {
  display: block;
  height: auto;
  width: 60px;
}
.app .main-home .home-feature .feature-list li .feature-content h4 {
  color: #333;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 5px;
}
.app .main-home .home-feature .feature-list li .feature-content p {
  color: #666;
  font-size: 12px;
  line-height: 1.4;
}
.app .main-home .home-banner {
  display: flex;
  gap: 15px;
  margin-top: 50px;
}
.app .main-home .home-banner > * {
  cursor: pointer;
  flex: 1;
}
.app .main-home .home-banner > * > img {
  display: block;
  width: 100%;
}
.app .main-home .home-type .home-type-list li.egame .type-img {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/desktop/home-type-egame.png) !important;
}
.app .main-home .home-type .home-type-list li.chess .type-img {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/desktop/home-type-chess.png) !important;
}
.app .main-home .home-type .home-type-list li.animal .type-img {
  background-image: url(/wp-content/themes/wordpress/thuvienanh/desktop/home-type-animal.png) !important;
}
.app .main-home .home-hotgame .hotgame-list .hotgame-item > .hotgame-tag > * {
  background: #09c !important;
}
.app
  .main-home
  .home-hotgame
  .hotgame-list
  .hotgame-item
  > .hotgame-tag
  > .tag-hot {
  background: #25aae1 !important;
}
.app .main-home .home-hotgame .hotgame-list .hotgame-item > .hover-cover {
  background: rgba(0, 153, 204, 0.9) !important;
}
.app
  .main-home
  .home-mobile
  .left
  .qrcode-list
  .qr-item
  .qr-info
  .btn-download {
  background: #09c !important;
}
.app .main-home .home-mobile .right img {
  content: url(/wp-content/themes/wordpress/thuvienanh/desktop/home-mobile.png);
}
.app footer {
  background: #09c !important;
}
.app footer .copy,
.app footer .footer-main {
  background: transparent !important;
}
.app footer .footer-provider {
  background: #00bfff !important;
}
.app footer .footer-main .main-wrap .footer-about .logo img {
  filter: brightness(500%) grayscale(100%);
}
.app footer .footer-title {
  color: #fff !important;
}
.app footer .footer-main .main-wrap .footer-links a,
.app footer .footer-main .main-wrap .footer-type .type-list li,
.app footer .footer-main .main-wrap .footer-type .type-list li .nav-item a {
  border-color: #fff;
}
.app footer .footer-main .main-wrap .footer-links a:hover,
.app
  footer
  .footer-main
  .main-wrap
  .footer-type
  .type-list
  li
  .nav-item
  a:hover,
.app footer .footer-main .main-wrap .footer-type .type-list li:hover {
  color: #fff;
}
.app.signup {
  background: url(/wp-content/themes/wordpress/thuvienanh/desktop/login-bg.png)
    50% / cover fixed no-repeat;
}
.app.promotions .section-promo {
  background: url(/wp-content/themes/wordpress/thuvienanh/desktop/bg-promo.jpg)
    50% / cover no-repeat fixed !important;
}
.app.myvip .info-table > :first-child.info-title,
.app.myvip .info-table > :nth-child(2).level-table,
.modal.announcement-list .announcement-time {
  display: none !important;
}
th {
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color: #000;
}