/* Common styles */

* {
  border: 0px;
  box-sizing: inherit;
  -webkit-font-smoothing: auto;
  font-weight: inherit;
  margin: 0px;
  outline: 0px;
  padding: 0px;
  text-decoration: none;
  text-rendering: optimizelegibility;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

body {
  background-color: rgb(245, 245, 245) !important;
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: unset !important;
}

a:hover {
  color: #d14200;
}

a,
button,
select {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: #212325;
}

.header {
  padding-top: 5px;
  min-height: 60px;
  background: #ffffff;
  border-bottom: 1px solid #ecedef;
}

.header-container {
  width: 100%;
  margin: 0px auto;
  position: relative;
  padding: 0px;
}

.menu-logo {
  display: flex;
  width: 100%;
  align-items: center;
}

.logo {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: start;
  height: 100%;
}

.logo a {
  width: 160px;
  height: 24px;
}

.logo-wrapper {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  margin: 0;
}

.logo-image img {
  max-width: 100%;
  display: block;
  margin: 0;
  border: none;
  padding: 0;
}

.menu-logo .menu {
  display: flex;
  flex: 9 1 0%;
  align-items: center;
  justify-content: flex-end;
  list-style: none;
  padding: 0px;
  margin: 0px;
}

.menu-logo .menu-item {
  display: flex;
  padding: 0px;
  margin: 0px 50px 0px 0px;
  position: relative;
  cursor: pointer;
}

.menu-button {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 16px;
  background: transparent;
}

.search {
  display: flex;
  align-items: center;
}

.search-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 101;
  max-width: 460px;
}

.br-im {
  background-color: transparent;
  display: inline-block;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
}

.ic-noti {
  width: 20px;
  height: 20px;
  background-position: -144px -50px;
  margin-right: 5px;
}

.ic-user {
  width: 20px;
  height: 20px;
  background-position: -144px -80px;
  margin-right: 5px;
}

.ic-login {
  width: 20px;
  height: 20px;
  background-position: -144px -110px;
  margin-right: 5px;
}

.ic-manager {
  width: 20px;
  height: 20px;
  background-position: -144px -20px;
  margin-right: 5px;
}

.search {
  display: flex;
  justify-content: center;
  left: 0px;
  top: 45px;
  width: 100%;
  height: auto;
  z-index: 100;
  background: #ffffff;
}

.search-input {
  width: 100%;
  outline: none;
  background-color: #ffffff;
  border: 1px solid #ecedef;
  border-radius: 24px;
  color: #212325;
  font-weight: normal;
  z-index: 100;
}

.search-icon {
  cursor: pointer;
  position: absolute;
  z-index: 100;
  right: 14px;
  width: 20px;
  height: 20px;
  background-position: -175px -20px;
  background-color: transparent;
  display: inline-block;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
}

.menu-search {
  justify-content: center;
  display: flex;
}

.menu-search ul {
  display: flex;
  list-style: none;
  flex-basis: 240px;
}

.btn-post {
  flex-basis: 160px;
}

.btn-post button {
  cursor: pointer;
  float: right;
  width: 160px;
  height: 40px;
  line-height: 40px;
  background-color: #FF8800;
  border-radius: 24px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  font-size: 16px;
}

.btn-post button > span {
  color: #ffffff;
  margin-right: 6px;
}

.btn-post button > span.icon-post {
  width: 24px;
  height: 24px;
  background-position: -282px -197px;
  background-color: transparent;
  display: inline-block;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
}

.menu-search .menu-item:first-child {
  padding-left: 0px;
  border-right: solid 1px #ecedef;
}

.menu-search .menu-item {
  position: relative;
  padding: 0px 24px;
  height: 24px;
  white-space: nowrap;
}

.menu-search .menu-item a {
  display: block;
  height: 22px;
  width: 100%;
}

.navigation .menu {
  display: flex;
  height: 100%;
  padding: 0px;
  margin: 0px;
  list-style: none;
  align-items: center;
}

.navigation .menu .menu-item {
  height: 100%;
  flex: 1 1 0%;
  cursor: pointer;
  position: relative;
}

.navigation .menu .menu-item > a,
.navigation .menu .menu-item .personal {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  align-items: center;
  color: #717375;
  padding: 15px 0px;
}

.navigation .menu .menu-item span {
  font-size: 13px;
  line-height: 16px;
  text-align: center;
}

.navigation .menu .menu-item .icon-home,
.navigation .menu .menu-item .icon-notification,
.navigation .menu .menu-item .icon-publish,
.navigation .menu .menu-item .icon-manage,
.navigation .menu .menu-item .icon-personal {
  background-color: transparent;
  display: inline-block;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
}

.navigation .menu .menu-item .icon-home {
  width: 22px;
  height: 22px;
  margin-bottom: 8px;
  background-position: -462px -198px;
}

.navigation .menu .menu-item .icon-notification {
  width: 22px;
  height: 22px;
  margin-bottom: 8px;
  background-position: -506px -242px;
}

.navigation .menu .menu-item .icon-publish {
  border-radius: 50%;
  background-color: #0671ca;
  width: 32px;
  height: 32px;
  background-position: -280px -193px;
  margin-top: -8px;
  margin-bottom: 6px;
}

.navigation .menu .menu-item .icon-manage {
  width: 22px;
  height: 22px;
  margin-bottom: 8px;
  background-position: -550px -242px;
}

.navigation .menu .menu-item .icon-personal {
  width: 22px;
  height: 22px;
  margin-bottom: 8px;
  background-position: -593px -241px;
}

.navigation .menu .menu-item.activeMenu a,
.navigation .menu .menu-item.activeMenu span {
  color: #d14200;
}

.slick-carousel {
  display: flex;
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: rgb(241, 241, 241);
  width: 100%;
  margin: 0px auto;
  position: relative;
  padding: 0px;
}

@media (max-width: 989.8px) {
  .jobs .slick-list .item-grid {
    width: 100%;
  }

  .jobs .item-grid:nth-child(3n) {
    border-left-color: #ecedef;
  }

  .jobs .item-grid {
    width: 50%;
    min-height: 286px;
    padding: 10px;
    border-width: 1px;
    border-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    -o-border-image: initial;
       border-image: initial;
    border-top-color: #ecedef;
  }

  .jobs .item-grid .image {
    height: unset;
  }

  .jobs .item-grid .image .photo {
    bottom: 6px;
    right: 6px;
  }

  .jobs .item-grid .infor {
    height: 115px;
  }

  .jobs .item-grid .infor .title .price {
    font-size: 16px;
  }

  .jobs .item-grid .infor span {
    font-size: 16px;
    line-height: 20px;
  }

  .jobs .item-grid .infor .more span {
    font-size: 12px !important;
    line-height: 16px;
    height: 20px;
  }

  .list-post .data-left {
    width: 100%;
  }

  .list-post .data-left .title-header {
    padding: 0px 10px;
  }

  .list-post .data-left .line-padding {
    height: 16px;
    background-color: rgb(245, 247, 249);
  }

  .list-post .data-right {
    width: 100%;
    padding: 16px;
    flex-direction: column-reverse;
  }

  .list-post .data-right .menu,
  .list-post .data-right .city {
    border-radius: 4px;
  }

  .line-padding {
    height: 16px;
    background-color: rgb(245, 247, 249);
  }

  .slick-carousel {
    height: 200px;
  }

  .slick-carousel img {
    max-height: 200px;
  }

  .navigation-menu {
    margin-top: 16px;
    border-radius: 0px;
  }

  .navigation-menu .menu-item {
    width: 25%;
    padding: 0px 5px;
  }

  .navigation-menu .menu-item .icon {
    padding: 7px;
    background-image: url(https://timnguoigiupviec.vn/storage/icons/2-mobile.png);
    width: 56px !important;
    height: 56px !important;
  }

  .navigation-menu .menu-item .title {
    line-height: 20px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .navigation {
    display: block;
    width: 100%;
    height: 75px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background-color: #ffffff;
    border-top: 1px solid #dadcdf;
    box-shadow: rgba(130, 130, 130, 0.16) 0px -2px 8px;
    z-index: 200;
  }

  .navigation .menu {
    flex-wrap: nowrap;
  }

  .menu-search ul {
    display: none;
  }

  .menu-search .btn-post {
    display: none;
  }

  .menu-search {
    padding: 0px 6px 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 160px;
  }
}

.classified-area .wishlist:hover {
  background-color: rgba(255, 147, 98, 0.3);
}

.classified-area .wishlist {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: 6px 6px;
}

.classified-area .wishlist.fLwuFp {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: 6px -90px;
}

.jobs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  background: #ffffff;
}

.jobs .item-grid {
  position: relative;
  display: flex;
  flex-direction: column;
}

.jobs .item-grid .image {
  position: relative;
  width: 100%;
  border-radius: 2px;
  background-color: rgb(241, 241, 241);
  margin-bottom: 5px;
  padding-top: 75%;
}

.jobs .item-grid .image img {
  position: absolute;
  top: 0px;
  opacity: 1;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.jobs .item-grid .image .temp {
  position: absolute;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
  background-position: -48px -192px;
  top: 0px;
  left: 5px;
  width: 20px;
  height: 20px;
}

.jobs .item-grid .image .wishlist:hover {
  background-color: rgba(255, 147, 98, 0.3);
}

.jobs .item-grid .image .wishlist {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: 6px 6px;
}

.jobs .item-grid .image .wishlist.fLwuFp {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: 6px -90px;
}

.jobs .item-grid .image .photo {
  position: absolute;
  width: 24px;
  height: 20px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: 0px -242px;
}

.jobs .item-grid .image .love {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: 6px -90px;
}

.jobs .item-grid .infor > a:visited {
  color: rgb(113, 115, 117);
}

.jobs .item-grid .infor {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.jobs .item-grid .infor .title {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.jobs .item-grid .infor .title .price {
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: #d14200;
  min-height: 24px;
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jobs .item-grid .infor .more {
  display: flex;
  align-items: center;
  color: #717375;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  list-style: none;
  text-overflow: ellipsis;
}

.jobs .item-grid .infor .more .line-height {
  margin-bottom: 0px;
  line-height: 20px;
  height: 20px;
  display: inline-block;
  color: #717375;
  font-size: 14px;
}

.jobs .item-grid .infor .more .time {
  display: flex;
  align-items: flex-end;
  margin-right: 5px;
}

.jobs .item-grid .infor .more .time span {
  display: inline-block;
  line-height: 16px;
}

.jobs .item-grid .infor .more .time .icon-time {
  width: 16px;
  height: 16px;
  background-position: -20px -46px;
  margin-right: 5px;
}

.jobs .item-grid .infor .more .location {
  display: flex;
  align-items: flex-end;
}

.jobs .item-grid .infor .more .location span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jobs .item-grid .infor .more .location .icon-location {
  width: 16px;
  height: 16px;
  background-position: -45px -46px;
  margin-right: 5px;
}

.jobs .item-grid .infor .more .icon-location,
.jobs .item-grid .infor .more .icon-time {
  background-color: transparent;
  display: inline-block;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
}

.jobs .item-grid .infor .title span {
  margin: 0px;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  max-height: 48px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.jobs .item-grid .infor a::after {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 1;
}

.jobs .item-grid:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px 0px;
  z-index: 1000;
}

.list-post {
  max-width: 990px;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 16px;
}

.list-post .data-left .job-carousel {
  width: 100%;
  margin: 0px auto;
  position: relative;
  padding: 0px;
}

.list-post .data-left .job-carousel .carousel-container {
  width: 100%;
}

.list-post .data-left .title-header {
  min-height: 56px;
  padding: 16px;
  background-color: #ffffff;
  border: 1px solid #ecedef;
  display: flex;
  align-items: center;
}

.list-post .data-left .title-header h1 {
  color: #212325;
  font-size: 20px;
  line-height: 30px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.list-post .data-left .line-post {
  width: 100%;
}

.list-post .data-right {
  display: flex;
}

.list-post .data-right ul {
  padding: 0px;
  margin-left: 16px;
}

.list-post .data-right ul li a {
  display: block;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  padding: 6px 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.list-post .data-right .city div {
  font-size: 15px;
  font-weight: bold;
}

.list-post .data-right .show-more-button {
  width: 100%;
  background: transparent;
  margin-top: 24px;
  font-size: 14px;
  line-height: 20px;
  color: #454749;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.list-post .data-right .menu,
.list-post .data-right .city {
  background: #ffffff;
  border: 1px solid #ecedef;
  border-radius: 8px;
  width: 100%;
  padding: 16px;
  margin-bottom: 16px;
}

.line-padding {
  width: 100%;
}

.navigation-menu {
  padding: 16px;
  background: #ffffff;
  border-radius: 8px;
  margin-top: 24px;
}

.navigation-menu .menu {
  display: flex;
  list-style: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  flex-wrap: wrap;
  margin: 0px;
}

.navigation-menu .menu .menu-item {
  position: relative;
  color: #454749;
  cursor: pointer;
  margin-bottom: 16px;
}

.navigation-menu .menu .menu-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.navigation-menu .menu .menu-item .icon-viec-tim-nguoi,
.navigation-menu .menu .menu-item .icon-nguoi-tim-viec,
.navigation-menu .menu .menu-item .icon-dich-vu-lao-dong,
.navigation-menu .menu .menu-item .icon-bai-viet-huu-ich {
  position: relative;
  border-radius: 12px;
  border: 1px solid #ecedef;
  margin-bottom: 8px;
  background-origin: content-box;
  background-color: rgb(236, 246, 254);
  display: inline-block !important;
}

.navigation-menu .menu .menu-item .icon-viec-tim-nguoi {
  background-position: -20px -20px;
}

.navigation-menu .menu .menu-item .icon-nguoi-tim-viec {
  background-position: -20px -96px;
}

.navigation-menu .menu .menu-item .icon-dich-vu-lao-dong {
  background-position: -20px -172px;
}

.navigation-menu .menu .menu-item .icon-bai-viet-huu-ich {
  background-position: -20px -248px;
}

.navigation-menu .menu .menu-item .title {
  display: block;
  width: 100%;
  text-align: center;
  overflow: hidden;
}

.slick-prev:before,
.slick-next:before {
  color: #ffba00 !important;
}

@media (min-width: 990px) {
  .jobs .slick-list .item-grid {
    width: 100%;
  }

  .jobs .item-grid:nth-of-type(3n) {
    border-right-color: #ecedef;
  }

  .jobs .item-grid {
    width: 33.3333%;
    min-height: 310px;
    padding: 12px;
    border-width: 1px;
    border-style: solid;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -o-border-image: initial;
       border-image: initial;
    border-top-color: #ecedef;
    border-left-color: #ecedef;
  }

  .jobs .item-grid .image {
    height: 146px;
  }

  .jobs .item-grid .photo {
    bottom: 8px;
    right: 8px;
  }

  .jobs .item-grid .infor {
    height: 130px;
  }

  .jobs .item-grid:nth-child(-n+3) {
    border-top-color: transparent;
  }

  .list-post .data-left {
    width: calc(100% - 300px);
    padding-right: 24px;
  }

  .list-post .data-left .job-carousel {
    max-width: 990px;
  }

  .list-post .data-left .job-carousel .carousel-container {
    border: 1px solid rgb(255, 181, 108);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
  }

  .list-post .data-left .title-header {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
  }

  .list-post .data-left .line-post {
    height: 8px;
    background-color: transparent;
  }

  .list-post .data-right {
    width: 300px;
    flex-direction: column;
  }

  .list-post .data-right .menu,
  .list-post .data-right .city {
    background: #ffffff;
    border: 1px solid #ecedef;
    border-radius: 8px;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
  }

  .line-padding {
    height: 24px;
    background-color: transparent;
  }

  .slick-carousel {
    max-width: 990px;
    border-radius: 12px;
    height: 250px;
  }

  .slick-carousel img {
    border-radius: 12px;
    max-height: 250px;
  }

  .navigation-menu {
    max-width: 990px;
    min-height: 168px;
    border-radius: 12px;
    padding: 16px;
    margin: 22px auto 0px;
  }

  .navigation-menu .menu-item {
    margin-left: 0px;
    max-width: 110px;
    min-width: 90px;
    width: unset;
  }

  .navigation-menu .menu-item a {
    width: 108px;
  }

  .navigation-menu .menu-item .icon {
    padding: 5px;
    background-image: url(https://timnguoigiupviec.vn/storage/icons/2-desktop.png);
    width: 70px !important;
    height: 70px !important;
  }

  .navigation-menu .menu-item .title {
    line-height: 24px;
    font-size: 14px;
    text-overflow: ellipsis;
  }

  .navigation {
    display: none;
  }

  .search {
    flex: 1 1 0%;
    position: relative;
    height: unset;
    top: unset;
    margin-top: 10px;
    padding-top: 0px;
  }

  .menu-search {
    height: 50px;
    align-items: flex-end;
  }

  .header-container {
    max-width: 990px;
  }

  .menu-logo {
    height: 48px;
  }

  .logo {
    flex: 3 1 0%;
  }

  .logo img {
    /*width: 240px;*/
    /*height: 36px;*/
  }

  .menu-logo .menu {
    height: 48px;
  }

  .search-wrapper {
    height: 40px;
  }

  .search-input {
    font-size: 15px;
    box-shadow: rgb(245, 247, 249) 0px 0px 0px 2px;
    height: 40px;
    padding-right: 72px;
  }
}

.ilPyXI {
  margin: 0px auto;
  box-sizing: content-box;
  background-color: #ffffff;
  padding: 16px;
}

.fquRqg h3 {
  margin: 0px;
  color: #d14200;
}

.gYeJQf {
  margin-top: 16px;
  clear: both;
}

.iLTwPL {
  display: inline-block;
  font-weight: 700;
}

.aXcUQ {
  position: relative;
  display: flex;
  align-items: center;
}

.fvdaMV input {
  padding-right: 36px;
}

.aXcUQ input {
  margin-bottom: 0px;
}

.etwauR {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  padding: 14px 8px;
  border: 1px solid #dadcdf;
}

.fvdaMV span {
  right: 8px;
}

.aXcUQ span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (min-width: 768px) {
  .header {
    padding-bottom: 10px;
    width: 100%;
    position: sticky;
    top: 0px;
    z-index: 1001;
  }

  .ilPyXI {
    border-radius: 12px;
    padding: 40px;
    box-shadow: 1px 1px 1px 1px #ecedef;
  }

  .jVsIoB h3 {
    font-size: 28px;
    color: rgb(255, 100, 30);
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 768px) {
  .menu-logo .menu {
    display: none;
  }

  .search-input {
    padding: 6px 12px;
  }

  .search-icon {
    width: 16px;
    height: 16px;
  }
}

.slick-slider {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-carousel.jobs .slick-prev,
.slick-carousel.jobs .slick-next {
  flex: 0 0 auto;
  font-size: 0px;
  line-height: 0;
  position: absolute;
  display: block;
  width: 35px;
  height: 35px;
  border: 1px solid rgb(236, 237, 239);
  border-radius: 50%;
  padding: 0px;
  cursor: pointer;
  color: transparent;
  outline: none;
  opacity: 0.85;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
  background-position: center center;
  background-size: initial;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: #ffffff;
}

.slick-carousel.jobs .slick-next {
  right: 0px;
  background-color: rgb(247, 248, 249);
}

.slick-carousel.jobs .slick-prev,
.slick-carousel.jobs .slick-next {
  position: absolute;
  z-index: 1000;
}

.slick-carousel.jobs .slick-prev {
  left: 0px;
}

.item.noti a.link {
  width: 100%;
  flex-direction: row;
  display: flex;
  margin-bottom: 15px;
  border-bottom: 1px solid #dee2e6;
}

.item.noti .image {
  float: left;
  margin: 0px 8px 0px 0px;
}

.item.noti .image img {
  min-width: 100px;
  max-width: 100px;
  vertical-align: middle;
}

.item.noti .title {
  font-weight: bold;
  height: 60px;
  line-height: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

section nav {
  max-width: 1025px;
  margin-right: auto;
  margin-left: auto;
}

.container.login {
  background-color: #f1f1f1;
}

.container.login .form {
  margin-left: auto;
  margin-right: auto;
  background-color: white;
}

.container.login .form a {
  color: #007bff !important;
  text-decoration: none;
  background-color: transparent;
}

.login .form {
  padding: 50px 20px;
}

#login_form .btn-success {
  width: 100%;
  color: #fff;
  background-color: #ffba00;
  border-color: #ffba00;
}

.section-title {
  text-align: center;
  margin: 20px auto;
  font-weight: 900;
  color: #ffba00;
  padding-top: 20px;
}

#login {
  padding-bottom: 100px;
  background-color: #f1f1f1;
}

@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 990px !important;
  }
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #ced4da !important;
  height: calc(1.5em + 0.75rem + 2px) !important;
}

.eTBLjO {
  width: 100%;
}

.kavwNJ {
  display: flex;
  flex-direction: column;
  border: 1px solid #ecedef;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 16px;
}

.inQhcU {
  padding-bottom: 10px;
  border-bottom: 1px solid #ecedef;
  display: flex;
  align-items: center;
}

.iscRJC {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #ecedef;
  -o-object-fit: cover;
     object-fit: cover;
  display: flex;
}

.fbIXMV {
  margin-left: 8px;
}

.fbIXMV .content {
  color: rgb(82, 171, 244) !important;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.fbIXMV span {
  display: block;
}

.keuxpL {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}

.jkIWCF {
  position: relative;
}

.gamRHG {
  margin-top: 12px;
}

.gamRHG button {
  cursor: pointer;
  border: none;
  border-radius: 8px;
  background-color: #ecf6fe;
  padding: 15px 0px;
  width: 100%;
  height: 40px;
  white-space: nowrap;
}

.bhkapW {
  background-color: #ffffff;
  border: 1px solid #0671ca;
  color: #0671ca;
}

.GyMYV {
  display: none;
  content: "";
  position: absolute;
  top: -45px;
  right: 0px;
  padding: 6px 8px;
  font-size: 14px;
  background-color: #fff1eb;
  border-radius: 2px;
}

.jLpDkO {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border-radius: 24px;
  font-size: 16px;
  font-weight: 400;
  width: 100%;
  height: 48px;
  border: 1px solid #dadcdf;
  box-sizing: border-box;
}

.eWdJrI {
  background-color: #d14200;
  order: 1px solid #d14200;
  font-weight: 700;
  color: #ffffff;
}

.iHkGST button {
  margin-top: 20px;
  padding: 10px 30px;
  cursor: pointer;
}

.cqIWIF button {
  cursor: pointer;
}

.gamRHG button span {
  color: #0671ca;
  font-weight: 700;
  font-size: 15px;
  position: relative;
  margin-left: 30px;
}

.gamRHG button span::before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(https://timnguoigiupviec.vn/storage/icons/lineal-primary.svg) center center/cover no-repeat;
  position: absolute;
  top: -2px;
  left: -32px;
}

.guDaOL {
  background-color: #0671ca;
  border: 1px solid #0671ca;
  font-weight: 700;
  color: #ffffff;
}

.guDaOL:disabled {
  border: none;
  cursor: not-allowed;
  background-color: #b2dafa !important;
}

.jLpDkO span {
  margin-left: 14px;
  margin-right: 14px;
}

.gQhVfS button {
  width: 248px;
}

.jkIWCF button {
  border-radius: 8px;
  cursor: pointer;
  border: none;
  width: 100%;
  height: 40px;
  white-space: nowrap;
  padding: 8px 16px;
  background-color: #0671ca;
}

.gFAyCM {
  display: flex;
  justify-content: center;
}

.lbhTvB {
  width: 20px;
  height: 20px;
  background: url(https://timnguoigiupviec.vn/storage/icons/phone-light.svg) center center/cover no-repeat;
}

.hAVGFh {
  visibility: visible;
  content: "";
  position: absolute;
  top: -45px;
  right: 0px;
  padding: 6px 8px;
  font-size: 14px;
  background-color: #fff1eb;
  border-radius: 2px;
}

.jLpDkO span {
  margin-left: 14px;
  margin-right: 14px;
}

.jkIWCF button span {
  font-weight: 700;
  font-size: 15px;
  margin: 0px;
}

.jUzypH {
  position: relative;
  margin-left: 11px !important;
  margin-right: 0px !important;
}

.jUzypH::after {
  display: block;
  content: "******";
  position: absolute;
  top: 0px;
  right: 0px;
  padding-right: 16px;
  background-color: #0671ca;
}

.iQkMpd {
  position: relative;
}

.iQkMpd button {
  border-radius: 8px;
  cursor: pointer;
  border: none;
  width: 100%;
  height: 40px;
  white-space: nowrap;
  padding: 8px 16px;
  background-color: #078959;
}

.iQkMpd button span {
  font-weight: 700;
  font-size: 15px;
  margin: 0px;
}

.jksBPQ {
  position: relative;
  margin-left: 11px !important;
  margin-right: 0px !important;
}

.eWzYNQ {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
  width: calc(100% - 338px);
}

.ihoYxx {
  width: 100%;
  background-color: #ecedef;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.slick-slider {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.eISxmk {
  display: flex;
  flex-direction: column;
}

.eTDNqu {
  width: 100%;
}

.klItbj {
  background-color: #ffffff;
  padding: 16px;
}

.klItbj h1 {
  font-weight: 700;
  font-size: 18px;
  color: rgb(33, 35, 37);
  line-height: 1.5;
}

.klItbj .price {
  color: #d14200;
  font-weight: 700;
  line-height: 1.5;
  font-size: 18px;
  margin-top: 8px;
}

.klItbj .address,
.klItbj .code,
.klItbj .date {
  position: relative;
  margin-top: 2px;
  font-size: 15px;
  line-height: 1.5;
}

.klItbj .address i,
.klItbj .code i,
.klItbj .date i {
  margin-right: 8px;
}

.bZuuMO {
  width: 16px;
  height: 16px;
  left: 0px;
  top: 2px;
  position: absolute;
  background-size: cover;
}

.fGnMSX {
  width: 16px;
  height: 16px;
  left: 0px;
  top: 2px;
  position: absolute;
  background-size: cover;
}

.kzipBv img {
  border-radius: 0px;
  max-width: unset;
  width: unset;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.slick-slide img {
  display: block;
}

.juxydZ .content-area {
  order: 1;
}

#page .content-area .fGkbZy img {
  max-width: 100%;
}

#page .content-area .fGkbZy p {
  margin-bottom: -15px;
  margin-top: -15px;
}

.gXrCuJ {
  width: 100%;
  margin: 0px auto;
  position: relative;
  padding: 0px;
}

.WWhVi {
  display: flex;
}

.Pewsp {
  background: #ffffff;
  padding: 16px;
  font-size: 15px;
  line-height: unset;
}

.fGkbZy {
  overflow-wrap: break-word;
  word-break: break-word;
  text-align: justify;
  white-space: pre-line;
  font-size: 15px;
}

.eISxmk .phone-wrapper {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 22px;
  color: #0671ca;
}

.eISxmk .phone-wrapper .phone-hidden {
  display: flex;
}

.eISxmk .phone-wrapper span:first-child {
  font-weight: 700;
}

.toastify {
  max-width: calc(100% - 20px);
}

.eISxmk .tool-tips {
  display: none;
  position: absolute;
  top: -40px;
  left: 0px;
  padding: 5px 10px;
  font-size: 14px;
  color: #454749;
  background-color: #fff1eb;
  border-radius: 8px;
  white-space: nowrap;
  cursor: unset;
}

.eISxmk .phone-wrapper .phone-hidden span:last-child {
  font-weight: 400;
}

.eISxmk .phone-wrapper .show-phone {
  height: 22px;
  color: #0671ca;
  border: 1px solid #0671ca;
  border-radius: 8px;
  font-size: 12px;
  line-height: 22px;
  padding: 0px 8px;
  margin-left: 4px;
}

.kWbIwg {
  background-color: #ffffff;
  padding: 16px;
}

.gpzXbb {
  padding-bottom: 10px;
  overflow: hidden;
}

.lgZYYB {
  display: flex;
  width: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  margin-top: 16px;
}

.hvHdxa {
  display: flex;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
}

.XVVnH {
  list-style: none;
  display: flex;
  margin-top: 16px;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.XVVnH li {
  position: relative;
  font-size: 14px;
  padding: 12px 6px 12px 12px;
  min-height: 48px;
}

.XVVnH li i {
  margin-right: 8px;
}

.XVVnH li .label {
  white-space: nowrap;
  margin-right: 8px;
}

.XVVnH li::before {
  content: "";
  margin-right: 8px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  left: 0px;
  scale: 0.8;
}

.cIKMae {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  position: relative;
  cursor: pointer;
  background-color: #ecedef;
  border-radius: 8px;
}

.fpHzhT {
  background-color: transparent;
  display: inline-block;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
}

.ffxZOR {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/share.svg);
}

.gteBLE span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.eoHusJ {
  cursor: pointer;
  position: absolute;
  z-index: 100;
  right: 14px;
  width: 20px;
  height: 20px;
  background-position: -175px -20px;
}

.jSkOaB {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/alert.svg);
}

.bInDTC {
  width: 24px;
  height: 24px;
  background-position: -372px -197px;
}

.cIKMae .content {
  margin-left: 8px;
  color: rgb(33, 35, 37);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: 700;
  font-size: 14px;
}

.juxydZ .classified-area {
  order: 2;
}

.lhQFQw {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  background-color: #d14200;
  top: 0px;
  right: -24px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.lhQFQw span {
  color: #ffffff;
  font-size: 11px;
}

.fHxsdb {
  width: 100%;
  padding: 16px;
  cursor: pointer;
  background-color: #fff1eb;
  border-bottom: 1px solid #ffffff;
  position: relative;
}

.gsTalo {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 372px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.08) 4px 4px 16px;
  cursor: default;
  overflow: hidden;
  z-index: 9000;
}

.VwDjr {
  display: flex;
}

.hFMKA-D {
  margin-right: 16px;
}

.cYKon {
  width: 48px;
  height: 48px;
  background-color: #fbfbfd;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px;
}

.cYKon img {
  width: 100%;
  height: 100%;
  margin: 0px;
}

.liTNQH {
  flex: 1 1 0%;
  display: flex;
  flex-direction: column;
}

.hxZMxc {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hxZMxc p {
  color: #212325;
  font-size: 14px;
  font-weight: 700;
}

.hxZMxc span {
  color: #717375;
  font-size: 11px;
}

.gbsXqb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.gbsXqb p {
  width: 100%;
  font-size: 12px;
  padding-right: 20px;
  line-height: 16px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.KURxQ {
  width: 100%;
  padding: 16px;
  cursor: pointer;
  background-color: #ffffff;
  border-bottom: 1px solid #dadcdf;
  position: relative;
}

.cWedum {
  height: 40px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid #dadcdf;
}

.cWedum p {
  cursor: pointer;
  color: #d14200;
  font-size: 12px;
}

.iIgxaJ textarea {
  width: 100%;
  height: 104px;
  border: 1px solid #dadcdf;
  border-radius: 4px;
  font-size: 14px;
  font-family: Arial;
  padding: 10px;
  resize: none;
}

.evSTni.active {
  background-color: #ff9362;
  color: #ffffff;
}

.menu-item.noti .gXrCuJ {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 372px;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.08) 4px 4px 16px;
  cursor: default;
  overflow: hidden;
  z-index: 9000;
}

.kTEeXx {
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: url(https://timnguoigiupviec.vn/storage/icons/lineal.svg) center center no-repeat;
  opacity: 0.6;
  position: absolute;
  right: 10px;
  bottom: 15px;
  padding: 12px;
}

.eTDNqu {
  width: 100%;
}

.iuGEqM {
  width: 100%;
  text-align: center;
}

.kYDvkH {
  display: flex;
  align-items: center;
  white-space: nowrap;
  padding: 16px;
  border-bottom: 1px solid #ecedef;
}

.jXAsei {
  cursor: pointer;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0px;
  text-align: left;
  position: relative;
  background-color: #ffffff;
  border-right: 1px solid #ecedef;
  border-bottom: 1px solid #ecedef;
}

.clZVoX {
  width: 100%;
  display: block;
  border-radius: 2px;
  position: relative;
  background-color: rgb(241, 241, 241);
  padding-top: 75%;
}

.clZVoX > img {
  position: absolute;
  top: 0px;
}

.slick-slide img {
  display: block;
}

.lazyloaded {
  opacity: 1;
}

.thumb-l {
  border-radius: 2px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.liGRFz {
  position: absolute;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
  background-position: -48px -240px;
  top: 0px;
  left: 5px;
  width: 20px;
  height: 20px;
}

.csPPf {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
  background-position: 6px 6px;
}

.fjImPV {
  position: absolute;
  width: 24px;
  height: 20px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: 0px -242px;
}

.dpDCLd {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 4px;
}

.dpDCLd .title {
  font-size: 15px;
  margin-bottom: 0px;
  font-weight: 400;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  min-height: 48px;
}

.lpuxSi {
  display: flex;
  align-items: center;
  color: #717375;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  margin-top: 4px;
  min-height: 22px;
}

.biTXqW {
  margin-bottom: 0px;
  min-height: 20px;
  display: inline-block;
  color: #717375;
  font-size: 0.875rem;
}

.dpDCLd .price {
  margin: 5px 0px 0px;
  color: #d14200;
  min-height: 24px;
  min-width: 80px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
}

.lpuxSi {
  display: flex;
  align-items: center;
  color: #717375;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  margin-top: 4px;
  min-height: 22px;
}

.hqEtQl {
  margin-right: 5px;
}

.joVhly {
  display: flex;
  align-items: flex-end;
}

.bGiBvb {
  width: 16px;
  height: 16px;
  background-position: -45px -46px;
  margin-right: 5px;
}

.joVhly span {
  display: inline-block;
  line-height: 16px;
}

.hLowUx span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gVZxfc {
  width: 16px;
  height: 16px;
  background-position: -20px -46px;
  margin-right: 5px;
}

.fpHzhT {
  background-color: transparent;
  display: inline-block;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
}

.cWErZa {
  display: none;
  width: 100%;
  left: 0px;
  bottom: 0px;
  padding: 8px 8px 28px;
  background-color: #ffffff;
  border-top: 1px solid #dadcdf;
  box-shadow: rgba(130, 130, 130, 0.16) 0px -2px 8px;
  position: fixed;
  z-index: 200;
}

.cWErZa .item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  font-size: 14px;
  width: calc(50% - 4px);
  border-radius: 8px;
  height: 40px;
}

.cWErZa .message-wrapper {
  background: #ffffff;
  border: 1px solid #0671ca;
}

.cWErZa .message-wrapper .message {
  color: #0671ca;
}

.cWErZa .call-wrapper {
  background: #0671ca;
}

.cWErZa .call-wrapper span {
  color: #ffffff;
}

.bKIqzj {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/chat.svg);
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.cFJMaC {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/phone.svg);
  width: 24px;
  height: 24px;
  margin-right: 10px;
}

.dGmCuE {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9001;
  visibility: visible;
  opacity: 1;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  outline: 0px;
  transition: all 0.1s linear 0s;
}

.gGoipK {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
}

.dgXCPy {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
}

.dVverB {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgb(255, 255, 255);
  background-clip: padding-box;
  outline: 0px;
  border-radius: 16px;
}

.cxwDrA h1,
.cxwDrA h2,
.cxwDrA h3,
.cxwDrA h4,
.cxwDrA h5,
.cxwDrA h6 {
  font-weight: bold;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

.bTcHNz {
  display: block;
  text-decoration: none;
  background-color: transparent;
  border: none;
  outline: none;
  color: black;
  cursor: pointer;
  font-size: 2rem;
}

.ehWhze {
  padding: 16px 16px 10px;
}

.iUGnBz {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.iIgxaJ {
  display: flex;
  flex-direction: column;
  padding-bottom: 14px;
}

.iLTwPL {
  display: inline-block;
  font-weight: 700;
}

.iIgxaJ label {
  font-size: 14px;
  color: #454749;
}

.etwauR {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  padding: 14px 8px;
  border: 1px solid #dadcdf;
}

.etwauR:-moz-read-only {
  background-color: #f5f7f9;
  cursor: not-allowed;
}

.etwauR:read-only {
  background-color: #f5f7f9;
  cursor: not-allowed;
}

.etwauR:disabled {
  background-color: #f5f7f9;
  cursor: not-allowed;
}

.iIgxaJ span {
  font-size: 12px;
  color: #c8152b;
}

.jlzMnV {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}

.evSTni {
  font-size: 14px;
  color: #ff9362;
  border: 1px solid #ff9362;
  border-radius: 16px;
  padding: 4px 6px;
  margin: 0px 8px 8px 0px;
  cursor: pointer;
}

.iUGnBz p {
  font-size: 14px;
  color: #717375;
  padding-bottom: 10px;
}

.mFfFa {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 16px;
}

.mFfFa button {
  cursor: pointer;
  padding: 12px 0px;
  border-radius: 8px;
  width: 240px;
  height: 40px;
}

.mFfFa button span {
  font-size: 15px;
}

.fhdlEH {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9000;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0, 0, 0);
  visibility: visible;
  opacity: 0.3;
  animation: 1s ease 0s 1 normal none running fadeIn;
}

.gvPnjK {
  overflow: hidden;
}

.KURxQ.read-noti {
  background-color: #fff1eb;
}

.KURxQ.read-noti .gbmLqg {
  background-color: #ffffff;
}

.iKSSYq {
  display: flex;
  align-items: center;
  list-style: none;
  white-space: nowrap;
  overflow-x: auto;
}

.iKSSYq li.active {
  color: #0671ca;
  border-bottom: 1px solid #0671ca;
}

.iKSSYq li {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #454749;
  cursor: pointer;
  margin-right: 48px;
  padding-bottom: 8px;
}

.hiSwSP {
  width: 100%;
  margin-top: 20px;
}

.jEDOLs:first-child {
  border-top: 1px solid #ecedef;
}

.jEDOLs {
  background: rgb(255, 255, 255);
  border-bottom: 1px solid #ecedef;
  border-right: 1px solid #ecedef;
  border-left: 1px solid #ecedef;
  padding: 16px 17px;
  width: 100%;
  position: relative;
}

.bsQfQa {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: row;
}

.kqqkWq {
  position: relative;
  border-radius: 2px;
  background-color: rgb(241, 241, 241);
}

.csPPf {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
  background-position: 6px 6px;
}

.eOzaio {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}

.dGTvSk {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.jXAsei:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 7px 0px;
  z-index: 1000;
}

.dGTvSk span {
  margin: 0px 0px 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  max-height: 48px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dGTvSk .price {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #d14200;
  min-height: 24px;
  min-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eOzaio a::after {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 1;
}

.bIsYGD {
  display: flex;
  align-items: center;
  color: #717375;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  list-style: none;
  text-overflow: ellipsis;
}

.cQbJrs {
  line-height: 20px;
  height: 20px;
  display: inline-block;
  color: #717375;
  font-size: 14px;
  margin-bottom: 4px;
}

.ijSNSa {
  margin-right: 5px;
}

.geNyUe {
  display: flex;
  align-items: flex-end;
}

.geNyUe span {
  display: inline-block;
  line-height: 16px;
}

.gVZxfc {
  width: 16px;
  height: 16px;
  background-position: -20px -46px;
  margin-right: 5px;
}

.hYvkOS span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.collapse-group {
  display: none;
}

.cyECgd {
  width: 100%;
  background: #ecf6fe;
  padding: 12px 16px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
}

.cyECgd label {
  color: #0671ca;
  font-weight: 700;
  font-size: 16px;
}

.cyECgd span {
  font-size: 20px;
}

.bi.bi-caret-up-fill,
.bi.bi-caret-down-fill {
  color: #0671ca;
}

#collapse-icon {
  margin-bottom: 0px;
}

.form-row:has(#collapse-icon) {
  border-radius: 8px;
  border: solid 1px #ecf6fe;
}

.bmASxn {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
  max-width: 852px;
}

.jTaZFs {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgb(255, 255, 255);
  background-clip: padding-box;
  outline: 0px;
}

.iTZgsz {
  min-height: 500px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.eqUlQe {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid rgb(236, 237, 239);
  padding: 16px;
}

.eqUlQe h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: rgb(33, 35, 37);
}

.eqUlQe button {
  background: none;
  font-size: 20px;
}

.kXITxx {
  padding: 0px 40px;
  margin-bottom: 44px;
}

.kvLFyU {
  width: 100%;
  background-color: #ffffff;
}

.kvLFyU img {
  width: 100%;
  height: 100%;
}

.jcoxgF {
  margin-top: 32px;
  overflow-wrap: break-word;
  word-break: break-word;
}

.jOBkOr {
  font-weight: 400;
  font-size: 24px;
  line-height: 28px;
  color: rgb(33, 35, 37);
}

.ieZOqq {
  position: relative;
  padding: 0px 20px;
  margin-top: 2px;
  font-size: 14px;
}

.bZuuMO {
  width: 16px;
  height: 16px;
  left: 0px;
  top: 2px;
  position: absolute;
  background-size: cover;
}

.kRRGcN {
  padding-top: 20px;
  margin: 20px 0px;
  overflow-wrap: break-word;
  word-break: break-word;
  text-align: justify;
  white-space: pre-line;
  font-size: 15px;
  line-height: unset;
  border-top: 1px solid rgb(236, 237, 239);
}

.hRtixp {
  border-top: 1px solid rgb(236, 237, 239);
  padding-top: 25px;
}

.kvopoy {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: rgb(33, 35, 37);
}

.kYItuY {
  list-style: none;
  padding-top: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 744px;
}

.kYItuY li {
  position: relative;
  font-size: 14px;
  padding: 12px 6px 12px 32px;
}

.kYItuY li::before {
  content: "";
  margin-right: 8px;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 10px;
  left: 0px;
  scale: 0.8;
}

.erLPHJ p {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgb(69, 71, 73);
}

.erLPHJ p .label {
  margin-right: 9px;
}

.mb-scroll-y {
  overflow-y: auto;
}

.gwojTL {
  display: flex;
  flex-grow: 1;
  margin-top: 12px;
  height: 350px;
}

.gwojTL table {
  padding-right: 4px;
}

.gwojTL table tr {
  display: flex;
  flex-grow: 1;
  cursor: pointer;
}

.gwojTL table td {
  color: #212325;
  padding: 12px;
  border-bottom: 1px solid #ecedef;
  display: flex;
  flex-grow: 1;
}

.jpfxTU .select-dropdown {
  margin-right: 8px;
  border-radius: 8px;
  background-color: #f5f7f9;
}

.city-list li.hidden {
  display: none;
}

.list-post .data-right .show-more-button.up {
  display: none;
}

.kWOgkn span.opacity-none {
  height: 0px;
  font-size: 0px;
  padding: 0px;
  opacity: 0;
  width: 137px;
}

.kWOgkn span.button-down {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background: #ecf6fe;
  border-radius: 8px;
  color: #0671ca;
  cursor: pointer;
  font-weight: 600;
}

.sc-q9qagu-1.kWOgkn {
  display: flex;
  justify-content: center;
  background: white;
}

.temp-qc {
  position: absolute;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
  background-position: -48px -240px;
  top: 8px;
  left: 8px;
  width: 28px;
  height: 20px;
}

.navigation-menu .menu-item a img {
  width: 70px !important;
  height: 70px !important;
  position: relative;
  border-radius: 12px;
  border: 1px solid #ecedef;
  margin-bottom: 8px;
  background-origin: content-box;
  background-color: rgb(236, 246, 254);
  display: inline-block !important;
  background-position: -20px -20px;
}

.ghkCek {
  display: flex;
  padding: 0px;
  margin: 0px 50px 0px 0px;
  position: relative;
  cursor: pointer;
}

.ghkCek:last-child {
  margin-right: 0px;
}

.kiHQrM {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 16px;
  background: transparent;
}

.gRvZep {
  width: 20px;
  height: 20px;
  background-position: -144px -80px;
  margin-right: 5px;
}

.ruJIV {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 272px;
  border-radius: 1px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.08) 4px 4px 16px;
  z-index: 101;
}

.fvCpOl {
  overflow: hidden;
  width: 100%;
}

.ruJIV a {
  width: 100%;
  display: block;
}

.fvCpOl a {
  display: block !important;
}

.ghkCek a {
  display: flex;
  align-items: center;
  position: relative;
}

.dXkqNB {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  height: 40px;
  cursor: pointer;
  background-color: #f5f7f9;
  border-bottom: 1px solid #ecedef;
}

#more .dXkqNB {
  display: flex;
  align-items: center;
  padding: 10px 14px;
  height: 40px;
  cursor: pointer;
  background-color: unset;
}

.dXkqNB:last-child {
  border-bottom: none;
}

.gWDJxe {
  width: 24px;
  height: 24px;
  opacity: 0.6;
  background: url(/storage/icons/manage.png) no-repeat;
}

.dXkqNB p {
  flex: 1 1 0%;
  margin: 0px 0px 0px 6px;
  font-weight: 700;
  color: #454749;
}

.dXkqNB:last-child p {
  font-weight: 400;
}

.menu-item.activeMenu::after {
  content: "";
  position: absolute;
  width: 100%;
  border-top: 2px solid #d14200;
  left: 0px;
  top: -1px;
}

.navigation .menu-item i {
  font-size: 20px;
  color: black;
}

.navigation .menu-item.activeMenu i {
  color: #d14200;
}

#more.display {
  display: block;
}

#more {
  position: fixed;
  background: white;
  z-index: 101;
  height: 100vh;
  top: 0px;
  width: 100%;
  overflow-y: auto;
  display: none;
}

.hQoNeb {
  display: flex;
  width: 100%;
  align-items: center;
}

.iphAvP {
  display: flex;
  flex: 1 1 0%;
  align-items: center;
  justify-content: start;
  height: 100%;
}

.iphAvP img,
.iphAvP a {
  max-height: 50px;
}

.cuqDCT {
  padding: 12px 20px;
  border-top: 1px solid #ecedef;
  border-bottom: 8px solid #ecedef;
  display: flex;
  flex-direction: column;
}

.ljouax {
  display: flex;
  align-items: center;
}

.ljouax img {
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 16px;
  display: flex;
  width: 80px;
  min-width: 80px;
  height: 80px;
  position: relative;
}

.iayGNq {
  width: 72px;
  height: 72px;
  background-color: #ecedef;
  position: relative;
  border-radius: 50%;
}

.kavFDL {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  min-width: 80px;
  height: 80px;
  position: relative;
}

.kavFDL::before {
  content: "";
  background: url(https://timnguoigiupviec.vn/storage/icons/account.svg) center center/cover no-repeat;
  opacity: 0.4;
  width: 36px;
  height: 36px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.hsxFOJ {
  margin-left: 10px;
  width: calc(100% - 80px);
}

.hsxFOJ h6 {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.hsxFOJ p {
  font-size: 14px;
}

.gmFEgV {
  padding: 14px 20px 20px;
  background-color: #ffffff;
}

.gXrCuJ {
  width: 100%;
  margin: 0px auto;
  position: relative;
  padding: 0px;
}

.brMGwC {
  width: 100%;
  text-align: center;
  padding: 10px 0px;
  border-bottom: 1px solid #dadcdf;
}

.duQXGA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 80px 20px;
  background: #ffffff;
}

.duQXGA img {
  width: 120px;
  height: 120px;
}

.duQXGA span {
  font-size: 14px;
  color: #454749;
  font-weight: 700;
}

.duQXGA p {
  max-width: 343px;
  font-size: 12px;
  color: #454749;
}

.gNTOUc {
  align-items: center;
}

.YXxoa {
  display: flex;
  justify-content: center;
  padding: 24px 0px 10px;
  width: 100%;
}

.YXxoa button:first-child {
  margin-right: 10px;
}

.YXxoa button {
  cursor: pointer;
}

.kCzykX {
  position: absolute;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: -48px -192px;
  top: 0px;
  left: 5px;
  width: 20px;
  height: 20px;
}

.view-user .kavwNJ {
  background: #ffffff;
  padding: 16px;
  text-align: center;
  border-radius: 8px;
  height: 310px;
}

.view-user .inQhcU {
  border-bottom: unset;
}

.view-user .inQhcU img {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: 16px;
}

.view-user .hgWMu {
  font-weight: 700;
  line-height: 24px;
  color: #212325;
  font-size: 16px;
}

.bgzhnS {
  background-color: #f5f7f9;
}

.hXTxXv {
  display: flex;
  background-color: rgb(255, 255, 255);
  align-items: center;
  justify-content: space-between;
  padding: 10px 15px;
  border-bottom: 1px solid #dadcdf;
}

.hXTxXv h6 {
  width: 100%;
  text-align: center;
  font-weight: bold;
}

.dlplHY {
  padding-bottom: 30px;
}

.esIpLR {
  position: relative;
}

.bLhWOX {
  display: none;
}

.dQjBkp {
  display: flex;
  flex-direction: column;
}

.cqIWIF {
  padding: 0px 12px 8px;
}

.eAqJLA {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  background-color: #ecedef;
  position: relative;
  margin: 0px auto;
}

.eAqJLA img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hyCnUL {
  width: 32px;
  height: 32px;
  background: url(https://timnguoigiupviec.vn/storage/icons/Camera_fill.png) center center/cover no-repeat;
  position: absolute;
  right: -4px;
  bottom: 0px;
  cursor: pointer;
}

.LbwUy {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9000;
  width: 100vw;
  height: 100vh;
  background-color: rgb(0, 0, 0);
  visibility: hidden;
  opacity: 0.3;
  animation: 1s ease 0s 1 normal none running fadeIn;
}

.jwiJVm {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
}

.PUxiq {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
}

.bGiBvb {
  width: 16px;
  height: 16px;
  background-position: -45px -46px;
  margin-right: 5px;
}

.iNMLQ .location p {
  font-weight: 400;
  font-size: 12px;
  color: #717375;
}

.dUMkjA .content-block {
  display: flex;
  align-items: center;
}

.dUMkjA .content-block .content-head-item {
  font-weight: 400;
  font-size: 12px;
  color: rgb(113, 115, 117);
  white-space: nowrap;
}

.dUMkjA .content-block .content-space {
  margin: 0px 8px;
}

.dQWWJn.color-red {
  background-color: rgb(191, 29, 40);
}

.dQWWJn {
  padding: 0px 4px;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 1;
}

.dQWWJn .name {
  white-space: nowrap;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

.fuCmpv {
  display: none;
}

.goIufB {
  margin: 0px auto;
}

.jJdwzu {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/coupon-empty.png);
  background-repeat: no-repeat;
  background-position: center center;
  display: flex;
  flex-grow: 1;
  height: 300px;
}

.flex-center {
  display: flex;
  justify-content: center;
}

.beSHRu {
  display: flex;
  justify-content: center;
}

.hfsRes {
  background-color: #ffffff;
  padding: 0px 16px 25px 25px;
  border-radius: 8px;
}

.fuCmpv .wrapper-content {
  display: flex;
}

.gMXqmh .content-footer-block {
  margin-right: 24px;
}

.gMXqmh .content-head-item {
  font-weight: 400;
  font-size: 12px;
  color: rgb(113, 115, 117);
  white-space: nowrap;
}

.gMXqmh .content-detail-item {
  font-weight: 400;
  font-size: 12px;
  color: rgb(0, 0, 0);
}

.fuCmpv .position-classified {
  cursor: pointer;
  margin-right: 8px;
}

.gMXqmh .content-footer-position {
  padding: 5px 8px;
  background: rgb(244, 243, 246);
  border-radius: 8px;
  display: flex;
}

.gMXqmh .content-footer-position span {
  font-weight: 400;
  font-size: 14px;
  color: rgb(33, 35, 37);
  margin-left: 10px;
}

.eVcHyC {
  display: none;
}

.eVcHyC .wrapper-footer {
  display: flex;
}

.koVVxz {
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dUMkjA {
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  justify-content: space-between;
}

.jelqLR {
  margin-top: 22px;
}

.XxMNc {
  display: flex;
  margin-top: 13px;
}

.ckPFFL {
  padding-right: 13px;
  position: relative;
}

.fmDhpJ {
  width: 100%;
  height: 100%;
  position: relative;
}

.OJROF {
  position: absolute;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/common.svg);
  background-position: -48px -48px;
  top: 0px;
  left: 5px;
  width: 20px;
  height: 20px;
}

.fmDhpJ div:last-child {
  position: absolute;
  bottom: 9px;
  right: 12px;
  width: 22px;
  height: 18px;
  background: url(https://timnguoigiupviec.vn/storage/icons/photo.svg) center center/cover no-repeat;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fmDhpJ div:last-child span {
  font-size: 12px;
  color: #ffffff;
  margin-top: 2px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.gdFzkE {
  width: 67%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.GMJMS {
  font-size: 18px;
  color: #212325;
}

.jHedJM {
  display: flex;
}

.dvLeRe {
  font-size: 18px;
  font-weight: bold;
  color: #d14200;
}

.hHdpWJ {
  margin-top: 27px;
  width: 100%;
  display: flex;
  color: #717375;
  font-size: 14px;
  position: relative;
}

.dxbPKD {
  width: 35%;
  white-space: nowrap;
}

.bpHHPS {
  margin-right: 7px;
  position: absolute;
  top: 3px;
}

.hHdpWJ span {
  margin-left: 18px;
}

.bCFuMf {
  width: 65%;
  white-space: nowrap;
}

.jAbIcD {
  width: 7%;
  position: relative;
}

.estAEb {
  width: 32px;
  height: 32px;
  background: #f5f7f9;
  border-radius: 50%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.hiBQjV {
  cursor: pointer;
  width: 60%;
  height: 60%;
}

.kZeUuu {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  -o-object-fit: contain;
     object-fit: contain;
}

.hvztRe {
  min-width: 990px;
}

.container.login .form a.btn-link {
  border: 1px solid #007bff;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 10px 12px 20px;
}

.container.login .form a.btn-link::after {
  left: 30px;
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
}

.container.login .form a.btn-link.fb::after {
  background: url(https://timnguoigiupviec.vn/storage/icons/fill.svg) center center/contain no-repeat;
}

.container.login .form a.btn-link.gg::after {
  background: url(https://timnguoigiupviec.vn/storage/icons/google-colored.svg) center center/contain no-repeat;
}

.container.login .form a.btn-link.zl::after {
  background: url(https://timnguoigiupviec.vn/storage/icons/fill.png) center center/contain no-repeat;
}

.gykxVj {
  background-color: #ffffff;
  padding: 26px 16px 25px 25px;
  border-radius: 8px;
}

.kknUmc {
  font-size: 14px;
  font-weight: bold;
  display: flex;
  color: #454749;
  background: #f5f7f9;
  padding: 11px 0px;
  border-radius: 8px;
}

.kknUmc div:first-child {
  width: 44%;
  margin-left: 10px;
}

.kknUmc div:last-child {
  width: 56%;
}

.jsHxSt {
  display: flex;
  padding: 12px 0px;
  border-bottom: 2px solid #ecedef;
}

.CuZqI {
  width: 44%;
  margin-left: 10px;
  display: flex;
}

.iqFJxv {
  width: 64px;
  height: 64px;
  border-radius: 50%;
}

.dDrfQH {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.jgvAtx {
  width: 70%;
  margin-left: 12px;
  font-size: 16px;
}

.gVGXDC {
  color: #454749;
}

.XcvzB {
  height: 32px;
}

.lmaAoq {
  height: 32px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border-radius: 24px;
  font-weight: bold;
  font-size: 12px;
  line-height: 22px;
  padding: 14px 12px;
  box-sizing: border-box;
  background-color: #0671ca;
  border: 1px solid #0671ca;
  color: #ffffff;
}

.hPfJYP {
  width: 10px;
  height: 10px;
  margin-left: 10px;
}

.eewOsp {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 500px;
}

.iHzFum {
  margin-bottom: 15px;
}

.bhHOWv {
  color: #454749;
  font-size: 18px;
  font-weight: bold;
}

.fTKVXm {
  margin-top: 5px;
  color: #454749;
  font-size: 16px;
  text-align: center;
}

.kyeDFR {
  margin: -3px 5px;
}

.kPziMG {
  width: 56%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ePjcFJ {
  font-size: 16px;
  color: #454749;
}

.jEhErM {
  display: flex;
  width: 80%;
  justify-content: end;
}

.khFdmd {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #f5f7f9;
  display: flex;
  justify-content: center;
  align-items: center;
}

.khFdmd img {
  width: 70%;
  height: 70%;
  cursor: pointer;
}

.bntiZh {
  display: flex;
  align-items: center;
  padding: 0px 34px;
}

.dDrfQH {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.iLcMzr:checked {
  background: #ff9362;
}

.XcvzB {
  height: 32px;
}

.irEHy {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  position: relative;
  height: 32px;
}

.kLOdWu {
  display: flex;
  align-items: center;
  position: relative;
}

.kLOdWu span {
  margin-left: 50px;
}

.bDjCjl::after {
  background: url(https://timnguoigiupviec.vn/storage/icons/fill.svg) center center/contain no-repeat;
}

.irEHy a {
  display: flex;
  align-items: center;
  color: rgb(255, 100, 30);
  padding-right: 16px;
  font-size: 15px;
}

h2 {
  font-size: 20px;
  font-weight: 400;
  line-height: 22px;
}

.kswaVo:last-child {
  margin-top: 30px;
}

.dMXmXi::after {
  background: url(https://timnguoigiupviec.vn/storage/icons/google-colored.svg) center center/contain no-repeat;
}

.dwYEMP::after {
  background: url(https://timnguoigiupviec.vn/storage/icons/fill.png) center center/contain no-repeat;
}

.kLOdWu::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 32px;
  bottom: -8px;
  left: 0px;
}

.iLcMzr {
  cursor: pointer;
  position: relative;
  width: 46px;
  height: 17px;
  background: #dadcdf;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border-radius: 54px;
  transition: all 0.3s ease 0s;
}

.iLcMzr::before {
  position: absolute;
  content: "";
  width: 26px;
  height: 26px;
  top: -4px;
  left: -4px;
  border-radius: 50%;
  background-color: rgb(245, 245, 245);
  box-shadow: rgba(0, 0, 0, 0.19) 1px 0px 3px;
  transition: all 0.3s ease 0s;
}

.jetfWY {
  cursor: pointer;
  position: relative;
  width: 30px;
  height: 11px;
  background: #dadcdf;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border-radius: 54px;
  transition: all 0.3s ease 0s;
}

.bpawdJ {
  display: flex;
  justify-content: center;
}

.iKJREv {
  display: flex;
  border-radius: max(0px, min(8px, (100vw - 4px - 100%) * 9999));
  padding: 16px 24px;
  background-color: #ffffff;
}

.eBuogf {
  width: 324px;
  display: flex;
  flex-flow: column;
  padding: 8px 16px;
  font-size: 14px;
}

.kAUHFh {
  background-color: #ffffff;
  padding: 26px 16px 25px 25px;
  border-radius: 8px;
}

.lneyYS {
  width: 100%;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #454749;
}

.lneyYS > div:first-child {
  margin-right: 40px;
}

.bQNmOk {
  display: inline-block;
  cursor: pointer;
}

.jnuKeM {
  margin-top: 16px;
  position: relative;
}

.jnuKeM table {
  border-collapse: collapse;
  padding: 16px;
  width: 100%;
}

.jnuKeM table thead th:first-child {
  text-align: left;
  padding-left: 12px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.jnuKeM table thead th {
  background: #f5f7f9;
  padding: 12px 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 20px;
  color: #454749;
  white-space: nowrap;
  position: sticky;
  top: 0px;
  text-align: center;
}

.jnuKeM table tbody tr {
  border-bottom: 1px solid #ecedef;
}

.eevBfW {
  display: inline-block;
  border-bottom: 2px solid #0671ca;
  color: #0671ca;
}

.jnuKeM table tbody tr td:first-child {
  padding-left: 12px;
  text-align: left;
}

.jnuKeM table tbody tr td {
  padding: 16px 0px;
  text-align: center;
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
}

.jnuKeM table .sub-detail span {
  margin-top: 4px;
  display: block;
  font-size: 11px;
  line-height: 14px;
}

.jnuKeM table tbody tr td:last-child {
  padding-right: 30px;
  text-align: right;
  position: relative;
  display: flex;
  justify-content: end;
}

.jNgalW {
  display: flex;
  justify-content: center;
}

.bVkjNA {
  background-color: #ffffff;
  padding: 30px 16px 30px 30px;
  border-radius: 8px;
}

.cHFUMQ {
  width: 100%;
  align-items: center;
  margin-bottom: 15px;
}

.hNEaev {
  background-color: #f5f7f9;
  width: 145px;
  display: inline-block;
}

.fbfJAl {
  border-radius: 8px;
}

.epCSzL {
  margin-left: 8px;
  width: 237px;
  height: 100%;
  display: inline-block;
}

.aXcUQ {
  position: relative;
  display: flex;
  align-items: center;
}

.fvcigU input {
  padding-left: 36px;
}

.fvcigU span {
  left: 8px;
}

.aXcUQ span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.aXcUQ input {
  margin-bottom: 0px;
}

.eCRWhz {
  border-radius: 8px;
}

.etwauR {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  padding: 14px 8px;
  border: 1px solid #dadcdf;
}

.iuqxMO {
  width: 100%;
  outline: none;
  border-radius: 4px;
  padding: 14px 40px 14px 8px;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/select.svg);
  background-repeat: no-repeat;
  background-position: right 12px top 50%;
  background-size: 16px 12px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #dadcdf;
}

.cJPcXv {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
}

.dVverB {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgb(255, 255, 255);
  background-clip: padding-box;
  outline: 0px;
  border-radius: 16px;
}

.iZUtla {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
}

.htPxOy {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.gNJHME:first-child {
  padding-bottom: 10px;
}

.gNJHME span {
  font-weight: 700;
}

.eGdwoJ {
  border-bottom: 1px solid #ecedef;
  padding: 12px 0px;
}

.fbCCvm {
  padding: 4px 0px;
  display: flex;
  align-items: center;
}

.gNJHME {
  display: flex;
  flex-direction: column;
}

.fbCCvm input {
  cursor: pointer;
}

.kKnHVK {
  background-color: #ffffff;
  border: 1px solid #dadcdf;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0px 4px 0px 0px;
  padding: 0px;
  border-radius: 4px;
  width: 16px;
  height: 16px;
  outline: none !important;
}

.fSElpB button:first-child {
  margin-right: 10px;
}

.fSElpB button {
  cursor: pointer;
}

#imagePreview img {
  max-width: 280px;
}

.fSElpB {
  width: 100%;
  display: flex;
  padding: 20px 0px;
}

.ignfEr {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
}

.fbCCvm label {
  font-weight: 400;
  padding-left: 4px;
  color: #212325;
  cursor: pointer;
}

.kaskCw button {
  cursor: pointer;
  width: auto;
  padding: 12px 0px;
  height: 40px;
  border-radius: 8px;
}

.kaskCw {
  display: flex;
  justify-content: flex-end;
  padding-top: 16px;
  border-top: 1px solid #ecedef;
}

.cdNIyy {
  display: flex;
  flex-direction: column;
}

.kimGwe {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}

.eYTsbs {
  border: 0px;
  cursor: pointer;
  width: 24px;
  height: 24px;
  pointer-events: none;
  background: transparent;
}

.kimGwe h5 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  color: rgb(33, 35, 37);
}

.fDglRr {
  display: flex;
  border-bottom: 1px solid rgb(236, 237, 239);
  padding-bottom: 16px;
  margin-bottom: 16px;
}

.fDglRr img {
  width: 140px;
  height: 100px;
  border-radius: 8px;
  margin-right: 8px;
  -o-object-fit: cover;
     object-fit: cover;
}

.fDglRr .content {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.fDglRr .content .title {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgb(33, 35, 37);
}

.fDglRr .content .price {
  margin-top: 4px;
  min-height: 20px;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  color: rgb(255, 100, 30);
}

.dWLUYl .note {
  margin-bottom: 32px;
}

.dWLUYl ul {
  list-style: none;
}

.dWLUYl ul li {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgb(69, 71, 73);
}

.dWLUYl ul li span {
  font-weight: 700;
}

.dWLUYl ul li .price {
  color: rgb(255, 100, 30);
}

.kRJDyP {
  background: rgb(244, 243, 246);
  border-radius: 16px;
  padding: 16px;
  margin-top: 10px;
  margin-bottom: 16px;
}

.kRJDyP p {
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  color: rgb(69, 71, 73);
}

.gpVJch {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid rgb(236, 237, 239);
  padding: 16px;
}

.gpVJch .cancel {
  background: transparent;
  padding: 13px 90px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: rgb(69, 71, 73);
}

.gpVJch .submit {
  padding: 13px 124px;
  background: rgb(6, 113, 202);
  border-radius: 24px;
  color: rgb(255, 255, 255);
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}

.dWLUYl {
  padding: 16px;
  margin-bottom: 8px;
  border-top: 1px solid rgb(236, 237, 239);
}

@media (min-width: 576px) {
  .gGoipK {
    max-width: 640px;
  }

  .jwiJVm {
    max-width: 343px;
  }

  .iZUtla {
    max-width: 572px;
  }

  .cJPcXv {
    max-width: 335px;
  }

  .jFSRuC {
    display: none;
  }

  .izAYcr {
    display: none;
  }

  .dkrGHW {
    display: none;
  }

  .gdFzkE {
    width: 49%;
  }

  .bCFuMf {
    width: 65%;
  }

  .dxbPKD {
    width: 35%;
  }

  .ckPFFL {
    display: flex;
    align-items: center;
    width: 40%;
    height: 148px;
  }
}

.gdFzkE {
  width: 67%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 989.8px) {
  .hiBQjV {
    margin-right: 5px;
    width: 10%;
  }

  .koDyBn {
    padding: 0px 15px;
  }

  .gykxVj {
    padding: 0px 5px;
  }

  .bCFuMf {
    width: 45%;
  }

  .dxbPKD {
    width: 55%;
  }

  .hHdpWJ {
    margin-top: 0px;
    font-size: 12px;
  }

  .dvLeRe {
    font-size: 16px;
  }

  .jHedJM {
    padding: 0px;
  }

  .GMJMS {
    font-size: 16px;
  }

  .gdFzkE {
    width: 60%;
  }

  .hfsRes {
    padding: 0px 5px;
  }

  .koVVxz {
    flex-direction: column;
    margin-top: 16px;
  }

  .bgzhnS {
    background-color: #ffffff;
  }
}

@media (min-width: 990px) {
  .dVverB {
    border-radius: 16px;
  }

  .bEGGyy {
    min-width: 990px;
  }

  .jnuKeM table .sub-detail {
    display: none;
  }

  .kAUHFh {
    min-width: 560px;
  }

  .kknUmc {
    margin-top: 15px;
  }

  .ckPFFL {
    width: 26%;
    height: 148px;
  }

  .hfsRes {
    min-width: 990px;
  }

  .fuCmpv {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
  }

  .dUMkjA .content-block {
    margin-top: 8px;
  }

  .dUMkjA .content-block:first-child {
    margin-top: 8px;
  }

  .bLhWOX {
    margin-right: 16px;
    width: 257px;
  }

  .bLhWOX {
    display: block;
  }

  .bLhWOX .wrapper {
    padding: 16px 0px 0px;
    background-color: #ffffff;
    border: 1px solid #ecedef;
    border-radius: 0px 4px 4px 0px;
  }

  .hXTxXv {
    display: none;
  }
}

.cerbll {
  display: flex;
  align-items: center;
  padding-top: 20px;
}

.dVverB {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgb(255, 255, 255);
  background-clip: padding-box;
  outline: 0px;
  border-radius: 16px;
}

.cxwDrA {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
}

.eFRGLe {
  color: #021626;
  padding: 10px 0px 0px;
}

.cxwDrA h1,
.cxwDrA h2,
.cxwDrA h3,
.cxwDrA h4,
.cxwDrA h5,
.cxwDrA h6 {
  font-weight: bold;
  width: 100%;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

.bertOg {
  display: none;
  text-decoration: none;
  background-color: transparent;
  border: none;
  outline: none;
  color: black;
  cursor: pointer;
  font-size: 2rem;
}

.cqIWIF h6 {
  font-size: 16px;
  font-weight: 700;
  padding-top: 8px;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.cqIWIF .joined {
  margin-bottom: 8px;
  font-size: 14px;
}

.cqIWIF button {
  cursor: pointer;
}

.ehWhze {
  padding: 16px 16px 10px;
}

.hqOvPs {
  width: 100%;
  margin: auto;
}

.dEJWWc {
  display: flex;
  justify-content: space-between;
  list-style: none;
  padding-top: 20px;
}

.fUmqdE {
  width: 50px;
  margin-right: 30px;
  cursor: pointer;
  text-align: center;
}

.cTsJcB {
  background: url(https://timnguoigiupviec.vn/storage/icons/share.png) center center/cover no-repeat;
}

.gAMuXu {
  background: url(https://timnguoigiupviec.vn/storage/icons/fill.svg) center center/cover no-repeat;
}

.eTUEpV {
  background: url(https://timnguoigiupviec.vn/storage/icons/fill.png) center center/cover no-repeat;
}

.ekrxgQ {
  width: 48px;
  height: 48px;
}

.fUmqdE span {
  font-size: 11px;
  line-height: 14px;
  display: inline-block;
}

.iHkGST {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 12px 10px;
}

.bFNwbt {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.gHZBQP {
  display: none;
}

.cqIWIF button span {
  font-weight: 400;
  font-size: 16px;
}

.jLpDkO span {
  margin-left: 14px;
  margin-right: 14px;
}

.koVLBE {
  border-top: 1px solid rgb(241, 242, 243);
  border-bottom: 8px solid rgb(244, 244, 244);
  padding: 8px 12px;
  color: #212325;
}

.koVLBE h5 {
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
}

.koVLBE .infor-wrapper {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}

.koVLBE .infor-wrapper .title {
  font-weight: 400;
  font-size: 15px;
}

.koVLBE .infor-wrapper .price {
  font-weight: 700;
}

.koVLBE .expired {
  font-weight: 400;
  font-size: 12px;
}

.fagDND {
  margin-top: 16px;
  padding: 0px 1px;
  border-top: 1px solid #ecedef;
}

.fagDND .sc-nt8fxj-2.active {
  background-color: #fff1eb;
}

.fagDND > div > a,
.fagDND > div > p {
  padding: 10px 0px 10px 10px;
  color: #454749;
  display: block;
}

.tccMv,
.jUGOW,
.lhtFvW,
.bNWHQL,
.ddiPlT,
.kSDsRu,
.detOTM,
.besQfd,
.epktLK,
.fXwlcZ {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid #ecedef;
}

.egMAKN {
  display: flex;
  flex-direction: column;
}

.bKSxAn {
  display: none;
  background: url(https://timnguoigiupviec.vn/storage/icons/arrow-left.svg) left center no-repeat;
  width: 45px;
  height: 40px;
  cursor: pointer;
  border-radius: 100%;
}

.cqIWIF .posting {
  display: none;
}

.aXcUQ span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.zVZOA {
  position: absolute;
  z-index: 200;
  background-color: #ffffff;
  flex-flow: column;
  border: 1px solid #ecedef;
  box-shadow: rgba(0, 0, 0, 0.08) 4px 4px 16px, rgba(0, 0, 0, 0.08) 0px 0px 2px;
  bottom: calc(100% + 6px);
  right: 8px;
  display: none;
}

.cQVtSp {
  padding: 8px 16px;
  border-bottom: 1px solid #f5f7f9;
  display: flex;
  flex-flow: row;
  min-width: 198px;
}

.jFfYlm {
  width: 18px;
  height: 18px;
  background-color: #717375;
  margin-right: 8px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  display: inline-block;
}

.cQVtSp .label {
  display: flex;
  flex-direction: column;
}

.fElMKO {
  width: 382px;
}

.ftdLmq {
  display: flex;
  width: 728px;
  flex-flow: column;
  padding-bottom: 16px;
  position: relative;
  border-bottom: none !important;
}

.eBuogf > :not(:last-child) {
  margin-bottom: 8px;
}

.knXrgw {
  width: 324px;
  display: flex;
  flex-flow: column;
}

.knXrgw > :not(:last-child) {
  margin-bottom: 8px;
}

.aXcUQ {
  position: relative;
  display: flex;
  align-items: center;
}

.bqKOSo {
  min-height: 68px;
  position: relative;
}

.fvdaMV input {
  padding-right: 36px;
}

.aXcUQ input {
  margin-bottom: 0px;
}

.etwauR {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  padding: 14px 8px;
  border: 1px solid #dadcdf;
}

.bqKOSo span {
  font-size: 12px;
}

.fvdaMV span {
  right: 8px;
}

.aXcUQ span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bqlJxE {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.bqlJxE > div {
  width: 33.333%;
  display: flex;
  padding-bottom: 8px;
  padding-right: 8px;
}

.bqlJxE a {
  height: 24px;
  width: 102.666px;
  font-weight: 700;
  padding: 2px;
  text-align: center;
  background-color: #fff1eb;
  color: #ff9362;
  border-radius: 4px;
}

.NOwsa {
  display: flex;
  flex-flow: column;
}

.dVcAel {
  width: 324px;
  border-radius: 8px;
  border: 1px solid #dadcdf;
  padding: 16px;
}

.bzGOOF {
  display: flex;
  flex-flow: row;
}

.bzGOOF > div:last-child {
  margin-left: auto;
}

.dwcqzH {
  width: 100%;
}

.huIiTz {
  background: rgb(244, 243, 246);
  border-radius: 8px;
  padding: 16px;
}

.huIiTz .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.huIiTz label {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: #212325;
}

.huIiTz p {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: rgb(6, 113, 202);
}

.dvkcak {
  width: 100%;
  background: rgb(249, 249, 249);
  padding: 3px 16px;
  border-radius: 8px;
  margin-top: 16px;
}

.dvkcak .heading {
  font-weight: 700;
  line-height: 20px;
  color: rgb(69, 71, 73);
}

.dvkcak ul li p {
  font-size: 12px;
}

.gQhVfS {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.gQhVfS > div:last-child {
  display: flex;
  align-items: center;
  flex-flow: row;
  flex-grow: 1;
  justify-content: end;
}

.dvkcak ul li {
  display: flex;
  justify-content: space-between;
  padding: 9px;
  border-bottom: 1px solid rgb(236, 237, 239);
}

.gQhVfS > div:last-child > div:first-child {
  display: flex;
  flex-flow: row wrap;
}

.gQhVfS > div:last-child > :not(:last-child) {
  margin-right: 16px;
}

@media (max-width: 575.8px) {
  .gmFEgV {
    padding-bottom: 20px;
  }
}

@media (min-width: 576px) {
  .aVebu {
    width: 560px;
  }

  .dgXCPy {
    max-width: 572px;
  }
}

@media (min-width: 768px) {
  .gQhVfS > div:last-child {
    margin-left: auto;
  }

  .dwcqzH {
    width: 350px;
    margin-left: 32px;
  }

  .eBuogf {
    padding: 8px 0px;
  }

  .zVZOA {
    border-radius: 8px;
  }

  .PUxiq {
    max-width: 450px;
  }

  .esIpLR {
    min-height: 900px;
    display: flex;
    padding-top: 24px;
  }

  .kYItuY li::before {
    background-image: url(https://timnguoigiupviec.vn/storage/icons/2-desktop.png);
  }

  .kYItuY li {
    width: calc(50% - 16px);
  }

  .cIKMae {
    width: 196px;
    font-size: 15px;
  }

  .XVVnH li {
    width: calc(50% - 16px);
    border-top: 1px solid #ecedef;
  }
}

@media (max-width: 767.8px) {
  .hNEaev {
    width: 100%;
  }

  .epCSzL {
    margin-top: 8px;
    margin-left: auto;
    width: 100%;
  }

  .iKJREv {
    width: 100%;
    padding: 0px;
    border: none;
    display: block;
    margin-bottom: 100px;
  }

  .eBuogf {
    width: 100%;
  }

  .jpfxTU .wrapper {
    margin-bottom: 8px;
    display: flex;
  }

  .fagDND {
    display: none;
  }

  .cqIWIF .posting {
    max-width: 200px;
    display: flex;
    margin-bottom: 8px;
  }

  .esIpLR {
    flex-direction: column;
    padding: 0px;
  }

  .dlplHY {
    padding: 0px 20px;
  }

  .dlplHY {
    padding-left: 0px;
    padding-right: 0px;
  }

  .brMGwC h4 {
    font-size: 18px;
    font-weight: 700;
  }

  .kOXmTd {
    padding-top: 0px;
    width: 100%;
    padding-bottom: 84px;
  }

  .kYItuY li::before {
    background-image: url(https://timnguoigiupviec.vn/storage/icons/2-mobile.png);
  }

  .kYItuY {
    flex-direction: column;
  }

  .kYItuY li {
    width: 100%;
  }

  .bmASxn {
    margin: 16px auto;
    min-height: calc(100% - 32px);
  }

  .dgXCPy {
    margin: 16px auto;
    min-height: calc(100% - 32px);
  }

  .cWErZa {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cIKMae {
    width: auto;
    padding: 0px 12px;
    margin-right: 6px;
  }

  .XVVnH li:first-child,
  .XVVnH li:nth-child(2) {
    border-top: none;
  }

  .XVVnH li::before {
    background-image: url(https://timnguoigiupviec.vn/storage/icons/2-desktop.png);
  }

  .XVVnH li {
    width: 100%;
    border-bottom: 1px solid #ecedef;
  }
}

.bgsDjV {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}

.ywNmX {
  position: relative;
  display: flex;
  align-items: center;
  background-color: rgb(255, 241, 235);
  color: rgb(69, 71, 73);
  padding: 12px 16px;
  font-size: 15px;
  width: 1112px;
  border-bottom: 8px solid rgb(244, 244, 244);
  margin-bottom: 0px !important;
}

.bgsDjV > :not(:last-child) {
  margin-bottom: 16px;
}

.gXNgSB {
  width: 1112px;
  padding: 16px 0px;
  background: #ffffff;
  border: 1px solid #ecedef;
}

.bitcBI {
  margin: 0px auto;
  position: relative;
  background-color: #f5f7f9;
  color: #212325;
  padding: 16px 24px;
  border-radius: 8px;
}

.frQHEs {
  width: 100%;
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.frQHEs > :not(:last-child) {
  margin-right: 12px;
}

.jpfxTU .button-search {
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dadcdf;
  border-radius: 8px;
  background-color: #f5f7f9;
}

.dLCHMQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.dLCHMQ p {
  margin-right: 8px;
}

.dLCHMQ span {
  color: #212325;
  font-size: 16px;
  font-weight: 700;
}

.dZbDfJ a {
  border: 1px solid rgb(6, 113, 202);
  padding: 8px 16px;
  color: rgb(6, 113, 202);
  font-weight: 700;
  font-size: 15px;
  background: transparent;
  display: flex;
  border-radius: 8px;
}

.dZbDfJ a img {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.eXVvhx {
  font-size: 14px;
  border-bottom: 8px solid rgb(244, 244, 244);
  padding: 0px 16px;
}

.hIknCn {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
}

.jpfxTU {
  display: flex;
}

.jpfxTU .select-wrapper {
  display: flex;
}

.jpfxTU .select-dropdown {
  margin-right: 8px;
  border-radius: 8px;
  background-color: #f5f7f9;
}

.fNJeZQ {
  width: auto;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: left;
  font-size: small;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://timnguoigiupviec.vn/storage/icons/select.svg);
  background-repeat: no-repeat;
  background-position: right 12px top 50%;
  background-size: 16px 12px;
  border: 1px solid #dadcdf;
  border-radius: 8px;
  padding: 10px 40px 10px 8px;
}

.bkBJpp {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9001;
  visibility: hidden;
  opacity: 0;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
  outline: 0px;
  transition: all 0.1s linear 0s;
}

.aVebu {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
}

.jpfxTU .button-search .icons {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/search.svg);
  background-size: cover;
  width: 20px;
  height: 20px;
}

.cNvkZA {
  opacity: 0;
  height: 0px;
  width: 0px;
  pointer-events: none;
  z-index: 200;
  background-color: #ffffff;
  position: fixed;
  padding-top: 8px;
  inset: 0px;
}

.cNvkZA .search-wrapper {
  display: flex;
  align-items: center;
}

.coqHXB {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 50px;
  height: 40px;
  border: none;
  background-color: #ffffff;
  z-index: 200;
}

.coqHXB img {
  width: 24px;
  height: 24px;
}

.gteBLE {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  margin-right: 24px;
}

.gteBLE input {
  margin-bottom: 0px;
  height: 36px;
  padding: 8px 60px 8px 8px;
  font-size: 16px;
  width: 100%;
  outline: none;
  background-color: #ffffff;
  border: 1px solid #ecedef;
  border-radius: 24px;
  color: #212325;
  font-weight: normal;
}

#post .Pewsp {
  border-radius: unset;
  border: unset;
}

#post .jFMCXr {
  width: 200px;
  background: #f9f9f9;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  display: table;
  margin-bottom: 1em;
  padding: 10px;
  position: sticky;
}

#post .jFMCXr ul li {
  margin-left: 20px;
}

#post .jFMCXr .ez-toc-title-container {
  display: flex;
  width: 100%;
}

#post .jFMCXr .ez-toc-title-container .ez-toc-title {
  font-weight: 500;
  text-align: left;
  line-height: 1.45;
  margin: 0;
  padding: 0;
}

#post .jFMCXr .ez-toc-title-container .ez-toc-title-toggle {
  color: #444;
  background: inherit;
  border: inherit;
  display: inline;
  text-align: left;
  vertical-align: middle;
}

#post .jFMCXr .ez-toc-title-container .ez-toc-title-toggle a {
  display: flex;
  align-items: center;
  color: #444;
  background: inherit;
  border: inherit;
}

#post .jFMCXr .ez-toc-title-container .ez-toc-title-toggle a label span {
  height: 30px;
  direction: ltr;
  float: right;
  position: relative;
  font-size: 16px;
  padding: 0;
  border: 1px solid #999191;
  border-radius: 5px;
  cursor: pointer;
  left: 10px;
  width: 35px;
}

.RhzaA {
  display: flex;
  flex-flow: column;
  width: 220px;
}

.aXcUQ {
  position: relative;
  display: flex;
  align-items: center;
}

.aXcUQ input {
  margin-bottom: 0px;
}

.oaeZk span {
  right: 8px;
}

.eGdkGU {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/search.svg);
}

.fYhCd {
  min-width: 16px;
  min-height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  outline: none;
  background-color: transparent;
  border: none;
  align-items: center;
  font-size: 14px;
  display: flex;
  background-repeat: no-repeat;
  background-size: 16px;
}

.eGdkGU {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/search.svg);
}

.bGMqtv {
  background-color: rgb(245, 247, 249);
  padding: 5px 0px;
  border-radius: 8px;
}

.eQuyPF {
  display: flex;
  padding: 5px 0px;
}

.iMAQeV {
  display: flex;
  width: 80%;
  align-self: center;
}

.kWEIQy {
  width: 26%;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.cGctOM {
  color: #454749;
  font-size: 14px;
  font-weight: 700;
}

.ejAGdx {
  width: 48%;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.fzOvka {
  width: 26%;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.egEHLZ {
  width: 20%;
  text-align: right;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.fClbCZ {
  margin-right: 26px;
}

.ybhfR {
  cursor: pointer;
  display: flex;
  padding: 9px 0px;
  border-bottom: 2px solid #ecedef;
}

.iMAQeV {
  display: flex;
  width: 80%;
  align-self: center;
}

.kWEIQy {
  width: 26%;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.fzOvka {
  width: 26%;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.ejAGdx {
  width: 48%;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.egEHLZ {
  width: 20%;
  text-align: right;
  padding: 0px 5px;
  font-size: 16px;
  color: #454749;
}

.lkqTKT {
  margin-left: 17px;
  width: 10px !important;
  height: 10px !important;
}

.cGctOM {
  color: #454749;
  font-size: 14px;
  font-weight: 700;
}

.hXsrRY {
  height: 40px;
  overflow: hidden;
  padding: 5px 0px;
}

.iaYNKr {
  display: flex;
  white-space: nowrap;
  padding-bottom: 4px;
}

.iaYNKr a.active {
  color: #0671ca;
  border-bottom: 2px solid #0671ca;
}

.iaYNKr > :not(:last-child) {
  margin-right: 16px;
}

.iaYNKr a {
  color: #454749;
  padding: 4px 0px;
  font-size: 16px;
}

.cpjVtg {
  display: flex;
  flex-flow: column;
  min-height: 100px;
  padding: 8px 0px;
}

.RhzaA input {
  height: 37px;
}

.oaeZk input {
  padding-right: 64px;
}

.FRxkn {
  display: flex;
}

.coJDok {
  display: flex;
  width: 728px;
  flex-flow: column;
  padding-bottom: 16px;
  position: relative;
}

.fuDgIm {
  display: flex;
  flex-grow: 1;
  color: #717375;
}

.fuDgIm > :not(:last-child) {
  margin-right: 8px;
  min-width: 175px;
}

.bEfZLw span {
  font-size: 12px;
  color: #c8152b;
}

.etwauR[aria-invalid=true],
.etwauR[aria-valid=false] {
  border: 1px solid #c8152b;
}

.gbmLqg {
  width: 48px;
  height: 48px;
  background-color: #fff1eb;
  border-radius: 50%;
  position: relative;
  display: flex;
  justify-content: center;
  padding: 10px;
}

.gbmLqg img {
  width: 100%;
  height: 100%;
  margin: 0px;
}

.fTOEzv {
  position: relative;
  display: flex;
}

.fTOEzv img.cover {
  height: 132px;
  max-width: 176px;
  border-radius: 8px;
  margin: auto;
}

.view-more {
  text-align: center;
  padding-top: 15px;
}

#view-more {
  margin-top: 16px;
  padding: 10px 30px;
  font-size: 16px;
  background: #ecf6fe;
  border-radius: 8px;
  color: #0671ca;
  cursor: pointer;
  font-weight: 600;
}

.dUMkjA .title {
  max-width: 500px;
}

.iNMLQ .price {
  font-weight: 700;
  font-size: 15px;
  color: #d14200;
  margin-right: 8px;
}

.iNMLQ .location {
  display: flex;
  align-items: center;
}

.gDEhhp {
  transform: none;
  transition: transform 0.3s ease-out 0s;
  position: relative;
  width: auto;
  pointer-events: none;
  margin: 60px auto;
  max-width: calc(100% - 32px);
  display: flex;
  align-items: center;
  min-height: calc(100% - 120px);
  font-size: 14px;
}

.jTaZFs {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: rgb(255, 255, 255);
  background-clip: padding-box;
  outline: 0px;
}

.egaIq {
  display: flex;
  justify-content: end;
  width: 100%;
}

.iqOwD {
  display: flex;
  flex-flow: row;
  justify-content: flex-end;
}

.iqOwD .button-command.icon-buy {
  color: #ffffff;
  background-color: #0671ca;
}

.iqOwD .button-command.hidden {
  display: none;
}

.iqOwD .button-command {
  width: 148px;
  height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  background-color: #f5f7f9;
  color: #454749;
  border: none;
  margin-left: 8px;
  border-radius: 8px;
}

.iqOwD .button-command {
  width: 148px;
  height: 32px;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  background-color: #f5f7f9;
  color: #454749;
  border: none;
  margin-left: 8px;
  border-radius: 8px;
}

.iqOwD .button-command.icon-dots {
  width: 32px;
  height: 32px;
}

.ebmFjF {
  position: absolute;
  display: block;
  width: 24px;
  height: 24px;
  color: #ffffff;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 27px;
  right: 7px;
  bottom: 9px;
  background: url(https://timnguoigiupviec.vn/storage/icons/camera.svg) 0% 0%/contain;
}

.ezKiWH {
  padding: 0px 24px;
}

.cSkKxN {
  height: 139px;
  margin-bottom: 12px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cfBofG {
  background: rgb(244, 243, 246);
  border-radius: 4px;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}

.cfBofG .wrapper-inactive {
  display: flex;
  align-items: center;
}

.cfBofG .wrapper-inactive .content {
  margin-left: 8px;
}

.cfBofG .content {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgb(0, 0, 0);
}

.bSHkAC {
  display: flex;
}

.bSHkAC .item {
  background-color: rgb(244, 243, 246);
  width: 100px;
  padding: 4px;
  margin-right: 4px;
  border-radius: 4px;
}

.bSHkAC .item p {
  font-weight: 400;
  font-size: 12px;
  color: rgb(128, 128, 137);
}

.bSHkAC .item span {
  font-weight: 400;
  margin-top: 4px;
  font-size: 12px;
  color: rgb(0, 0, 0);
}

.eWwqle {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}

.fsPckA {
  background-color: #ffffff;
  padding: 16px 32px 32px;
  border-radius: 8px;
}

.eWwqle h2 {
  padding-bottom: 32px;
}

.kQRpVm {
  align-items: center;
  position: relative;
}

.kQRpVm a {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: rgb(255, 100, 30);
  display: flex;
  align-items: center;
  position: absolute;
  right: 0px;
  top: 0px;
}

.kQRpVm a i {
  margin-left: 5px;
}

.kswaVo {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.kswaVo p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: rgb(33, 35, 37);
}

.ekBUNA {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
}

.ekBUNA label {
  flex: 3 1 0%;
  font-weight: 400;
  color: #454749;
}

.bEfZLw {
  flex: 9 1 0%;
}

.iOhteQ {
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 14px 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: 1px solid #dadcdf;
  background-color: #f5f7f9;
  position: relative;
}

.dsAKbU {
  width: 100%;
  display: flex;
  white-space: nowrap;
  overflow: hidden;
}

.dsAKbU > p {
  text-overflow: ellipsis;
  overflow: hidden;
}

.kzqFTl {
  display: flex;
  flex: 1 1 0%;
  justify-content: space-between;
}

.iOhteQ p {
  font-size: 14px;
  color: #212325;
}

.bEfZLw button {
  min-width: 16px;
  min-height: 16px;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-right: 6px;
}

.KCzwO {
  display: flex;
  flex: 1 1 0%;
  justify-content: end;
}

.hZwiKO {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/check.svg);
  margin-left: 10px;
  cursor: unset;
}

.bEfZLw button {
  min-width: 16px;
  min-height: 16px;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-right: 6px;
}

.fquRqg {
  max-width: 700px;
  background: white;
  padding: 20px;
  border-radius: 8px;
  margin: 10px auto;
}

.gILyYk {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/edit.svg);
}

.diDlpY {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/add.svg);
}

.hvzJkc {
  min-width: 16px;
  min-height: 16px;
  margin-left: 2px;
  margin-right: 2px;
  outline: none;
  background-color: transparent;
  border: none;
  align-items: center;
  font-size: 14px;
  display: flex;
  background-repeat: no-repeat;
  background-size: 16px;
  cursor: pointer;
}

.ekBUNA label > span {
  color: #c8152b;
  margin-left: 4px;
}

.bi.bi-x {
  font-size: 25px;
}

.iLcMzr:checked::before {
  left: 27px;
}

.wrapper .bi.bi-chevron-right {
  float: right;
}

.eWwqle {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}

.fsPckA {
  background-color: #ffffff;
  padding: 16px 32px 32px;
  border-radius: 8px;
}

.eWwqle h2 {
  padding-bottom: 32px;
}

.ekBUNA {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 16px;
}

.ekBUNA label {
  flex: 3 1 0%;
  font-weight: 400;
  color: #454749;
}

.ekBUNA label > span {
  color: #c8152b;
  margin-left: 4px;
}

.bEfZLw {
  flex: 9 1 0%;
}

.aXcUQ {
  position: relative;
  display: flex;
  align-items: center;
}

.fvdaMV input {
  padding-right: 36px;
}

.fvdaMV span {
  right: 8px;
}

.aXcUQ span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}

.bEfZLw button {
  min-width: 16px;
  min-height: 16px;
  background-repeat: no-repeat;
  background-size: 16px;
  margin-right: 6px;
}

.gcIVFe {
  background-image: url(https://timnguoigiupviec.vn/storage/icons/clear.svg);
}

.bEfZLw span {
  font-size: 12px;
  color: #c8152b;
}

.aXcUQ input {
  margin-bottom: 0px;
}

.etwauR {
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  outline: none;
  border-radius: 4px;
  padding: 14px 8px;
  border: 1px solid #dadcdf;
}

.bEfZLw input[type=text] {
  padding-right: 40px;
  font-size: 14px;
}

.iYNDwx {
  display: flex;
}

.QxKOT {
  display: flex;
  align-items: center;
  padding-right: 16px;
}

.iYNDwx input:checked {
  background-color: #d14200;
  outline: 1px solid #d14200 !important;
  border: 4px solid #ffffff !important;
}

.iYNDwx input {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  border: 1px solid #dadcdf;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0px 4px 0px 0px;
  padding: 0px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.iYNDwx label {
  font-size: 14px;
  margin-left: 4px;
  cursor: pointer;
}

.ekBUNA label {
  flex: 3 1 0%;
  font-weight: 400;
  color: #454749;
}

.dIEwjb {
  cursor: pointer;
  width: 40%;
}

.fLwuFp {
  z-index: 90;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-image: url(https://timnguoigiupviec.vn/images/common.png);
  background-position: 6px -90px;
}

@media (max-width: 1439.8px) {
  .ezKiWH {
    padding: 16px;
  }

  .gXNgSB {
    width: 1093px;
  }

  .ywNmX {
    width: 1093px;
  }
}

@media (max-width: 1365.8px) {
  .fElMKO {
    display: none;
  }

  .gXNgSB {
    width: 730px;
  }

  .ywNmX {
    width: 730px;
  }
}

@media (min-width: 1366px) {
  .ebmFjF {
    bottom: 60px;
  }

  .fuCmpv .position-classified {
    display: none;
  }
}

@media (min-width: 1439.8px) {
  .ebmFjF {
    bottom: 30px;
  }
}

@media (max-width: 767.8px) {
  .lneyYS > div:first-child {
    margin-right: 20px;
  }

  .RhzaA {
    display: none;
  }

  .gDEhhp {
    margin: 16px auto;
    min-height: calc(100% - 32px);
  }

  .gXNgSB {
    width: 100%;
    border-radius: 0px;
    padding: 0px;
    border: none;
  }

  .hIknCn {
    align-items: flex-start;
    padding-bottom: 12px;
  }

  .dcmISr {
    flex: 12 1 0%;
    margin-bottom: 28px;
    width: 100%;
  }

  .frQHEs {
    flex-flow: column;
  }

  .egMAKN {
    width: 100%;
  }

  .XVVnH li::before {
    background-image: url(https://timnguoigiupviec.vn/storage/icons/2-mobile.png);
  }

  .XVVnH li:first-child {
    border-top: 1px solid #ecedef;
  }
}

@media (max-width: 989.8px) {
  .kZeUuu {
    width: 92%;
  }

  .jnuKeM table .hide-mobile {
    display: none;
  }

  .egEHLZ {
    width: 52%;
  }

  .iMAQeV {
    flex-direction: column;
  }

  .lkqTKT {
    margin-left: 10px;
  }

  .kWEIQy {
    width: 100%;
  }

  .eQuyPF .fzOvka,
  .eQuyPF .ejAGdx {
    display: none;
  }

  .fzOvka {
    font-size: 11px;
    font-weight: 400;
    width: 100%;
  }

  .ejAGdx {
    font-size: 11px;
    font-weight: 400;
    width: 100%;
  }

  .egEHLZ {
    width: 52%;
  }

  .iMAQeV {
    flex-direction: column;
  }

  .egaIq {
    order: -1;
    margin-bottom: 12px;
  }

  .jTaZFs {
    min-height: 100vh;
  }

  .gDEhhp {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    min-height: 100%;
  }

  .cpjVtg {
    overflow: hidden;
    padding: 0px;
  }

  .eXVvhx {
    padding: 16px 8px;
  }

  .dZbDfJ a {
    justify-content: center;
  }

  .dZbDfJ {
    width: 100%;
  }

  .bitcBI {
    margin: 16px 8px 0px;
    background-color: #ffffff;
  }

  .koVLBE {
    display: none;
  }

  .view-user .kavwNJ {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
  }

  .kqqkWq {
    width: 144px;
    height: 108px;
  }

  .hQoNeb {
    height: 50px;
  }

  .navigation-menu .menu-item a img {
    width: 56px !important;
    height: 56px !important;
  }

  .kWOgkn {
    padding: 16px 0px 24px;
    border-radius: 0px;
  }

  .kWOgkn span.button-down {
    height: 40px;
    width: 230px;
    font-size: 13px;
  }

  .kWOgkn span.opacity-none {
    width: 40px;
  }

  .kXITxx {
    padding: 0px;
    margin-bottom: 90px;
  }

  .jTaZFs {
    min-height: 100vh;
  }

  .bmASxn {
    width: 100%;
    max-width: 100%;
    margin: 0px auto;
    min-height: 100%;
  }

  .bIsYGD {
    font-size: 12px;
    line-height: 16px;
    height: 20px;
  }

  .eOzaio {
    max-width: calc(100% - 144px);
    padding-left: 8px;
  }

  .fjImPV {
    bottom: 6px;
    right: 6px;
  }

  .jEDOLs {
    padding: 16px 8px;
  }

  .etwauR {
    font-size: 16px;
  }

  .iLTwPL {
    font-size: 16px;
  }

  .lpuxSi {
    margin-top: 3px;
  }

  .lpuxSi {
    margin-top: 3px;
  }

  .clZVoX {
    padding-top: 77%;
  }

  .jXAsei {
    width: 158px;
    height: 260px;
    padding: 8px;
  }

  .kYDvkH h2 {
    font-size: 18px;
    line-height: 24px;
  }

  .kYDvkH {
    padding: 16px 12px;
  }

  .iuGEqM {
    background: #ffffff;
  }

  .XVVnH {
    flex-direction: column;
  }

  .kWbIwg {
    padding: 16px 8px;
  }

  .Pewsp {
    padding: 16px 8px;
  }

  .WWhVi {
    flex-direction: column;
  }

  .klItbj {
    padding: 16px 8px;
  }

  .ihoYxx {
    height: 280px;
    border: 0px;
  }

  .eWzYNQ {
    padding: 16px;
    margin-left: 0px;
    width: 100%;
  }

  .keuxpL {
    display: none;
  }

  .inQhcU {
    border-bottom: none;
  }

  .jFMCXr {
    width: 100%;
  }
}

@media (min-width: 990px) {
  .fsPckA {
    min-width: 990px;
  }

  .fsPckA {
    min-width: 990px;
  }

  .search-input {
    padding-left: 14px;
  }

  .ftdLmq {
    padding: 0px 16px 16px;
    min-width: 728px;
  }

  .iNMLQ {
    display: flex;
    align-items: center;
    margin-top: 4px;
  }

  .coJDok {
    padding: 0px 16px 16px;
    min-width: 728px;
  }

  .FRxkn {
    border-bottom: 1px solid rgb(236, 237, 239);
    padding: 16px 0px;
  }

  .cpjVtg {
    overflow-x: auto;
    padding: 0px;
  }

  .hIknCn input {
    padding: 10px;
    border-radius: 8px;
  }

  .jpfxTU .button-search {
    display: none;
  }

  .dLCHMQ {
    justify-content: flex-start !important;
  }

  .bitcBI {
    display: none;
  }

  .egMAKN {
    width: calc(100% - 273px);
  }

  .view-user .inQhcU {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  .view-user .hgWMu {
    margin-top: 8px;
    font-size: 18px;
  }

  .kWOgkn span.button-down {
    width: 300px;
    height: 40px;
    font-size: 15px;
  }

  .kXITxx {
    max-height: 65vh;
  }

  .jTaZFs {
    border-radius: 16px;
  }

  .eOzaio {
    max-width: calc(100% - 200px);
    padding-left: 16px;
  }

  .fjImPV {
    bottom: 8px;
    right: 8px;
  }

  .kqqkWq {
    width: 200px;
    height: 150px;
  }

  .dVverB {
    border-radius: 16px;
  }

  .fjImPV {
    bottom: 8px;
    right: 8px;
  }

  .jXAsei {
    width: 198px;
    height: 293px;
    padding: 16px 12px;
  }

  .kYDvkH h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    padding-right: 15px;
  }

  .iuGEqM {
    border-radius: 2px;
    border: 1px solid #ecedef;
  }

  .iuGEqM {
    border-radius: 2px !important;
  }

  .iuGEqM {
    background: #ffffff;
  }

  .cIKMae .content {
    font-size: 15px;
  }

  .lgZYYB {
    justify-content: space-between;
  }

  .kWbIwg {
    border: 1px solid #ecedef;
    border-radius: 8px;
  }

  .Pewsp {
    border-radius: 8px;
    border: 1px solid rgb(236, 237, 239);
  }

  .gXrCuJ {
    max-width: 990px;
  }

  .kzipBv img {
    max-width: 650px;
  }

  .klItbj .price {
    font-size: 20px;
  }

  .klItbj h1 {
    font-size: 20px;
  }

  .klItbj {
    border-radius: 8px;
  }

  .jFMCXr {
    width: 338px;
    padding-left: 20px;
    position: sticky;
    top: 115px;
  }

  .view-user .jFMCXr {
    margin-right: 16px;
  }
}

@media screen and (max-width: 992px) {
  .eTDNqu {
    height: 8px;
    background-color: rgb(245, 247, 249);
  }

  .eTBLjO {
    height: 8px;
    background-color: rgb(245, 247, 249);
  }
}

@media screen and (min-width: 992px) {
  .eTDNqu {
    height: 8px;
    background-color: transparent;
  }

  .eTBLjO {
    height: 0px;
    background-color: transparent;
  }
}

@media (max-width: 575.8px) {
  .ckPFFL {
    display: flex;
    align-items: center;
    width: 51%;
    height: 108px;
  }

  .egEHLZ {
    width: 50%;
  }

  .iMAQeV {
    width: 50%;
  }

  .iMAQeV {
    width: 50%;
  }

  .egEHLZ {
    width: 50%;
  }
}

.dropzone {
  border: 1px dashed #ff9362;
  border-radius: 8px;
  background-color: #f9f9f9;
  background: rgb(255, 241, 235);
}

.dropzone .dz-message {
  text-align: center;
  font-size: 18px;
  color: #555;
}

.dropzone .dz-preview {
  display: inline-block;
  margin: 10px;
}

.dropzone .dz-preview.dz-image-preview {
  background: #f9f9f9 !important;
}

.dropzone .dz-preview .dz-image {
  border-radius: 8px !important;
  width: 100%;
  height: auto;
}

.dropzone .dz-preview .dz-image img {
  width: 100%;
  height: auto;
}

.dropzone .dz-preview .dz-details {
  text-align: center;
}

.dropzone .dz-preview .dz-filename {
  font-weight: bold;
}

.dropzone .dz-preview .dz-progress {
  display: block;
  margin-bottom: 10px;
}

.dropzone .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark {
  display: none;
}

.dropzone .dz-preview .dz-success-mark::before {
  content: "\F00C";
  font-family: FontAwesome;
  color: green;
}

.dropzone .dz-preview .dz-error-mark::before {
  content: "\F00D";
  font-family: FontAwesome;
  color: red;
}

.dropzone .dz-preview .dz-error-message {
  color: red;
}

.dropzone .dz-preview .dz-remove {
  font-weight: 700;
  position: absolute;
  z-index: 100;
  background-color: #ffffff;
  width: 22px;
  height: 22px;
  right: 8px;
  top: 8px;
  border-radius: 50%;
}

.dropzone .dz-preview .dz-remove:hover {
  color: red;
}

.menu-item.manager,
.sc-18oo25t-8.ghkCek,
.sc-18oo25t-8.ghkCek > div {
  display: none;
}

.input-container {
  position: relative;
}

.custom-label {
  position: absolute;
  top: 74%;
  transform: translateY(-50%);
  right: 10px;
  padding: 5px;
  background-color: #ffffff;
  color: #FF5722;
  font-style: italic;
  pointer-events: none;
  z-index: 1;
}

.custom-toast {
  width: 450px !important;
}

.ruJIV {
  position: absolute;
  top: 32px;
  right: 0px;
  width: 272px;
  border-radius: 1px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.08) 4px 4px 16px;
  z-index: 101;
}

.ruJIV::before {
  content: "";
  cursor: pointer;
  position: absolute;
  top: -12px;
  right: 0px;
  width: 50%;
  height: 15px;
}

.ghkCek a {
  display: flex;
  align-items: center;
  position: relative;
}

.dSguYv {
  width: 24px;
  height: 24px;
  opacity: 0.6;
  background: url(https://timnguoigiupviec.vn/storage/icons/saved-favorite.png) no-repeat;
}

.kOXmTd {
  width: 572px;
  padding-top: 16px;
  background-color: #ffffff;
  padding-bottom: 50px;
}

@media (max-width: 767.8px) {
  .kOXmTd {
    padding-top: 0px;
    width: 100%;
    padding-bottom: 84px;
  }
}

.image-counter {
  position: absolute;
  bottom: 15px;
  right: 0px;
  padding: 5px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  background-color: rgba(218, 220, 223, 0.7);
}