/*!********************************************************************************************************************************************!*\
  !*** 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-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/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=diemdanh.css.map*/