/* header start */
.xoso-header {
  position: relative;
}
.cambodia-flag-ul-1,
.cambodia-flag-ul-2 {
  list-style: none;
  padding: 0;
  margin: 0;
}
.cambodia-flag-li-1 {
  position: relative;
}
.cambodia-flag-ul-2 {
  position: absolute;
  z-index: 10;
  top: 40px;
  left: 0;
  width: max-content;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  transform: translateY(50px);
}
.cambodia-flag-li-1:hover .cambodia-flag-ul-2 {
  opacity: 1;
  visibility: visible;
  transition: all 0.3s ease-in-out;
  transform: translateY(0px);
}
.cambodia-flag-ul-1 img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.xoso-header-top {
  background: var(--second-main-color);
  color: var(--background-color);
}
.xoso-header-email a {
  color: var(--background-color);
  font-family: var(--light-font);
  font-size: 0.9rem;
}

.xoso-header-email a i {
  transition: all 0.3s ease-in-out;
}
.xoso-header-email a:hover i {
  color: var(--main-color);
  transition: all 0.3s ease-in-out;
}
.cambodia-flag-a-1 {
  color: var(--background-color);
  font-family: var(--normal-font);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.cambodia-flag-a-1:hover {
  color: var(--main-color);
  transition: all 0.3s ease-in-out;
}
.cambodia-flag-ul-2 {
  background: var(--background-color);
  /* overflow: hidden; */
  border-radius: 5px;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.cambodia-flag-ul-2::before {
  position: absolute;
  content: "";
  top: -15px;
  height: 20px;
  width: 100%;
  background: transparent;
  z-index: -1;
}
.cambodia-flag-a-2 {
  color: var(--text-color);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.cambodia-flag-a-2 .hvr-underline-from-center::before {
  background: var(--text-color);
  bottom: -1px;
}
.cambodia-flag-a-2:hover {
  color: var(--text-color);
  transition: all 0.3s ease-in-out;
}
/* header end */

/* slider start */
.xoso-slider-swiper-item-image {
  overflow: hidden;
  --bs-aspect-ratio: calc(9 / 30 * 100%);
}
.xoso-slider-swiper-item-image a,
.xoso-slider-swiper-item-image img {
  width: 100%;
  height: 100%;
}
.xosoSliderSwiper {
  position: relative;
}
.xoso-slider-prev {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 65px;
  height: 37px;
  transform: translateY(-50%);
  background-image: url("../../img_data/images/btn-prev-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.1s ease-in-out;
  z-index: 100;
  cursor: pointer;
}
.xoso-slider-prev:hover {
  background-image: url("../../img_data/images/btn-prev-2.png");
  transition: all 0.1s ease-in-out;
}
.xoso-slider-next {
  position: absolute;
  top: 50%;
  right: 10px;
  width: 65px;
  height: 37px;
  transform: translateY(-50%);
  background-image: url("../../img_data/images/btn-next-1.png");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.1s ease-in-out;
  z-index: 100;
  cursor: pointer;
}
.xoso-slider-next:hover {
  background-image: url("../../img_data/images/btn-next-2.png");
  transition: all 0.1s ease-in-out;
}

/* slider end */

/* nav start */
.menu-li-icon {
  width: 40px;
  height: 40px;
  object-fit: contain;
  padding-bottom: 5px;
}
.xoso-nav-box-ul {
  list-style: none;
  padding: 0;
  margin: 0;
  background: var(--main-color);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  /* padding: 50px 30px; */
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  position: relative;
}
.menu_li_cap_1 {
  position: relative;
  z-index: 10;
}
.menu_level_1_a {
  color: var(--background-color);
}
.menu_level_1_a span {
  font-size: 1.1rem;
}
.xoso-background-menu-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: blur(5px);
  opacity: 0.2;
  mix-blend-mode: darken;
  z-index: 1;
}
.sub-menu {
  top: 40px;
}
.xoso-thong-bao {
  margin-top: 100px;
}
.marquee-container {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  background: var(--second-main-color);
  padding: 10px 0px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  z-index: 5;
}
.marquee {
  flex: 0 0 auto;
  min-width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  animation: scroll_thongbao 45.2s linear infinite;
  animation-play-state: running;
  animation-delay: 0;
  animation-direction: normal;
  color: var(--background-color);
}

@keyframes scroll_thongbao {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(-100%);
  }
}
.xoso-thong-bao-box {
  position: relative;
}
.bg-marquee-img {
  position: absolute;
  top: -79px;
  left: 50%;
  transform: translateX(-50%) translateY(30px);
  width: 300px;
  height: 100px;
  object-fit: contain;
  object-position: top;
  z-index: 1;
}
.bg-marquee-img-text {
  position: absolute;
  bottom: -90px;
  right: 3%;
  transform: translateX(0%);
  width: 300px;
  height: 100px;
  object-fit: contain;
  object-position: top;
  z-index: 6;
  filter: blur(0.5px);
  opacity: 0.5;
  transition: all 1s ease-in-out;
}
.bg-marquee-img-text.active {
  right: 50%;
  opacity: 1;
  transform: translateX(50%);
  transition: all 1s ease-in-out;
}
/* nav end */

/* trang chủ start */
.xoso-wrapper {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 20px;
}
/* cột trái start */
.xoso-left-label {
  font-family: SVN-Hiro-Misake;
  text-transform: capitalize;
  font-size: 2rem;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  background: var(--main-color);
  color: var(--background-color);
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.icon-cate-left {
  width: 20px;
  height: 20px;
  object-fit: contain;
}
.icon-check-left {
  width: 30px;
  height: 30px;
  object-fit: contain;
}
.xoso-left-cate-box-content-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.xoso-left-cate-box {
  border-radius: 3px;
  overflow: hidden;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.xoso-left-title {
  text-align: center;
  font-size: 1.3rem;
  font-family: var(--title-font);
  background: var(--second-main-color);
  color: var(--background-color);
  text-transform: uppercase;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.xoso-left-cate-box-content-ul li {
  font-size: 1.2rem;
  font-family: var(--title-font);
}
.xoso-left-cate-box-content-ul li i {
  color: var(--main-color);
}
.xoso-ad-left {
  overflow: hidden;
  /* border-radius: 10px; */
  /* box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; */
}
.xoso-ad-box {
  overflow: hidden;
}
.ad-left-img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
.xoso-right {
  overflow: hidden;
}
.bootstrap-calendar-day {
  border-radius: 50%;
}
.js-today {
  background: var(--main-color);
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.bootstrap-calendar-day.active {
  background: var(--second-main-color);
  color: var(--background-color);
  border-radius: 50%;
  transition: all 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.xoso-calendar-box .btn-link {
  color: var(--text-color);
}
.xoso-calendar-box .js-collapse {
  display: none;
}
.xoso-calendar-box .js-weeks {
  padding-bottom: 10px;
}
.xoso-right-tin-tuc-box-image {
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  border-radius: 5px;
}
.xoso-right-tin-tuc-box-image a,
.xoso-right-tin-tuc-box-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.xoso-right-tin-tuc-box-view {
  font-size: 0.9rem;
  color: #c8c9ca;
}
.xoso-right-tin-tuc-box-title a {
  color: var(--text-color);
  transition: all 0.3s ease-in-out;
}
.xoso-right-tin-tuc-box-title a:hover {
  color: var(--second-main-color);
  transition: all 0.3s ease-in-out;
}
/* cột trái end */
/* trang chủ end */

/* BOX XỔ SỐ */
/* xổ số 1 start */
.xoso-1-page {
  min-height: 500px;
  background: #00c9ff; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to right,
    #92fe9d,
    #00c9ff
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to right,
    #92fe9d,
    #00c9ff
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  border-radius: 5px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.xoso-1-image-banner {
  width: 100%;
  height: auto;
  /* object-fit: contain; */
}
.xoso-social-image {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.xoso-nav-pill .nav-link {
  background: var(--second-main-color);
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  overflow: hidden;
  font-size: 1.3rem;
  font-family: var(--title-font);
}
.xoso-nav-pill .nav-link.active {
  background-color: var(--second-text-color);
}
.xoso-3d-title {
  background: var(--second-main-color);
  color: var(--background-color);
  font-size: 1.5rem;
  font-family: var(--title-font);
}
.xoso-3d-item .xoso-3d-content-col-content {
  border-bottom: 1px solid #c8c9ca;
}
.xoso-3d-item:hover .xoso-3d-content-title {
  transition: all 0.3s ease-in-out;
}

.xoso-3d-content-title {
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  height: 100%;
  font-size: 1.5rem;
  font-family: var(--title-font);
  text-align: center;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

  transition: all 0.3s ease-in-out;
}
.xoso-3d-content .xoso-3d-item:nth-child(1) .xoso-3d-content-title {
  background: var(--main-color);
}
.xoso-3d-content .xoso-3d-item:nth-child(2) .xoso-3d-content-title {
  background: #379237;
}
.xoso-3d-content .xoso-3d-item:nth-child(3) .xoso-3d-content-title {
  background: var(--second-main-color);
}
.xoso-3d-content-col-content {
  background: var(--background-color);
  font-size: 3rem;
  color: var(--second-text-color);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  height: 100%;
  text-transform: uppercase;
}
.xoso-3d-content-box {
  height: 100%;
}
.xoso-3d-content-box-gia-chinh-item {
  font-size: 1.5rem;
  border-right: 1px solid #c8c9ca;
}
.xoso-3d-content-box-col-gia-chinh:nth-child(3)
  .xoso-3d-content-box-gia-chinh-item,
.xoso-3d-content-box-col-gia-chinh:nth-child(6)
  .xoso-3d-content-box-gia-chinh-item {
  border: none;
}
.xoso-3d-content-box-gia-chinh-item .xoso-3d-content-number {
  color: #379237;
}
.xoso-3d-content
  .xoso-3d-item:nth-child(3)
  .xoso-3d-content-box-gia-chinh-item {
  border: none;
}
.xoso-3d-content .xoso-3d-item:nth-child(3) .xoso-3d-content-number {
  color: var(--second-main-color);
}
.xoso-1-page {
  padding-bottom: 0;
}
.xoso-btn-tim-don-gian-item {
  border-right: 1px solid #c8c9ca;
  transition: all 0.3s ease-in-out;
  font-family: var(--title-font);
  font-size: 1.2rem;
  cursor: pointer;
}

.xoso-btn-tim {
  background: var(--background-color);
}
.xoso-btn-tim-don-gian-item.active {
  background: var(--main-color);
  color: var(--background-color);
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  border-right: none;
  transition: all 0.3s ease-in-out;
}
.xoso-btn-tim-don-gian-item .hvr-underline-from-center::before {
  background: var(--text-color);
  bottom: 0px;
}
.xoso-btn-tim-so-item-number {
  color: var(--text-color);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  font-family: SVN-Hiro-Misake;
  background: #f37121;
  color: var(--background-color);
}
.xoso-btn-tim-so-item-number:hover {
  background: var(--main-color);
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
}
.xoso-btn-tim-don-gian .xoso-btn-tim-don-gian-item:last-of-type {
  border-right: none;
}
.icon-load-result {
  width: 10px;
  height: 10px;
  transform: translateY(-3px);
  object-fit: contain;
  /* object-position: top; */
}
/* .xoso-3d-content  */

/* xổ số 1 end */

/* xổ số 5d start */
.xoso-5d-box-title {
  width: 100%;
  overflow: hidden;
}
.banner-5d {
  width: 100%;
  height: auto;
}
.xoso-5d-box-content-nav .nav-link {
  background: var(--second-main-color);
  color: var(--background-color);
  font-size: 1.5rem;
  font-family: AlumniSans-Bold;
  text-transform: uppercase;
  border: none;
  outline: none;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.xoso-5d-box-content-nav .nav-link:hover {
  background-color: #f37121;
  transition: all 0.3s ease-in-out;
}
.xoso-5d-box-content-nav .nav-link.active {
  background: var(--second-text-color);
  transition: all 0.3s ease-in-out;
}
.xoso-5d-page {
  position: relative;
  padding: 0;
  border-radius: 5px;
  background: var(--background-color);
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
  overflow: hidden;
}
.xoso-5d-giai-nhi .xoso-3d-content-box-col-gia-chinh {
  border-right: 1px solid #c8c9ca;
}
.xoso-5d-giai-nhat .xoso-3d-content-title {
  background: #3edbf0 !important;
}
.xoso-5d-giai-nhat .xoso-3d-content-col-content {
  font-size: 2rem;
}
.xoso-5d-giai-nhat .xoso-3d-content-number {
  color: #3edbf0;
}
.xoso-5d-giai-nhi .xoso-3d-content-title {
  background: #393e46 !important;
}
.xoso-5d-giai-nhi .xoso-3d-content-number {
  color: #393e46 !important;
}
.xoso-5d-giai-ba .xoso-3d-content-title {
  background: #379237 !important;
}
.xoso-5d-giai-ba .xoso-3d-content-number {
  color: #379237 !important;
}
.xoso-5d-giai-khuyen-khich .xoso-3d-content-title {
  background: var(--second-main-color) !important;
}
.xoso-5d-giai-khuyen-khich .xoso-3d-content-number {
  color: var(--second-main-color) !important;
}
/* xổ số 5d end */
.content-khong-co-du-lieu {
  background: var(--background-color);
  color: var(--text-color);
  height: 100%;
  min-height: 300px;
  text-align: center;
  font-size: 2rem;
  font-family: var(--title-font);
  display: flex;
  justify-content: center;
  align-items: center;
}
/* BOX XỔ SỐ END */

.dong-ho {
  position: fixed;
  bottom: 10px;
  left: 10px;
  z-index: 1000;
  font-size: 2rem;
  font-family: var(--title-font);
  color: var(--second-text-color);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  background: var(--background-color);
  padding: 10px;
  border: 1px solid;
  border-radius: 10px;
}
.xoso-5d-giai-khuyen-khich .xoso-3d-content-box-gia-chinh-item {
  border-right: none;
}
.xoso-3d-content-number span {
  display: inline-flex;
  align-items: center;
  transition: all 0.05s ease-in-out;
  border-radius: 50%;
}
.xoso-3d-content-number.active span {
  background-color: #21d4fd;
  background-image: linear-gradient(19deg, #21d4fd 0%, #b721ff 100%);

  display: inline-flex;
  color: var(--background-color);
  border-radius: 50%;

  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  transition: all 0.05s ease-in-out;
}

/* footer start */
.xoso-cambodia-footer {
  background: var(--main-color);
  color: var(--background-color);
}
.xoso-cambodia-footer-top {
  border-bottom: 1px solid var(--background-color);
}
.xoso-cambodia-footer-bottom-menu-ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
}
.xoso-cambodia-footer-bottom-menu-ul a {
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.xoso-cambodia-footer-bottom-social-ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.xoso-cambodia-footer-bottom-social-ul a {
  width: 35px;
  height: 35px;
  display: inline-flex;
  font-size: 1.2rem;
  justify-content: center;
  align-items: center;
  background: var(--second-main-color);
  border-radius: 50%;
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px,
    rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.xoso-cambodia-footer-bottom-social-ul li:nth-child(1) a {
  background: #2e578f;
}
.xoso-cambodia-footer-bottom-social-ul li:nth-child(2) a {
  background: #00a5db;
}
.xoso-cambodia-footer-bottom-social-ul li:nth-child(3) a {
  background: #f70013;
}
.xoso-cambodia-footer-bottom-social-ul li:nth-child(4) a {
  background: #000;
}
.xo-so-copy-right {
  background: #333a40;
  color: var(--background-color);
  font-family: SVN-Hiro-Misake;
}
.xo-so-copy-right a {
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
}
/* footer end */

/* bổ sung giao diện mobile start */
.noi-dung-admin-tao-page {
  /* border: 1px solid var(--text-color); */
  border-radius: 5px;
  padding: 0;
  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}
.noi-dung-admin-tao-page-content {
  max-width: 100%;
}
.noi-dung-admin-tao-page-content table {
  min-width: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.xoso-1-page-image {
  overflow: hidden;
}
.calendar-icon {
  position: fixed;
  z-index: 1000;
  bottom: 80px;
  right: 10px;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
    rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
    rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px,
    rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}
.calendar-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.xoso-language-dropdown-btn button {
  background: transparent;
  border: none;
  outline: navajowhite;
}
.xoso-language-dropdown-btn .dropdown-menu {
  min-width: 1px;
  text-align: center;
  width: max-content;
  background: var(--background-color);
  border: none;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px,
    rgba(0, 0, 0, 0.1) 0px 2px 4px 0px,
    rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.noi-dung-admin-tao-page-content table tbody,
.noi-dung-admin-tao-page-content table td,
.noi-dung-admin-tao-page-content table tfoot,
.noi-dung-admin-tao-page-content table th,
.noi-dung-admin-tao-page-content table thead,
.noi-dung-admin-tao-page-content table tr {
  border-width: 1px;
}
.noi-dung-admin-tao-page-content table a {
  transition: all 0.3s ease-in-out;
}
.noi-dung-admin-tao-page-content table a:hover {
  color: var(--second-main-color);
  transition: all 0.3s ease-in-out;
}
.ys-tin-tuc-item-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.noi-dung-admin-tao-page-content table td {
  transition: all 0.3s ease-in-out;
  padding: 3px 5px;
}
.noi-dung-admin-tao-page-content table td:hover {
  background-color: #21d4fd;
  background-image: linear-gradient(19deg, #21d4fd 0%, #b721ff 100%);
  color: var(--background-color);
  transition: all 0.3s ease-in-out;
}
.noi-dung-admin-tao-page-content table td:hover a {
  color: var(--background-color);
}
/* bổ sung giao diện mobile end */