/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/main/main.scss ***!
  \********************************************************************************************************************************************/
@font-face {
  font-family: "Philosopher";
  src: url(assets/main/fonts/Philosopher-Regular.ttf);
}
@font-face {
  font-family: "BeaufortforLOL-Heavy";
  src: url(assets/main/fonts/BeaufortforLOL-Heavy.otf);
}
@font-face {
  font-family: "Barlow";
  src: url(assets/main/fonts/Barlow-Regular.ttf);
}
@font-face {
  font-family: "Roboto";
  src: url(assets/main/fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: "Roboto-Medium";
  src: url(assets/main/fonts/Roboto-Medium.ttf);
}
@font-face {
  font-family: "Roboto-Bold";
  src: url(assets/main/fonts/Roboto-Bold.ttf);
}
.MS__Barlow {
  font-family: "Barlow";
}

.MS__Roboto_Bold {
  font-family: "Roboto-Bold";
}

.MS__Roboto {
  font-family: "Roboto";
}

.MS__Philosopher {
  font-family: "Philosopher";
}

.MS__UTMSharnay {
  font-family: "UTMSharnay";
}

html {
  background-color: #fff;
}
@media (max-width: 768px) and (orientation: portrait) {
  html {
    overflow: auto;
  }
}

ul li,
ol li {
  list-style-type: none;
}

iframe {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

#tanomg3q-diemdanh {
  height: 1000px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-diemdanh {
    height: 1480px;
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tanomg3q-ld-daile-header/tanomg3q-ld-daile-header.scss ***!
  \************************************************************************************************************************************************************************************/
#tanomg3q-ld-daile-header {
  position: relative;
  height: 1000px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-header {
    height: 1300px;
  }
}
#tanomg3q-ld-daile-header .MS__sprite-btn-home {
  background-image: url(assets/tanomg3q-ld-daile-header/images/sprite.png);
  background-position: 0px -53px;
  width: 196px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-header .MS__sprite-btn-login {
  background-image: url(assets/tanomg3q-ld-daile-header/images/sprite.png);
  background-position: -196px -53px;
  width: 196px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-header .MS__sprite-btn-logout {
  background-image: url(assets/tanomg3q-ld-daile-header/images/sprite.png);
  background-position: 0px -112px;
  width: 196px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-header .MS__sprite-date {
  background-image: url(assets/tanomg3q-ld-daile-header/images/sprite.png);
  background-position: 0px 0px;
  width: 449px;
  height: 53px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-header .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tanomg3q-ld-daile-header .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
}
#tanomg3q-ld-daile-header .content .off {
  filter: grayscale(100%);
  pointer-events: none;
}
#tanomg3q-ld-daile-header .content .logo {
  position: absolute;
  top: 20px;
  left: 30px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-header .content .logo img {
    width: 214px;
  }
}
#tanomg3q-ld-daile-header .content .tag {
  position: absolute;
  top: 340px;
  left: 530px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-header .content .tag {
    top: 138px;
  }
}
#tanomg3q-ld-daile-header .content .date {
  background-image: url(assets/tanomg3q-ld-daile-header/images/sprite.png);
  background-position: 0px 0px;
  width: 449px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fbe4a3;
  letter-spacing: 2px;
  position: absolute;
  top: 320px;
  right: 488px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-header .content .date {
    top: 305px;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tanomg3q-ld-daile-diemdanh/tanomg3q-ld-daile-diemdanh.scss ***!
  \****************************************************************************************************************************************************************************************/
#tanomg3q-ld-daile-diemdanh {
  position: relative;
  height: 1000px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-diemdanh {
    height: 1480px;
  }
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-btn-1 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -192px -59px;
  width: 165px;
  height: 54px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-btn-2 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px 0px;
  width: 398px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-btn-3 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px -59px;
  width: 192px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-btn-dangnhap {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px -118px;
  width: 171px;
  height: 64px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-btn-doi2 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -171px -118px;
  width: 171px;
  height: 64px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-btn-doi3 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px -182px;
  width: 171px;
  height: 64px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-check {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -357px -59px;
  width: 40px;
  height: 37px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-item-calendar-default {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -342px -118px;
  width: 50px;
  height: 54px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-item-calendar {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -171px -182px;
  width: 60px;
  height: 60px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-next {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px -246px;
  width: 53px;
  height: 82px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-prev {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -53px -246px;
  width: 53px;
  height: 82px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .MS__sprite-x {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -231px -182px;
  width: 57px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-diemdanh .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tanomg3q-ld-daile-diemdanh .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
}
#tanomg3q-ld-daile-diemdanh .content .off {
  filter: grayscale(100%);
  pointer-events: none;
}
#tanomg3q-ld-daile-diemdanh .content .time {
  color: #fff;
  font-size: 28px;
  position: absolute;
  top: 255px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-diemdanh .content .time {
    top: 170px;
    font-size: 20px;
  }
}
#tanomg3q-ld-daile-diemdanh .content .info {
  font-size: 24px;
  color: #fff;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-diemdanh .content .info {
    text-align: center;
    font-size: 20px;
  }
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh {
  display: grid;
  grid-template-columns: 48% 52%;
  /* position: absolute; */
  padding: 260px 300px 0;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh {
    display: grid;
    grid-template-columns: 100%;
    /* position: absolute; */
    padding: 260px 20px 0;
  }
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 155px;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left--list {
  width: 495px;
  gap: 20px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left--list .item {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -171px -182px;
  width: 60px;
  height: 60px;
  font-size: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left--list .item.missed::after {
  content: "";
  position: absolute;
  top: 62%;
  left: 46%;
  transform: translate(-50%, -50%);
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -231px -182px;
  width: 57px;
  height: 59px;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left--list .item.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 52%;
  transform: translate(-50%, -50%);
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -357px -59px;
  width: 40px;
  height: 37px;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left .group__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  max-width: 490px;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left .group__btn a {
  font-family: "Roboto-Bold";
  color: #81460d;
  font-size: 29px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-transform: capitalize;
  text-decoration: none;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left .group__btn--history, #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left .group__btn--thele {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -192px -59px;
  width: 165px;
  height: 54px;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--left .group__btn--diemdanh {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px 0px;
  width: 398px;
  height: 59px;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right {
  width: 730px;
  position: relative;
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right {
    width: 100%;
  }
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gifts-swiper {
  width: 88%;
  padding: 0 10px;
}
@media (min-width: 769px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gifts-swiper {
    width: 100%;
    overflow: visible;
  }
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gifts-swiper .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    justify-content: center;
    gap: 25px 30px;
    transform: none !important;
  }
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gifts-swiper .swiper-slide {
    width: auto !important;
    margin-right: 0 !important;
    flex-shrink: 0;
  }
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gifts-swiper {
    padding-bottom: 40px;
    height: 460px;
    overflow: hidden;
    position: relative;
  }
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gifts-swiper .swiper-wrapper {
    align-items: center;
  }
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gifts-swiper .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
  }
}
@media (min-width: 769px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-next,
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-prev {
    display: none !important;
  }
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-next,
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-prev {
    display: flex;
    width: auto;
    height: auto;
    margin-top: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    z-index: 10;
  }
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-next {
    right: -10px;
  }
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-next::after {
    content: "";
    background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
    background-position: 0px -246px;
    width: 53px;
    height: 82px;
  }
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-prev {
    left: -10px;
  }
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-prev::after {
    content: "";
    background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
    background-position: -53px -246px;
    width: 53px;
    height: 82px;
  }
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .swiper-button-disabled {
    opacity: 0.3;
  }
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift {
  position: relative;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift {
    scale: 1.3;
    transform-origin: top center;
  }
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift .btn {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift .btn.off, #tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift .btn.received {
  filter: grayscale(90%);
  pointer-events: none;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift .btn-doi1 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px -118px;
  width: 171px;
  height: 64px;
  font-size: 0;
  display: block;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift .btn-doi2 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: -171px -118px;
  width: 171px;
  height: 64px;
  font-size: 0;
  display: block;
}
#tanomg3q-ld-daile-diemdanh .content .group__diemdanh--right .gift .btn-doi3 {
  background-image: url(assets/tanomg3q-ld-daile-diemdanh/images/sprite.png);
  background-position: 0px -182px;
  width: 171px;
  height: 64px;
  font-size: 0;
  display: block;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tanomg3q-ld-daile-vongquay/tanomg3q-ld-daile-vongquay.scss ***!
  \****************************************************************************************************************************************************************************************/
#tanomg3q-ld-daile-vongquay {
  position: relative;
  height: 1000px;
  margin-top: -4px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay {
    height: 1300px;
  }
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-1 {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: 0px -335px;
  width: 192px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-lichsu {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -192px -335px;
  width: 175px;
  height: 55px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-nhanluot {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -367px -335px;
  width: 175px;
  height: 55px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-thele {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: 0px -394px;
  width: 175px;
  height: 55px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-vongquay1-mb {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: 0px 0px;
  width: 196px;
  height: 229px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-vongquay1 {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: 0px -229px;
  width: 287px;
  height: 106px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-vongquay10-mb {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -196px 0px;
  width: 196px;
  height: 229px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn-vongquay10 {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -392px 0px;
  width: 287px;
  height: 106px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-btn {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -493px -394px;
  width: 156px;
  height: 46px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-quay1 {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -392px -106px;
  width: 242px;
  height: 92px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-quay10 {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -392px -198px;
  width: 242px;
  height: 92px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-refesh {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -337px -394px;
  width: 156px;
  height: 50px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .MS__sprite-reload {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -175px -394px;
  width: 162px;
  height: 50px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay * {
  box-sizing: border-box;
}
#tanomg3q-ld-daile-vongquay .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tanomg3q-ld-daile-vongquay .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
}
#tanomg3q-ld-daile-vongquay .content .off {
  filter: grayscale(100%);
  pointer-events: none;
}
#tanomg3q-ld-daile-vongquay .content {
  width: 1130px;
  position: relative;
  left: 50%;
  top: 170px;
  transform: translateX(-50%);
  height: 670px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay .content {
    height: 960px;
    top: 255px;
    max-width: 610px;
  }
}
#tanomg3q-ld-daile-vongquay .content .group__info {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay .content .group__info {
    max-width: 610px;
    margin: 0 auto;
  }
}
#tanomg3q-ld-daile-vongquay .content .group__info .info {
  font-family: "Roboto-Bold";
  font-size: 22px;
  color: #fff;
}
#tanomg3q-ld-daile-vongquay .content .group__info .btn_reload {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -175px -394px;
  width: 162px;
  height: 50px;
  font-size: 0;
  display: block;
}
#tanomg3q-ld-daile-vongquay .content a.click2copy {
  display: inline-block;
}
#tanomg3q-ld-daile-vongquay .group__btn {
  display: flex;
  align-items: center;
  gap: 30px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay .group__btn {
    gap: 20px;
    bottom: 1020px;
  }
}
#tanomg3q-ld-daile-vongquay .group__btn a {
  color: #81460d;
  font-size: 29px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-family: "Roboto-Bold";
  text-transform: capitalize;
  text-decoration: none;
}
#tanomg3q-ld-daile-vongquay .group__btn--history, #tanomg3q-ld-daile-vongquay .group__btn--thele, #tanomg3q-ld-daile-vongquay .group__btn--nhanluot {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: 0px -335px;
  width: 192px;
  height: 59px;
}
#tanomg3q-ld-daile-vongquay .vongquay__list {
  display: flex;
  gap: 15px;
  justify-content: space-between;
  margin-top: 10px;
  position: relative;
  height: 520px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay .vongquay__list {
    height: 795px;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay .vongquay__list--item {
    scale: 0.9;
    transform-origin: top left;
  }
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--6, #tanomg3q-ld-daile-vongquay .vongquay__list--item--7, #tanomg3q-ld-daile-vongquay .vongquay__list--item--8, #tanomg3q-ld-daile-vongquay .vongquay__list--item--9, #tanomg3q-ld-daile-vongquay .vongquay__list--item--10, #tanomg3q-ld-daile-vongquay .vongquay__list--item--11, #tanomg3q-ld-daile-vongquay .vongquay__list--item--12 {
  position: absolute;
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--11, #tanomg3q-ld-daile-vongquay .vongquay__list--item--12 {
  left: 0;
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--12, #tanomg3q-ld-daile-vongquay .vongquay__list--item--6 {
  top: 178px;
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--7, #tanomg3q-ld-daile-vongquay .vongquay__list--item--6 {
  right: 0;
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--7, #tanomg3q-ld-daile-vongquay .vongquay__list--item--8, #tanomg3q-ld-daile-vongquay .vongquay__list--item--9, #tanomg3q-ld-daile-vongquay .vongquay__list--item--10, #tanomg3q-ld-daile-vongquay .vongquay__list--item--11 {
  bottom: 0;
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--8 {
  right: 229px;
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--9 {
  right: 458px;
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item--10 {
  left: 229px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay .vongquay__list--item {
    position: absolute;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--11, #tanomg3q-ld-daile-vongquay .vongquay__list--item--10 {
    bottom: unset;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--2, #tanomg3q-ld-daile-vongquay .vongquay__list--item--8 {
    left: 208px;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--3, #tanomg3q-ld-daile-vongquay .vongquay__list--item--7, #tanomg3q-ld-daile-vongquay .vongquay__list--item--6, #tanomg3q-ld-daile-vongquay .vongquay__list--item--5, #tanomg3q-ld-daile-vongquay .vongquay__list--item--4 {
    right: -20px;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--1, #tanomg3q-ld-daile-vongquay .vongquay__list--item--9, #tanomg3q-ld-daile-vongquay .vongquay__list--item--10 {
    left: 0;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--12, #tanomg3q-ld-daile-vongquay .vongquay__list--item--4 {
    top: 160px;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--11, #tanomg3q-ld-daile-vongquay .vongquay__list--item--5 {
    top: 320px;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--10, #tanomg3q-ld-daile-vongquay .vongquay__list--item--6 {
    top: 480px;
  }
  #tanomg3q-ld-daile-vongquay .vongquay__list--item--9, #tanomg3q-ld-daile-vongquay .vongquay__list--item--8, #tanomg3q-ld-daile-vongquay .vongquay__list--item--7 {
    bottom: -10px;
  }
}
#tanomg3q-ld-daile-vongquay .vongquay__list--item.active img {
  filter: brightness(150%);
}
#tanomg3q-ld-daile-vongquay .group__quayso {
  display: flex;
  align-items: center;
  gap: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-vongquay .group__quayso {
    flex-direction: column;
    gap: 340px;
    scale: 0.8;
    transform-origin: top left;
    top: 48%;
  }
}
#tanomg3q-ld-daile-vongquay .group__quayso a {
  font-size: 0;
}
#tanomg3q-ld-daile-vongquay .group__quayso a:first-child {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: 0px -229px;
  width: 287px;
  height: 106px;
}
#tanomg3q-ld-daile-vongquay .group__quayso a:last-child {
  background-image: url(assets/tanomg3q-ld-daile-vongquay/images/sprite.png);
  background-position: -392px 0px;
  width: 287px;
  height: 106px;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tanomg3q-ld-daile-doiqua/tanomg3q-ld-daile-doiqua.scss ***!
  \************************************************************************************************************************************************************************************/
#tanomg3q-ld-daile-doiqua {
  position: relative;
  height: 1000px;
  margin-top: -1px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-doiqua {
    height: 1870px;
  }
}
#tanomg3q-ld-daile-doiqua .MS__sprite-bg-diem {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: 0px -53px;
  width: 330px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-doiqua .MS__sprite-btn-lichsu {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: 0px -112px;
  width: 226px;
  height: 77px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-doiqua .MS__sprite-btn-nhan {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: -330px -53px;
  width: 78px;
  height: 23px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-doiqua .MS__sprite-btn-thele {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: 0px -189px;
  width: 226px;
  height: 77px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-doiqua .MS__sprite-btn {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: -226px -112px;
  width: 192px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-doiqua .MS__sprite-date {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: 0px 0px;
  width: 449px;
  height: 53px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-doiqua * {
  box-sizing: border-box;
}
#tanomg3q-ld-daile-doiqua .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tanomg3q-ld-daile-doiqua .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
}
#tanomg3q-ld-daile-doiqua .content .date {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: 0px 0px;
  width: 449px;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  color: #fbe4a3;
  letter-spacing: 2px;
  position: absolute;
  top: 105px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-doiqua .content .date {
    top: 265px;
  }
}
#tanomg3q-ld-daile-doiqua .content .group-button {
  position: absolute;
  top: 170px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 15px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-doiqua .content .group-button {
    top: 355px;
    left: 50%;
  }
}
#tanomg3q-ld-daile-doiqua .content .group-button .info-keo {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: 0px -53px;
  width: 330px;
  height: 59px;
  color: #81460d;
  font-size: 29px;
  text-align: left;
  display: flex;
  align-items: center;
  padding-left: 220px;
  font-family: "Roboto-Bold";
}
#tanomg3q-ld-daile-doiqua .content .group-button .btn {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: -226px -112px;
  width: 192px;
  height: 59px;
  color: #81460d;
  font-size: 29px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-family: "Roboto-Bold";
  text-transform: capitalize;
  text-decoration: none;
}
#tanomg3q-ld-daile-doiqua .content .gift__list {
  display: flex;
  width: 1065px;
  flex-wrap: wrap;
  gap: 5px;
  row-gap: 45px;
  align-items: center;
  position: relative;
  left: 50%;
  top: 260px;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-doiqua .content .gift__list {
    max-width: 770px;
    gap: 10px;
    row-gap: 60px;
    top: 440px;
    left: 50%;
    transform: translateX(-50%) scale(0.95);
    justify-content: center;
  }
}
#tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item {
  position: relative;
  height: 177px;
}
#tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item img {
  display: block;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item .item--img .tooltip {
    top: 90px;
  }
  #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item .item--img .tooltip img {
    width: auto;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item:nth-child(1) .item--img .tooltip, #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item:nth-child(5) .item--img .tooltip, #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item:nth-child(9) .item--img .tooltip {
    left: -35%;
    transform: translateX(0);
  }
  #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item:nth-child(4) .item--img .tooltip, #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item:nth-child(8) .item--img .tooltip, #tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item:nth-child(12) .item--img .tooltip {
    left: auto;
    right: -35%;
    transform: translateX(0);
  }
}
#tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item .btn-nhan {
  background-image: url(assets/tanomg3q-ld-daile-doiqua/images/sprite.png);
  background-position: -330px -53px;
  width: 78px;
  height: 23px;
  margin: -52px auto 0;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  color: #f8eddb;
  text-decoration: none;
  font-family: "Roboto-Bold";
}
#tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item .btn-nhan::after {
  content: attr(data-active);
}
#tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item .btn-nhan.received::after {
  content: attr(data-received);
}
#tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item .btn-nhan.off::after {
  content: attr(data-off);
}
#tanomg3q-ld-daile-doiqua .content .gift__list .gift__list--item .btn-nhan:hover {
  filter: brightness(1.3);
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tanomg3q-ld-daile-footer/tanomg3q-ld-daile-footer.scss ***!
  \************************************************************************************************************************************************************************************/
#tanomg3q-ld-daile-footer {
  position: relative;
  width: 100%;
  height: 290px;
  margin-top: -1px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-footer {
    height: 401px;
  }
}
#tanomg3q-ld-daile-footer .MS__sprite-btn-facebook {
  background-image: url(assets/tanomg3q-ld-daile-footer/images/sprite.png);
  background-position: -78px 0px;
  width: 78px;
  height: 90px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-footer .MS__sprite-btn-group {
  background-image: url(assets/tanomg3q-ld-daile-footer/images/sprite.png);
  background-position: 0px 0px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-footer .MS__sprite-btn-home {
  background-image: url(assets/tanomg3q-ld-daile-footer/images/sprite.png);
  background-position: -156px 0px;
  width: 77px;
  height: 90px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-footer .MS__sprite-btn-youtube {
  background-image: url(assets/tanomg3q-ld-daile-footer/images/sprite.png);
  background-position: 0px -93px;
  width: 77px;
  height: 90px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-footer .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tanomg3q-ld-daile-footer .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
  display: flex;
  justify-content: center;
}
#tanomg3q-ld-daile-footer .content .list_social {
  width: 822px;
  height: 116px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
  background: url(assets/tanomg3q-ld-daile-footer/images/line.png) no-repeat center 34px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-footer .content .list_social {
    background: none;
    margin-top: 15px;
  }
}
#tanomg3q-ld-daile-footer .content .gr_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
  flex-direction: column;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-footer .content .gr_footer {
    gap: 40px;
    justify-content: start;
  }
}
#tanomg3q-ld-daile-footer .content .info-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-footer .content .info-footer {
    flex-direction: column;
  }
}
#tanomg3q-ld-daile-footer .content p {
  text-align: left;
  font-size: 17px;
  line-height: 20px;
  color: #191a1a;
}
@media (max-width: 768px) and (orientation: portrait) {
  #tanomg3q-ld-daile-footer .content p {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    padding: 0 60px;
  }
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraryMainsite-t-float_right/libraryMainsite-t-float_right.scss ***!
  \**********************************************************************************************************************************************************************************************/
.MS__sprite-btn-android {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -132px 0px;
  width: 153px;
  height: 38px;
  display: block;
  font-size: 0;
}

.MS__sprite-btn-apk {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -132px -38px;
  width: 153px;
  height: 38px;
  display: block;
  font-size: 0;
}

.MS__sprite-btn-appstore {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -132px -76px;
  width: 153px;
  height: 38px;
  display: block;
  font-size: 0;
}

.MS__sprite-btn-closefloatright {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: 0px -161px;
  width: 25px;
  height: 44px;
  display: block;
  font-size: 0;
}

.MS__sprite-btn-napthe {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: 0px 0px;
  width: 132px;
  height: 125px;
  display: block;
  font-size: 0;
}

.MS__sprite-btn-openfloatright {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -25px -161px;
  width: 25px;
  height: 44px;
  display: block;
  font-size: 0;
}

.MS__sprite-btn-top {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: 0px -125px;
  width: 71px;
  height: 36px;
  display: block;
  font-size: 0;
}

.MS__sprite-facebook {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -71px -125px;
  width: 48px;
  height: 34px;
  display: block;
  font-size: 0;
}

.MS__sprite-home {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -119px -125px;
  width: 48px;
  height: 34px;
  display: block;
  font-size: 0;
}

.MS__sprite-youtube {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -167px -125px;
  width: 48px;
  height: 34px;
  display: block;
  font-size: 0;
}

#libraryMainsite-t-float_right {
  position: absolute;
  top: 130px;
  right: 20px;
  width: 175px;
  height: 670px;
  pointer-events: auto;
  transition: right 0.3s ease-in-out;
}
#libraryMainsite-t-float_right.active {
  right: -150px;
}
#libraryMainsite-t-float_right.active .close_floatright {
  background-image: url(assets/libraryMainsite-t-float_right/images/sprite.png);
  background-position: -25px -161px;
  width: 25px;
  height: 44px;
}
#libraryMainsite-t-float_right .background {
  position: absolute;
  top: 0;
  left: 0;
}
#libraryMainsite-t-float_right .content {
  position: absolute;
  left: 0;
  top: 140px;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  gap: 8px;
}
#libraryMainsite-t-float_right .content .MS__sprite-btn-apk {
  margin-bottom: 10px;
}
#libraryMainsite-t-float_right .content .close_floatright {
  position: absolute;
  left: -25px;
  top: 140px;
}
#libraryMainsite-t-float_right .content .gr_social {
  width: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px;
  margin-bottom: 8px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraryMainsite-t-float_left/libraryMainsite-t-float_left.scss ***!
  \********************************************************************************************************************************************************************************************/
#libraryMainsite-t-float_left {
  position: absolute;
  left: 10px;
  top: 220px;
  pointer-events: auto;
}
#libraryMainsite-t-float_left .MS__sprite-bg-text {
  background-image: url(assets/libraryMainsite-t-float_left/images/sprite.png);
  background-position: 0px 0px;
  width: 251px;
  height: 54px;
  display: block;
  font-size: 0;
}
#libraryMainsite-t-float_left .MS__sprite-nav-active {
  background-image: url(assets/libraryMainsite-t-float_left/images/sprite.png);
  background-position: 0px -54px;
  width: 93px;
  height: 90px;
  display: block;
  font-size: 0;
}
#libraryMainsite-t-float_left .MS__sprite-nav {
  background-image: url(assets/libraryMainsite-t-float_left/images/sprite.png);
  background-position: -93px -54px;
  width: 93px;
  height: 90px;
  display: block;
  font-size: 0;
}
#libraryMainsite-t-float_left .background {
  position: absolute;
  top: 0;
  left: 0;
}
#libraryMainsite-t-float_left .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#libraryMainsite-t-float_left .content .list-btns {
  display: flex;
  flex-direction: column;
  gap: 0;
  position: relative;
  width: 115px;
  padding-top: 90px;
}
#libraryMainsite-t-float_left .content .list-btns::after {
  content: "";
  background: url(assets/libraryMainsite-t-float_left/images/line.png);
  width: 71px;
  height: 518px;
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 0;
}
#libraryMainsite-t-float_left .content .list-btns a {
  text-align: center;
  text-decoration: none;
  position: relative;
  font-size: 27px;
  background-image: url(assets/libraryMainsite-t-float_left/images/sprite.png);
  background-position: -93px -54px;
  width: 93px;
  height: 90px;
  position: relative;
  z-index: 1;
}
#libraryMainsite-t-float_left .content .list-btns a.active, #libraryMainsite-t-float_left .content .list-btns a:hover {
  background-image: url(assets/libraryMainsite-t-float_left/images/sprite.png);
  background-position: 0px -54px;
  width: 93px;
  height: 90px;
}
#libraryMainsite-t-float_left .content .list-btns a.active .number, #libraryMainsite-t-float_left .content .list-btns a:hover .number {
  color: #fff;
}
#libraryMainsite-t-float_left .content .list-btns a .number {
  font-family: "BeaufortforLOL-Heavy";
  position: absolute;
  top: 49%;
  left: 49%;
  transform: translate(-50%, -50%);
  font-size: 30px;
  color: #be2419;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tanomg3q-ld-daile-navigation/tanomg3q-ld-daile-navigation.scss ***!
  \********************************************************************************************************************************************************************************************/
#tanomg3q-ld-daile-navigation {
  position: relative;
  pointer-events: auto;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-home {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: 0px 0px;
  width: 196px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-homepc {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: -196px -108px;
  width: 141px;
  height: 58px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-info {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: -196px 0px;
  width: 156px;
  height: 54px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-login {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: 0px -59px;
  width: 196px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-loginpc {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: 0px -177px;
  width: 141px;
  height: 58px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-logout {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: 0px -118px;
  width: 196px;
  height: 59px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-logoutpc {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: -141px -177px;
  width: 141px;
  height: 58px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-btn-topup {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: -196px -54px;
  width: 156px;
  height: 54px;
  display: block;
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .MS__sprite-icon-music {
  background-image: url(assets/tanomg3q-ld-daile-navigation/images/sprite.png);
  background-position: -282px -177px;
  width: 64px;
  height: 58px;
  display: block;
  font-size: 0;
}
@media (orientation: portrait) {
  #tanomg3q-ld-daile-navigation {
    height: 107px;
  }
}
#tanomg3q-ld-daile-navigation .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tanomg3q-ld-daile-navigation .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#tanomg3q-ld-daile-navigation .content {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: flex-end;
}
#tanomg3q-ld-daile-navigation .content .btn_right {
  display: flex;
  align-items: center;
  position: absolute;
  gap: 10px;
  right: 30px;
  top: 20px;
  z-index: 13;
}
@media (orientation: portrait) {
  #tanomg3q-ld-daile-navigation .content .btn_right {
    top: 25px;
    right: 20px;
  }
}
#tanomg3q-ld-daile-navigation .content .btn_right .info {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  color: #fff;
  line-height: 32px;
}
#tanomg3q-ld-daile-navigation .content .btn_right .info span {
  color: #ffefa2;
}
@media (orientation: portrait) {
  #tanomg3q-ld-daile-navigation .content .btn_right .info {
    position: absolute;
    right: 0px;
    top: 60px;
    font-size: 20px;
  }
}

.outer2 {
  position: absolute;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraryMainsite-t-popup/libraryMainsite-t-popup.scss ***!
  \**********************************************************************************************************************************************************************************/
.popup_login .base .box .content {
  padding: 90px 100px;
}
.popup_login .content .sub {
  font-size: 25px;
  margin-top: 20px;
}
.popup_login .content .sub a {
  text-decoration: underline;
  color: #c90000;
}
.popup_login .content .list-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
  padding: 40px 0;
}
.popup_login .content .list-btn .btn-zingid {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -140px;
  width: 455px;
  height: 70px;
  display: block;
  font-size: 0;
}
.popup_login .content .list-btn .btn-facebook {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -70px;
  width: 455px;
  height: 70px;
  display: block;
  font-size: 0;
}
.popup_login .content .list-btn .btn-choingay {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px 0px;
  width: 455px;
  height: 70px;
  display: block;
  font-size: 0;
}
.popup_login .content .list-btn a {
  display: block;
}

.popup_register .content .form-register {
  padding: 50px 0;
}
.popup_register .content form {
  width: 600px;
  height: 100%;
  padding: 0 22px;
  overflow-y: auto;
}
.popup_register .content form .row {
  width: 100%;
  display: flex;
  gap: 12px;
  margin-bottom: 22px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_register .content form .row {
    margin-bottom: 24px;
  }
}
.popup_register .content form .row textarea {
  padding: 10px 12px;
  color: #782400;
  border: 1px solid #606bc3;
  font-size: 24px;
}
.popup_register .content form .row .value {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
}
.popup_register .content form .row .value label {
  font-family: "Roboto-Bold";
  font-size: 24px;
  text-align: left;
  color: #782400;
}
.popup_register .content form .row .value select,
.popup_register .content form .row .value input {
  height: 60px;
  padding-left: 12px;
  color: #782400;
  border: none;
  font-size: 24px;
  outline: none;
}
.popup_register .content form .row .value select::placeholder,
.popup_register .content form .row .value input::placeholder {
  color: #782400;
}
.popup_register .content form .gr_note {
  font-size: 24px;
  text-align: left;
}
.popup_register .content form .gr_note li {
  margin-bottom: 20px;
}
.popup_register .content form .gr_note .purple {
  color: #746dff;
}
.popup_register .content form .btn-dangky {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -210px;
  width: 264px;
  height: 57px;
  font-size: 25px;
  color: #461800;
  text-transform: uppercase;
  line-height: 1;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  font-family: "Roboto-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 5px;
}

.popup_history .content {
  justify-content: flex-start;
}
.popup_history .content .content--body {
  height: 77% !important;
}
.popup_history .content .table_history {
  height: 100%;
}
.popup_history .content nav {
  margin-top: 18px;
  position: absolute;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
}
.popup_history .content nav .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.popup_history .content nav .pagination > li > a {
  color: #6d351a;
  font-size: 20px;
  display: block;
  padding: 2px 10px;
  text-decoration: none;
}
.popup_history .content nav .pagination > li.active > a {
  background-color: #6d351a;
  color: #fff;
}
.popup_history .content nav .pagination a:hover:not(.active) {
  background-color: #6d351a;
  color: #fff;
}

.popup_getlist .content table,
.popup_getlist2 .content table {
  width: 100%;
  border-collapse: collapse;
}
.popup_getlist .content table thead th,
.popup_getlist2 .content table thead th {
  text-transform: uppercase;
  font-size: 26px;
  color: #b72b2a;
  padding: 10px 0;
}
.popup_getlist .content table thead th:nth-child(1),
.popup_getlist2 .content table thead th:nth-child(1) {
  width: 15%;
}
.popup_getlist .content table thead th:nth-child(2),
.popup_getlist2 .content table thead th:nth-child(2) {
  width: 60%;
  text-align: left;
}
.popup_getlist .content table thead th:nth-child(3),
.popup_getlist2 .content table thead th:nth-child(3) {
  width: 25%;
}
.popup_getlist .content table tbody tr td,
.popup_getlist2 .content table tbody tr td {
  text-align: left;
  padding: 10px 0;
}
.popup_getlist .content table tbody tr td:nth-child(1),
.popup_getlist2 .content table tbody tr td:nth-child(1) {
  text-align: center;
}
.popup_getlist .content .btn_get,
.popup_getlist2 .content .btn_get {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -264px -210px;
  width: 181px;
  height: 47px;
  display: block;
  font-size: 24px;
  color: #3a3321;
  text-align: center;
  text-decoration: none;
  line-height: 47px;
  font-weight: bold;
  margin: 0 auto;
}
.popup_getlist .content .btn_get.received,
.popup_getlist2 .content .btn_get.received {
  filter: grayscale(80%);
  pointer-events: none;
}
.popup_getlist .content .gr_nhiemvu,
.popup_getlist2 .content .gr_nhiemvu {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px 0 0;
}
.popup_getlist .content .gr_nhiemvu .d-flex,
.popup_getlist2 .content .gr_nhiemvu .d-flex {
  display: flex;
  align-items: center;
  width: 655px;
}
.popup_getlist .content .gr_nhiemvu .text,
.popup_getlist2 .content .gr_nhiemvu .text {
  text-align: left;
  font-size: 20px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_getlist .content .gr_nhiemvu .text,
  .popup_getlist2 .content .gr_nhiemvu .text {
    font-size: 24px;
    line-height: 34px;
  }
}

.popup_condition .title_nhiemvu {
  font-size: 28px;
  color: #b72b2a;
  text-transform: uppercase;
  padding: 20px 0 5px;
}
.popup_condition .list-btns-nhanluot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.popup_condition input {
  width: 480px;
  height: 45px;
  padding-left: 12px;
  background-color: white;
  color: #645251;
  border: 1px solid #f6d07a;
  font-size: 18px;
  margin-top: 10px;
  text-align: center;
}
.popup_condition input::placeholder {
  color: #645251;
}
.popup_condition #pm__quiz-form .question {
  text-align: left;
}
.popup_condition #pm__quiz-form .question .pm__quiz-name {
  margin-bottom: 10px;
}
.popup_condition #pm__quiz-form input {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 10px;
}
.popup_condition #pm__quiz-form .list-answer {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.popup_condition .content #pm__invite-form .text-invite {
  margin-left: 22px;
  margin-bottom: 22px;
}
.popup_condition .content .btn {
  margin: 10px auto !important;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -210px;
  width: 264px;
  height: 57px;
  display: block;
  font-size: 25px;
  box-sizing: border-box;
  color: #461800;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_condition .content form {
  margin: 0 12px;
}
.popup_condition .content .table {
  width: 100%;
  height: 90%;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 auto;
  padding-right: 10px;
}
.popup_condition .content .table .btn {
  margin: 10px auto !important;
}
.popup_condition .content .table .text-invite {
  background-color: #f7bf73;
  width: 70%;
  margin: 12px 0 6px;
  height: 40px;
  padding-left: 18px;
  box-sizing: border-box;
  border-radius: 34px;
}
.popup_condition .content .table .row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 24px 0;
  position: relative;
}
.popup_condition .content .captcha {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}
.popup_condition .content .captcha img {
  background-color: white;
  border: 1px solid;
}
.popup_condition .content .captcha .btn-refresh {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -386px -267px;
  width: 44px;
  height: 44px;
  position: relative;
  top: -3px;
}

.popup_rule .content .iframe {
  width: 100%;
  height: 100%;
}
.popup_rule .content div.iframe {
  overflow-x: hidden;
  overflow-y: auto;
}

.popup_reward .content .btn_xacnhan,
.popup_reward4 .content .btn_xacnhan,
.popup_reward2 .content .btn_xacnhan {
  margin: 10px auto !important;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -267px;
  width: 229px;
  height: 60px;
  display: block;
  font-size: 30px;
  box-sizing: border-box;
  color: #461800;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 90px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute;
}
.popup_reward .content .sub,
.popup_reward4 .content .sub,
.popup_reward2 .content .sub {
  font-family: "Roboto-Medium";
  font-size: 35px;
  color: #782400;
}
.popup_reward .content .text,
.popup_reward4 .content .text,
.popup_reward2 .content .text {
  font-size: 28px;
  color: #782400;
}
.popup_reward .content .text #rewardContainer .item-name,
.popup_reward4 .content .text #rewardContainer .item-name,
.popup_reward2 .content .text #rewardContainer .item-name {
  font-family: "Roboto-Medium";
  margin-top: 5px;
  color: #b62b2a;
  font-size: 25px;
}
.popup_reward .item,
.popup_reward4 .item,
.popup_reward2 .item {
  height: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}
.popup_reward .item-name,
.popup_reward4 .item-name,
.popup_reward2 .item-name {
  width: 100%;
  font-size: 30px;
  line-height: 40px;
  color: #782400;
  text-align: center;
}
.popup_reward #rewardContainer,
.popup_reward4 #rewardContainer,
.popup_reward2 #rewardContainer {
  width: 800px;
  margin: 0 0 30px;
}
.popup_reward.gift-1 .btn_xacnhan,
.popup_reward4.gift-1 .btn_xacnhan,
.popup_reward2.gift-1 .btn_xacnhan {
  bottom: 100px;
}
.popup_reward.gift-1 .sub,
.popup_reward4.gift-1 .sub,
.popup_reward2.gift-1 .sub {
  margin-top: 20px;
}
.popup_reward.gift-1 #rewardContainer,
.popup_reward4.gift-1 #rewardContainer,
.popup_reward2.gift-1 #rewardContainer {
  transform-origin: top;
  display: flex;
  flex-wrap: wrap;
  width: 950px;
  justify-content: center;
  margin: 10px auto 0;
  gap: 20px 10px;
}
.popup_reward.gift-1 #rewardContainer .item-name,
.popup_reward4.gift-1 #rewardContainer .item-name,
.popup_reward2.gift-1 #rewardContainer .item-name {
  margin-top: 10px !important;
}
.popup_reward.gift-10 .content .text,
.popup_reward4.gift-10 .content .text,
.popup_reward2.gift-10 .content .text {
  margin-top: 0;
}
.popup_reward.gift-10 .content #rewardContainer,
.popup_reward4.gift-10 .content #rewardContainer,
.popup_reward2.gift-10 .content #rewardContainer {
  transform-origin: top;
  display: flex;
  flex-wrap: wrap;
  width: 950px;
  justify-content: center;
  margin: 30px auto 0;
  gap: 20px 10px;
}
.popup_reward.gift-10 .content #rewardContainer .item,
.popup_reward4.gift-10 .content #rewardContainer .item,
.popup_reward2.gift-10 .content #rewardContainer .item {
  width: 180px;
  height: 180px;
  background: none;
  padding-top: 0;
  margin: 0;
}
.popup_reward.gift-10 .content #rewardContainer img,
.popup_reward4.gift-10 .content #rewardContainer img,
.popup_reward2.gift-10 .content #rewardContainer img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.popup_reward.gift-10 .content #rewardContainer .item-name,
.popup_reward4.gift-10 .content #rewardContainer .item-name,
.popup_reward2.gift-10 .content #rewardContainer .item-name {
  font-size: 18px;
  line-height: 20px;
}
.popup_reward .rewardDotpha,
.popup_reward4 .rewardDotpha,
.popup_reward2 .rewardDotpha {
  margin-top: 35px;
}
.popup_reward .rewardDotpha img,
.popup_reward4 .rewardDotpha img,
.popup_reward2 .rewardDotpha img {
  scale: 1.1;
}
.popup_reward .rewardContainer2,
.popup_reward4 .rewardContainer2,
.popup_reward2 .rewardContainer2 {
  padding: 50px 0;
}

.popup_reward2 .sub {
  margin-top: 30px;
}
.popup_reward2 #rewardContainer {
  height: 350px;
  display: flex;
  align-items: center;
}

.popup_inform .content p,
.popup_doiqua .content p {
  font-family: "Roboto-Medium";
  font-size: 30px;
  color: #782400;
  line-height: 1.2;
}
.popup_inform .content .color-blue,
.popup_doiqua .content .color-blue {
  color: #5ffdff;
}
.popup_inform .content .content-body,
.popup_doiqua .content .content-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  width: 100%;
}
.popup_inform .content .exchange_gifts,
.popup_doiqua .content .exchange_gifts {
  font-size: 35px;
  line-height: 1.1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 380px;
}
.popup_inform .content .exchange_gifts .text,
.popup_doiqua .content .exchange_gifts .text {
  font-family: "Roboto-Medium";
  color: #782400;
}
.popup_inform .content .group-btn,
.popup_doiqua .content .group-btn {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.popup_inform .content .btn-confirm,
.popup_doiqua .content .btn-confirm {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -210px;
  width: 264px;
  height: 57px;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  line-height: 82px;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  font-family: "UTMSharnay";
  outline: none;
  cursor: pointer;
}
.popup_inform .content .btn-confirm:hover,
.popup_doiqua .content .btn-confirm:hover {
  filter: brightness(1.3);
}
.popup_inform .content .btn-xacnhan,
.popup_doiqua .content .btn-xacnhan {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -267px;
  width: 229px;
  height: 60px;
  display: block;
  font-size: 30px;
  box-sizing: border-box;
  color: #461800;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding-top: 5px;
  box-sizing: border-box;
}
.popup_inform .content .btn-xacnhan:hover,
.popup_doiqua .content .btn-xacnhan:hover {
  filter: brightness(1.3);
}
.popup_inform .content .red,
.popup_inform .content a,
.popup_doiqua .content .red,
.popup_doiqua .content a {
  color: #ef3a29;
}

.MS__popup {
  height: var(--sr-device-height);
}

.base .off {
  filter: grayscale(100%);
  pointer-events: none;
}
.base .MS__sprite-btn-2 {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -210px;
  width: 264px;
  height: 57px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn-3 {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -267px;
  width: 229px;
  height: 60px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn-close {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -327px;
  width: 96px;
  height: 99px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn-submit {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -229px -267px;
  width: 157px;
  height: 47px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -264px -210px;
  width: 181px;
  height: 47px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-choingay {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px 0px;
  width: 455px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-facebook {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -70px;
  width: 455px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-icon {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -96px -327px;
  width: 35px;
  height: 33px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-refresh {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -386px -267px;
  width: 44px;
  height: 44px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-zingid {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -140px;
  width: 455px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .box {
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (orientation: portrait) {
  .base .box {
    transform: scale(0.6) translate(-50%, -50%);
    transform-origin: left 0;
  }
}
.base .box .btn-close {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -327px;
  width: 96px;
  height: 99px;
  right: 140px;
  top: 60px;
}
.base .box .content {
  font-family: "Roboto";
  padding: 150px 240px 80px 220px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  color: #2c1110;
}
.base .box .content .title {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-family: "BeaufortforLOL-Heavy";
  font-size: 52px;
  line-height: 70px;
  font-weight: bold;
  text-transform: uppercase;
  background: linear-gradient(to bottom, #c42c2d, #8e2622);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.base .box .content .content--body {
  width: calc(100% - 10px);
  padding-right: 10px;
  height: 84%;
  overflow-y: auto;
}
.base .box .content .content--body::-webkit-scrollbar-thumb {
  background: #842e0b;
}
.base .box .content .content--body::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #bcd7ff;
  border: 1px solid #d3cbcb;
}
.base .box .content .captcha {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}
.base .box .content .captcha img {
  background-color: white;
  border: 1px solid;
}
.base .box .content .captcha .btn-refresh {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -386px -267px;
  width: 44px;
  height: 44px;
  position: relative;
  top: -3px;
}
.base .box .content .captcha-input input {
  width: 480px !important;
  height: 45px !important;
  padding-left: 12px;
  background-color: white;
  color: #645251;
  border: 1px solid #f6d07a;
  font-size: 22px;
  margin-top: 10px;
  text-align: center;
}
.base .box .content .captcha-input input::placeholder {
  color: #645251;
}
.base .table_history {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media (orientation: portrait) {
  .base .table_history {
    width: 100%;
    height: 530px;
  }
}
.base .table_history::-webkit-scrollbar-thumb {
  background: #274d8c;
}
.base .table_history table {
  padding: 8px;
  border-collapse: collapse;
  width: 100%;
  font-family: "Roboto";
}
.base .table_history table thead {
  background: #842e0b;
  color: #fff;
}
.base .table_history table thead tr th {
  padding: 12px 10px;
  font-size: 22px;
  color: #fff;
}
.base .table_history table tbody tr {
  background-color: transparent;
}
.base .table_history table tbody tr:nth-child(even) {
  background-color: rgba(244, 210, 151, 0.37);
}
.base .table_history table tbody tr td {
  font-size: 23px;
  padding: 12px 10px;
  color: #6d351a;
}

/*# sourceMappingURL=tanomg3q.css.map*/