/* 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: 75px;
    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: 190px;
    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://timgiupviec.com.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 {
    padding-top: 10px;
    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://timgiupviec.com.vn/images/common.png);
}

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

.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://timgiupviec.com.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%;
}

.modal-content.search-modal .modal-header {
    align-items: center;
    background: #1b43cd;
    border-bottom: 1px solid #2196F3;
    display: flex;
    justify-content: space-between;
    padding: 16px;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.modal-content.search-modal .modal-body {
    background: linear-gradient(182.28deg, #d2d5f4 2.17%, #3563dd 92.19%);
    color: #000;
    height: calc(100vh - 138px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 16px 16px 85px;
    position: relative;
}

.modal-header__title {
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}

.modal-header__close {
    align-items: center;
    display: flex;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.modal-body__box {
    background: #d8ddf9;
    border: 1px solid #57abf0;
    border-radius: 16px;
    margin-bottom: 16px;
    padding: 12px 16px 16px;
}
#more .modal-content.search-modal .modal-body {
    padding-bottom: 15px;
}
#more .modal-footer {
    margin-bottom: 70px;
}
.modal-footer {
    background: #d8ddf9;
    justify-content: space-between !important;
}

.modal-footer a {
    background: #1b43cd;
    color: white;
    border-radius: 20px;
    padding: 8px 19px;
}

.modal-footer button {
    background: #ffc701;
    color: black;
    border-radius: 20px;
    padding: 8px 19px;
}

/* width */
.modal-content.search-modal .modal-body::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.modal-content.search-modal .modal-body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #d8ddf9;
    border-radius: 10px;
}

.modal-content.search-modal .modal-body::-webkit-scrollbar-thumb {
    background-image: linear-gradient(-45deg, #3563dd, #d2d5f4);
    border-radius: 50px;
}

.modal-body__box--title {
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 8px;
}

.modal-body .select2-item {
    align-items: center;
    background: rgba(0, 192, 86, .16);
    border: 1px solid transparent;
    border-radius: 6px;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    width: 100%;
}

.modal-body__box .custom-radio-select--options {
    flex-wrap: wrap;
    gap: 12px;
}

.custom-radio-select--options {
    align-items: center;
    display: flex;
}

.custom-radio-select--options input[type=radio]:checked+label {
    background: #ffc701;
    color: black;
}

.select2-container .select2-dropdown .select2-search__field {
    width: 100%;
    /* Đảm bảo ô tìm kiếm mở rộng ra toàn bộ dropdown */
    padding: 8px;
    /* Điều chỉnh padding cho ô tìm kiếm */
    box-sizing: border-box;
    /* Đảm bảo padding không làm thay đổi kích thước của ô tìm kiếm */
}

.list-post .modal-content.search-modal .modal-header .modal-header__close {
    display: none;
}

.custom-radio-select--option {
    align-items: center;
    background: #1b43cd;
    border-radius: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 22px;
    margin-bottom: 0;
    min-height: 32px;
    padding: 4px 16px;
}

.modal-header__close img {
    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-manage,
.navigation .menu .menu-item .icon-personal {
    background-color: transparent;
    display: inline-block;
    background-image: url(https://timgiupviec.com.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.activeMenu .icon-publish {
    border-top: 2px solid #1b43cd;
}

.bi-chat-fill::before {
    content: "\f24b";
    color: #ffc701;
}

.bi-heart-fill::before {
    content: "\f415";
    color: red;
}

.navigation .menu .menu-item .icon-publish {
    z-index: 68;
    border-top: 2px solid #dadcdf;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-position: -15px -16px;
    margin-top: -20px;
    margin-bottom: 0px;
    background-color: #fdfdfd;
    display: inline-block;
    background-image: url(https://timgiupviec.com.vn/storage/icons/2-mobile.png);
}

.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: #1b43cd;
}

.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%;
    }
    .data-right .search-modal {
        display: none !important;
    }
    .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 img {
        max-width: 100%;
    }

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

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

    .navigation-menu .menu-item .icon {
        padding: 7px;
        background-image: url(https://timgiupviec.com.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: -1px;
        left: 0px;
        background-color: #d8ddf9;
        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 {
        display: flex;
        padding: 0px 6px 0px 0px;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 200px;
    }
}

.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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;
}

.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 {
    justify-content: space-evenly;
    background: #ffffff;
    border: 1px solid #ecedef;
    border-radius: 8px;
    width: 100%;
    padding: 16px;
    margin-bottom: 16px;
}

.line-padding {
    width: 100%;
}
.slick-carousel.banner .slick-carousel img {
    max-height: 100% !important;
}
.navigation-menu {
    background: #ffffff;
    border-radius: 8px;
}

.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% - 330px);
        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: 330px;
        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;
    }

    .slick-carousel img {
        border-radius: 12px;
        max-width: 100%;
    }

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

    .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://timgiupviec.com.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%;
    }

    .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%;
    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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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;
}

.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://timgiupviec.com.vn/images/common.png);
}

.ffxZOR {
    width: 24px;
    height: 24px;
    background-size: cover;
    background-image: url(https://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.vn/storage/icons/chat.svg);
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.cFJMaC {
    background-image: url(https://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.vn/images/common.png);
    background-position: -48px -240px;
    top: 8px;
    left: 8px;
    width: 28px;
    height: 20px;
}

.navigation-menu .menu-item a img {
    width: 90px !important;
    height: 90px !important;
    position: relative;
    border-radius: 12px;
    border: 1px solid rgb(216 221 249);
    margin-bottom: 8px;
    background-origin: content-box;
    background-color: rgb(216 221 249);
    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 #1b43cd;
    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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.vn/storage/icons/fill.svg) center center/contain no-repeat;
}

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

.container.login .form a.btn-link.zl::after {
    background: url(https://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.vn/storage/icons/google-colored.svg) center center/contain no-repeat;
}

.dwYEMP::after {
    background: url(https://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.vn/storage/icons/share.png) center center/cover no-repeat;
}

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

.eTUEpV {
    background: url(https://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.vn/storage/icons/edit.svg);
}

.diDlpY {
    background-image: url(https://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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://timgiupviec.com.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);
}