@keyframes gradient-animation-card-skeleton {
    from {
        left: 0%
    }

    to {
        left: 100%
    }
}

.re__tag,
.re__tag--sm,
.re__tag-removable-solid--sm,
.re__tag--md,
.re__tag-removable-solid--md {
    overflow: hidden;
    display: block;
    float: left;
    padding: 6px 16px;
    border-radius: 40px;
    background: #F2F2F2;
    margin-right: 8px;
    color: #2C2C2C;
    cursor: pointer
}

.re__tag:hover,
.re__tag--sm:hover,
.re__tag-removable-solid--sm:hover,
.re__tag--md:hover,
.re__tag-removable-solid--md:hover {
    background: #F2F2F2;
    color: #999
}

.re__tag:active,
.re__tag--sm:active,
.re__tag-removable-solid--sm:active,
.re__tag--md:active,
.re__tag-removable-solid--md:active {
    background: #ccc;
    color: #2C2C2C
}

.re__actived.re__tag,
.re__actived.re__tag--sm,
.re__actived.re__tag-removable-solid--sm,
.re__actived.re__tag--md,
.re__actived.re__tag-removable-solid--md {
    background: #FFECEB;
    color: #74150F
}

.re__tag-icon-left span,
.re__tag-notification span,
.re__tag-close span,
.re__tag-icon-close span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    display: block;
    float: left
}

.re__tag {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__tag a {
    color: #2C2C2C
}

@media only screen and (max-width: 1024px) {
    .re__tag:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag:active {
        background: #ccc;
        color: #2C2C2C
    }

    .re__tag a:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag a:active {
        background: #ccc;
        color: #2C2C2C
    }
}

.re__tag--sm {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 2px 8px;
    margin-right: 6px
}

.re__tag--sm:hover {
    background: #F2F2F2;
    color: #999
}

.re__tag--sm:active {
    background: #ccc;
    color: #2C2C2C
}

.re__tag--sm a {
    color: #2C2C2C
}

@media only screen and (max-width: 1024px) {
    .re__tag--sm:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--sm:active {
        background: #ccc;
        color: #2C2C2C
    }

    .re__tag--sm a:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--sm a:active {
        background: #ccc;
        color: #2C2C2C
    }
}

.re__tag-removable-solid--sm {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 2px 8px;
    margin-right: 6px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 1px 7px;
    padding: 5px 15px
}

.re__tag-removable-solid--sm:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.8)
}

.re__tag-removable-solid--sm:active {
    background: #fff;
    color: #2C2C2C;
    border: 1px solid #fff
}

.re__tag-removable-solid--sm.active {
    background: #fff;
    border: 1px solid #fff;
    color: #2C2C2C
}

.re__tag-removable-solid--sm a {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 1024px) {
    .re__tag-removable-solid--sm:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--sm:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--sm a:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--sm a:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--sm.active:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--sm.active a:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }
}

.re__tag--md {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px;
    margin-right: 8px
}

.re__tag--md:hover {
    background: #F2F2F2;
    color: #999
}

.re__tag--md:active {
    background: #ccc;
    color: #2C2C2C
}

.re__tag--md a {
    color: #2C2C2C
}

@media only screen and (max-width: 1024px) {
    .re__tag--md:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--md:active {
        background: #ccc;
        color: #2C2C2C
    }

    .re__tag--md a:hover {
        color: #2C2C2C;
        background: #F2F2F2
    }

    .re__tag--md a:active {
        background: #ccc;
        color: #2C2C2C
    }
}

.re__tag-removable-solid--md {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px;
    margin-right: 8px;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    padding: 1px 7px;
    padding: 5px 15px
}

.re__tag-removable-solid--md:hover {
    background: rgba(0, 0, 0, 0);
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.8)
}

.re__tag-removable-solid--md:active {
    background: #fff;
    color: #2C2C2C;
    border: 1px solid #fff
}

.re__tag-removable-solid--md.active {
    background: #fff;
    border: 1px solid #fff;
    color: #2C2C2C
}

.re__tag-removable-solid--md a {
    color: #fff;
    background: rgba(0, 0, 0, 0.6);
    border: 1px solid rgba(255, 255, 255, 0.3)
}

@media only screen and (max-width: 1024px) {
    .re__tag-removable-solid--md:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--md:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--md a:hover {
        color: #fff;
        background: rgba(0, 0, 0, 0.6);
        border: 1px solid rgba(255, 255, 255, 0.3)
    }

    .re__tag-removable-solid--md a:active {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--md.active:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }

    .re__tag-removable-solid--md.active a:hover {
        background: #fff;
        color: #2C2C2C;
        border: 1px solid #fff
    }
}

.re__tag-icon-left i {
    font-size: 16px;
    padding: 2px 0px;
    float: left;
    margin-right: 8px
}

.re__tag-notification span {
    margin-right: 8px
}

.re__tag-notification span.notification {
    font-family: "Roboto Bold", Roboto, Arial !important;
    font-size: 10px;
    line-height: 12px;
    font-weight: normal !important;
    color: #fff;
    background: #2C2C2C;
    border-radius: 4px;
    display: inline-block;
    min-width: 16px;
    line-height: 16px;
    padding: 0px 1px
}

.re__tag-close span {
    margin-right: 8px
}

.re__tag-close i {
    font-size: 16px;
    padding: 2px 0px;
    float: left
}

.re__tag-icon-close span {
    font-size: 16px;
    margin-left: 8px;
    margin-right: 8px
}

.re__tag-icon-close i {
    font-size: 16px;
    padding: 2px 0px;
    float: left;
    margin-left: 0px
}

.re__tag-icon-close.re__multiple-row i {
    padding: 10px 0px
}

.re__tag-icon-close .re__content {
    display: block
}

.re__tag-icon-close .re__content .re__row-1 {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    display: block;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    clear: both;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 255px;
    overflow: hidden
}

.re__tag-icon-close .re__content .re__row-2 {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    display: block;
    float: left;
    clear: both;
    margin-left: 0px;
    margin-right: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 255px;
    overflow: hidden
}

.re__section::after {
    content: "";
    clear: both;
    display: block
}

@media only screen and (min-width: 1024px) {
    .re__section {
        margin-bottom: 40px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__section {
        margin-bottom: 32px
    }
}

.re__section .re__section-title {
    font-family: "Lexend Medium", Roboto, Arial !important;
    font-size: 18px;
    line-height: 28px;
    font-weight: normal !important;
    letter-spacing: -.2px;
    color: #2C2C2C;
    display: block
}

@media only screen and (min-width: 1024px) {
    .re__section .re__section-title {
        margin-bottom: 24px
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) {
    .re__section .re__section-title {
        margin-bottom: 16px
    }
}

.re__section .re__section-body::after {
    content: "";
    clear: both;
    display: block
}

.re__section .re__section-body[class*="re__border-"] {
    padding-top: 8px;
    padding-bottom: 8px
}

.re__section .re__section-footer {
    text-align: center;
    position: relative
}

.re__section .re__section-footer::after {
    content: "";
    clear: both;
    display: block
}

.re__section .re__section-footer .overlay {
    position: absolute;
    top: -24px;
    height: 24px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fff 100%)
}

.re__breadcrumb {
    margin-bottom: 8px
}

.re__breadcrumb a {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #999
}

.re__breadcrumb a:hover {
    color: #505050
}

.re__breadcrumb a:active {
    color: black
}

.re__breadcrumb a:last-of-type {
    color: #2C2C2C
}

.re__breadcrumb span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #999;
    margin: 0 4px;
    display: inline-block
}

.re__autocomplete {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

.re__autocomplete ul.ui-autocomplete {
    display: block;
    padding: 8px 0px;
    background: #fff;
    box-shadow: 0px 4px 16px rgba(44, 44, 44, 0.08);
    border-radius: 4px;
    border: none;
    box-sizing: content-box;
    top: 8px !important
}

.re__autocomplete ul.ui-autocomplete>li {
    box-sizing: content-box;
    position: relative;
    width: 100%
}

.re__autocomplete ul.ui-autocomplete>li:nth-child(1)::after {
    content: "";
    display: block;
    height: 1px;
    background-color: #F2F2F2;
    margin: 8px 16px 0 8px
}

.re__autocomplete ul.ui-autocomplete>li:last-child::after {
    height: 0px;
    margin: 0
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-divider {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    padding: 12px 16px 8px 16px;
    display: inline-block;
    color: #999
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item {
    cursor: pointer
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item:first-child {
    background: none !important
}

/* HuognND */
/* .re__autocomplete ul.ui-autocomplete>li.ui-menu-item::hover {
    border: none;
    background: #F2F2F2
} */
/* End HuongND */

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item:hover {
    border: none;
    background: #F2F2F2
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item:hover>a:not(.re__remove-searching-history) {
    padding: 6px 16px
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item:hover>a:not(.re__remove-searching-history)>span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history) {
    padding: 6px 16px;
    line-height: initial
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history)>i {
    float: left;
    display: block;
    margin: 2px 12px 2px 0px
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history)>span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inherit;
    margin-right: 22px;
    color: #2C2C2C
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history)>span>b {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history):hover {
    background-color: #F2F2F2
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item>a:not(.re__remove-searching-history):active {
    background-color: #ccc
}

.re__autocomplete ul.ui-autocomplete>li.ui-menu-item>a.re__remove-searching-history {
    position: absolute;
    top: 8px;
    right: 16px;
    padding: 0px;
    height: 16px;
    color: #999
}

@media only screen and (max-width: 1128px) {
    .re__autocomplete {
        position: relative
    }

    .re__autocomplete ul.ui-autocomplete {
        position: absolute;
        top: 0 !important
    }

    .fix .re__autocomplete {
        bottom: unset;
        top: -8px
    }
}

.mCSB_inside>.mCSB_container {
    margin-right: 8px
}

.mCustomScrollBox>.mCSB_scrollTools {
    width: 12px
}

.search-bar .icon-close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 8px;
    right: 0px;
    cursor: pointer
}

.search-bar .search-bar-input {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 10px 35px 10px 48px;
    width: 280px;
    height: 40px;
    background: #fff url(/images/icons/16x16/ic_search.svg) no-repeat 16px center;
    font-weight: normal
}

form#boxSearchForm {
    background: #ffffff
}

.filter-control.search-bar {
    width: 100%;
    height: 56px
}

.search-bar {
    background: #ffffff;
    position: relative
}

.search-bar.fix {
    left: 0;
    position: fixed;
    top: 58px;
    width: 100%;
    z-index: 100 !important;
    box-shadow: none;
    border-bottom: 1px solid #004e7f
}

.search-bar .hiding {
    display: none
}

.search-bar .search-bar-tab {
    width: 176px;
    float: left
}

.search-bar .search-bar-tab li {
    display: inline-block;
    text-align: center;
    width: 50%;
    height: 40px;
    padding: 10px;
    color: #2C2C2C;
    cursor: pointer;
    position: relative;
    z-index: 1
}

.search-bar .search-bar-tab li:first-child {
    border: 1px solid #ccc;
    border-radius: 4px 0 0 4px
}

.search-bar .search-bar-tab li:last-child {
    border: 1px solid #ccc;
    border-radius: 0 4px 4px 0;
    margin-left: -1px
}

.search-bar .search-bar-tab li.actived {
    border: 1px solid #FF837A;
    color: #74150F;
    z-index: 2;
    font-weight: bold
}

.search-bar .search-bar-tab li.actived:hover,
.search-bar .search-bar-tab li.actived :active {
    color: #74150F
}

.search-bar .search-bar-tab li:hover {
    background: #F2F2F2
}

.search-bar .search-bar-tab li:active {
    background: #ccc
}

.search-bar .search-bar-suggestion {
    float: left;
    position: relative
}

.search-bar .vertical-line {
    margin: 0 0 0 16px;
    border-left: 1px solid #F2F2F2;
    height: 100%;
    width: 1px;
    float: left;
    height: 100%
}

.search-bar .icon-close img {
    vertical-align: middle
}

.search-bar .select-cate {
    border-left: 1px solid #F2F2F2
}

.search-bar .dropbox-label {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #2C2C2C;
    cursor: pointer;
    display: block;
    float: left;
    margin-bottom: 4px
}

.search-bar .dropbox-label::after {
    content: "\e9e0";
    font-family: "font-icon-bds";
    margin-left: 4px;
    font-size: 14px;
    color: #999;
    position: absolute;
    top: 8px;
    clear: left
}

.search-bar .select-control {
    float: left;
    position: relative;
    width: 160px;
    border-right: 1px solid #F2F2F2;
    cursor: pointer
}

.search-bar .select-control .select-control-label {
    padding: 8px 12px
}

.search-bar .select-control .select-control-label.hover-value {
    background: #F2F2F2 !important
}

.search-bar .select-control:hover {
    background-color: #F2F2F2
}

.search-bar .select-control.active .select-control-label {
    background: #ccc
}

.search-bar .select-control.active .select-control-label:hover {
    background: #ccc
}

.search-bar .select-control.active .select-control-label:active {
    background: #ccc
}

.search-bar .select-control.active .dropbox-label::after {
    content: "\e9e3";
    top: 9px
}

.search-bar .custom-value {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    line-height: 20px;
    color: #2C2C2C;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

.search-bar .custom-value.hasvalue {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.search-bar .custom-value img {
    vertical-align: middle
}

.search-bar .select-control.filter-control {
    float: left;    
    color: #2C2C2C;
    line-height: 38px;
    width: auto !important;
    margin: 0;
    padding: 0
}

.search-bar .filter-info {
    margin-left: 4px
}

.search-bar .filter-control .icon-filter {
    vertical-align: middle
}

.search-bar .filter-control .icon-number {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    width: 16px;
    background: #2C2C2C;
    text-align: center;
    letter-spacing: 0.16px;
    color: #ffffff;
    display: inline-block;
    border-radius: 50%;
    vertical-align: text-top;
    display: none
}

.search-bar input[type="button"] {
    float: left;
    margin: 8px 0 0 16px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    -webkit-appearance: none
}

.search-bar .custom-dropbox-cate,
.search-bar .custom-dropbox {
    min-width: 280px;
    position: absolute;
    top: 64px;
    left: 0;
    z-index: 99;
    background: #fff;
    width: 100%;
    box-shadow: 0px 8px 20px 0px #b6b6b66b;
    border-radius: 8px;
    padding-top: 8px
}

.search-bar .custom-dropbox-cate {
    padding-bottom: 8px;
    max-height: 308px
}

.search-bar .custom-dropbox-cate ul {
    max-height: calc(32px * 8);
    overflow: auto
}

.search-bar .custom-dropbox-cate ul li {
    width: 100%;
    line-height: 40px;
    color: #2C2C2C;
    padding: 0px
}

.search-bar .custom-dropbox-cate ul li span {
    display: block;
    padding: 0 16px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    line-height: 32px
}

.search-bar .custom-dropbox-cate ul li span.current {
    color: #2C2C2C
}

.search-bar .custom-dropbox-cate ul li span.active {
    color: #74150F;
    cursor: pointer;
    font-weight: bold
}

.search-bar .custom-dropbox-cate ul li li span {
    padding-left: 32px
}

.search-bar .custom-dropbox-cate ul::-webkit-scrollbar {
    width: 12px;
    background-color: #fff;
    border-radius: 100%
}

.search-bar .custom-dropbox-cate ul::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ccc;
    border: 4px solid #fff
}

.search-bar .custom-dropbox-cate ul::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #fff
}

.search-bar .custom-dropbox .select-text-content {
    background: #F2F2F2;
    border-radius: 4px;
    width: calc(100% - 16px);
    padding: 6px 12px 6px 36px;
    color: #2C2C2C;
    border: none;
    margin: 0 8px 8px 8px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important
}

.search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm {
    max-height: calc(32px * 8);
    overflow: auto;
    box-shadow: none;
    padding: 0px;
    margin-bottom: 8px;
    border-radius: 0px
}

.search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm .active {
    color: #74150F
}

.search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm:focus {
    background: #ccc
}

.search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm::-webkit-scrollbar-track {
    margin: 0px
}

.search-bar .custom-dropbox .custom-scroll .re__dropdown-no-art--sm li.current {
    color: #74150F
}

.search-bar .custom-dropbox .re__search-input {
    position: relative
}

.search-bar .custom-dropbox .re__search-input::before {
    content: "\ea8d";
    font-family: "font-icon-bds";
    position: absolute;
    width: 16px;
    line-height: 16px;
    text-align: center;
    top: 8px;
    left: 20px;
    color: #2C2C2C;
    font-size: 16px
}

.search-bar-filter .search-bar-tab {
    margin: 0;
    padding: 16px 0
}

.search-bar-filter .search-bar-tab li {
    width: 50% !important;
    clear: none
}

[aria-label][role~="tooltip"]::before,
[aria-label][role~="tooltip"]::after {
    line-height: 20px
}

[role~="tooltip"][data-microtip-position="top"]::after,
[role~="tooltip"][data-microtip-position|="top"]::before,
[role~="tooltip"][data-microtip-position="top-left"]::after,
[role~="tooltip"][data-microtip-position|="top-left"]::before,
[role~="tooltip"][data-microtip-position="top-right"]::after,
[role~="tooltip"][data-microtip-position|="top-right"]::before {
    z-index: 999
}

@media only screen and (max-width: 1128px) {
    .search-bar .select-control {
        width: calc((100% - 275px) * 0.2)
    }

    .search-bar-tab {
        display: none !important
    }

    .search-bar .select-cate {
        border-left: none
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1129px) {
    .search-bar .select-control {
        width: calc((100% - 483px) * 0.2)
    }

    .search-bar-tab {
        position: absolute;
        top: 48px
    }

    .select-cate {
        margin-left: 208px
    }

    .search-bar .dropbox-label {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1586px) and (min-width: 1281px) {
    .search-bar .select-control {
        width: calc((100% - 779px) * 0.2)
    }

    .search-bar .dropbox-label {
        white-space: nowrap
    }
}

@media only screen and (max-width: 1135px) and (min-width: 1129px) {
    .search-bar.fix {
        background: #fff !important;
        top: 0
    }
}

@media only screen and (max-width: 1129px) {
    .search-bar.fix {
        background: #fff !important;
        top: 64px
    }

    .search-bar .search-bar-suggestion {
        width: 100%;
        background-color: #004e7f;
        padding: 0 16px 8px 16px
    }

    .search-bar.fix .search-bar-tab {
        top: 0
    }

    .search-bar.fix .search-bar-suggestion {
        padding: 0
    }

    .search-bar .search-bar-suggestion {
        float: none
    }

    .search-bar .search-bar-input {
        width: 100%
    }

    .search-bar .icon-close {
        right: 16px;
        top: 0px;
        z-index: 11
    }

    .search-bar.fix .icon-close {
        right: 105px;
        top: -51px;
        z-index: 11
    }

    .search-bar {
        background: none;
        margin-top: -2px
    }
}

.search-bar .filter-label span {
    line-height: 38px
}

.search-bar .re__filter-wall {
    background: #f2f2f2;
    width: 1px;
    height: 32px;
    float: left;
    margin: 12px 0px
}

.search-bar .filter-info {
    line-height: 38px
}

.search-bar .re__text {
    line-height: 38px;
    margin-top: 2px;
    display: inline-block
}

.search-bar .select-control {
    border: none
}

.search-bar .search-bar-tab {
    width: unset;
    margin-top: 12px
}

.search-bar .search-bar-tab .re__tab-box--sm:first-child {
    padding: 5px 22px
}

.search-bar .search-bar-tab .re__tab-box--sm:last-child {
    padding: 5px 7px
}

.search-bar .search-bar-suggestion {
    padding-top: 12px
}

.search-bar .search-bar-suggestion .re__input--sm {
    min-width: 272px
}

.search-bar .re__btn-se-border--sm {
    margin-top: 12px !important;
    margin-left: 8px !important;
    color: #2C2C2C !important;
    background: #fff !important;
    border: solid 1px #ccc !important
}

.search-bar .re__btn-se-border--sm:hover {
    color: #2C2C2C !important;
    background: #FAFAFA !important;
    border: solid 1px #ccc !important
}

.search-bar .re__btn-se-border--sm:active {
    color: #2C2C2C !important;
    background: #F2F2F2 !important;
    border: solid 1px #ccc !important
}

.search-bar .re__btn-se-border--sm:disabled {
    color: #999 !important;
    background: #fff !important;
    border: solid 1px #ccc !important;
    cursor: unset !important
}

.search-bar span.filter-info {
    float: left;
    margin-right: 4px;
    line-height: 36px;
    margin-top: 4px;
    position: relative
}

.search-bar span.filter-info span {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 0px
}

.search-bar.fix {
    box-shadow: 0px 2px 8px rgb(3 44 71 / 12%) !important;
    border-bottom: none !important
}

@media only screen and (max-width: 1586px) and (min-width: 1281px) {
    .search-bar .select-control {
        width: calc((100% - 860px) / 5)
    }
}

@media only screen and (max-width: 1280px) and (min-width: 1129px) {
    .search-bar-tab {
        position: relative !important;
        width: auto !important;
        top: 0px !important;
        margin-left: 15px;
        margin-right: 8px
    }

    .search-bar {
        margin-top: 0px
    }

    .search-bar .select-control {
        width: calc((100% - 584px) / 5)
    }

    .search-bar .select-control .custom-dropbox,
    .search-bar .select-control .custom-dropbox-cate {
        background: #fff !important
    }

    .search-bar.fix .search-bar-tab {
        margin-top: 12px
    }

    .select-cate {
        margin-left: 0px
    }

    .search-bar-suggestion .re__input--sm input {
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.re__listing-search-select-listing-popup .re__listing-search-select-button {
    width: calc(100% - 32px);
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 100%;
    position: relative
}

.re__listing-search-select-listing-popup .re__listing-search-select-button .re__listing-search-select-button-title {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 13px 15px;
    color: #2C2C2C
}

.re__listing-search-select-listing-popup .re__listing-search-select-button::after {
    content: "\e9e2";
    font-family: "font-icon-bds";
    color: #999;
    float: right;
    position: absolute;
    top: 16px;
    right: 16px;
    line-height: 16px;
    width: 16px;
    color: #999
}

.re__listing-search-select-listing-popup .re__listing-search-select-button .re__listing-search-select-reset-button {
    color: #999;
    position: absolute;
    top: 16px;
    right: 16px;
    background: #ffffff;
    z-index: 1;
    display: none
}

.re__listing-search-select-listing-popup .re__listing-search-select-button.re__has-value .re__listing-search-select-button-title {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    color: #999;
    padding: 5px 15px 0px 15px
}

.re__listing-search-select-listing-popup .re__listing-search-select-button.re__has-value .re__listing-search-select-button-current-text {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding: 0px 35px 5px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.re__listing-search-select-listing-popup .re__listing-search-select-button.re__has-value .re__listing-search-select-reset-button {
    display: block
}

.re__listing-search-select-listing-popup.re__block {
    cursor: url(../images/cursors-block.svg), auto
}

.re__listing-search-tag-container .re__listing-search-tag-list .re__listing-search-tag-list-item {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    padding: 6px 16px;
    background: #F2F2F2;
    color: #2C2C2C;
    float: left;
    margin: 0px 8px 8px 0px;
    border-radius: 40px
}

.re__listing-search-tag-container .re__listing-search-tag-list .re__listing-search-tag-list-item.re__selected {
    background: #FFECEB;
    color: #74150F
}

.re__listing-search-tag-container .re__listing-search-tag-list::after {
    content: "";
    clear: left;
    display: block
}

.re__listing-search-select-dropdown-position {
    position: relative
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown {
    position: absolute;
    top: 8px;
    z-index: 9;
    display: none;
    width: 280px;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42);
    border-radius: 8px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-header {
    text-align: center;
    padding: 16px;
    position: relative
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-header .re__listing-search-select-header-title {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 24px;
    font-weight: normal !important;
    color: #2C2C2C
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-header .re__listing-search-select-button-close {
    position: absolute;
    right: 16px;
    top: 16px;
    line-height: 20px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-header .re__listing-search-select-button-close i::before {
    line-height: 20px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-search {
    padding: 0px 16px 8px 16px;
    position: relative
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-search::before {
    font-family: "font-icon-bds";
    position: absolute;
    z-index: 1;
    text-align: center;
    left: 28px;
    top: 8px;
    line-height: 16px;
    width: 16px;
    height: 16px;
    font-size: 16px;
    content: "\ea8d"
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-search .re__listing-search-select-search-input {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    text-align: left;
    background: #F2F2F2;
    width: 100%;
    border-radius: 4px;
    padding: 6px 16px 6px 36px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider {
    padding: 16px 16px 12px 16px;
    border-bottom: 1px solid #f2f2f2
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-input {
    float: left;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding: 6px 16px;
    text-align: center;
    width: calc(50% - 16px);
    margin-bottom: 16px;
    -moz-appearance: textfield
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-input::-webkit-outer-spin-button,
.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-icon {
    float: left;
    margin: 8px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-bar {
    height: 4px;
    margin: 10px 0px;
    width: calc(100% - 22px);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    background: #F2F2F2;
    border: none
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-bar .ui-slider-range {
    background: #009ba1
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-bar .ui-slider-handle {
    background: #009ba1;
    top: -10.5px;
    border: 1px solid #9ed8da;
    cursor: pointer;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin-left: -1px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-bar .ui-slider-handle:hover {
    background-color: #1DBABF
}

@media only screen and (max-width: 1024px) {
    .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-bar .ui-slider-handle:hover {
        background-color: #009BA1
    }
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-slider .re__slider-bar::after {
    content: "";
    height: 4px;
    width: 24px;
    border: none;
    position: absolute;
    right: -22px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    background: #F2F2F2
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown ul.re__listing-search-select-list {
    padding: 8px 0px;
    max-height: calc(32px * 8 + 8px * 2)
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown ul.re__listing-search-select-list li {
    position: relative
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown ul.re__listing-search-select-list li span {
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding: 6px 16px;
    position: relative;
    display: block
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown ul.re__listing-search-select-list li span:hover {
    background: #F2F2F2
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown ul.re__listing-search-select-list li span:focus {
    background: #2C2C2C
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown ul.re__listing-search-select-list li.re__actived span {
    color: #74150F
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown ul.re__listing-search-select-list li ul li span {
    padding-left: 44px;
    margin-bottom: 4px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-footer {
    border-top: 1px solid #F2F2F2;
    padding: 0.5px 0px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-footer .re__btn:not(:last-child) {
    float: left;
    margin: 7px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-footer .re__btn:last-child {
    float: right;
    margin: 7px 7px 7px 0px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown div.re__listing-search-select-footer::after {
    content: "";
    display: block;
    clear: both
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown.re__multiple {
    width: 300px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown.re__multiple ul.re__listing-search-select-list li.re__option>span::after {
    content: "\ea82";
    color: #cccccc;
    font-family: "font-icon-bds" !important;
    line-height: 16px;
    font-size: 16px;
    top: 8px;
    position: absolute;
    right: 8px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown.re__multiple ul.re__listing-search-select-list li.re__option.re__checked>span::after {
    content: "\ea7f";
    color: #961b12
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown.re__multiple ul.re__listing-search-select-list li.re__option.re__checked>span::before {
    content: "\ea81";
    color: #fff;
    font-family: "font-icon-bds" !important;
    line-height: 16px;
    font-size: 16px;
    top: 8px;
    position: absolute;
    right: 8px;
    z-index: 1
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown li.re__title {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    text-align: left;
    color: #999;
    padding: 12px 16px 12px 16px;
    border-top: 2px solid #F2F2F2;
    margin-top: 12px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown li.re__title:first-child,
.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown li.re__title.re__title-first {
    border: 0px;
    margin-top: -4px
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown li.re__title.re__title-hidden {
    display: none
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown.re__show {
    display: block
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown.re__max-checked-options.re__show-alert::after {
    display: block
}

.re__listing-search-select-dropdown-position .re__listing-search-select-dropdown.re__max-checked-options::after {
    content: attr(data-max-checked-options-message);
    display: none;
    position: absolute;
    padding: 8px 12px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 4px;
    font-family: "Roboto Regular", Roboto, Arial !important;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal !important;
    letter-spacing: 0px;
    text-align: center;
    left: calc((100% - 167px) / 2);
    bottom: 56px
}

.search-bar.re__search-bar-v2 .re__product-type-tab {
    margin: 12px 16px
}

.search-bar.re__search-bar-v2 .re__product-type-tab .re__tab-box--actived {
    color: #fff;
    background: #505050;
    border-color: #505050
}

.search-bar.re__search-bar-v2 .re__keyword-input {
    margin: 9px 10px 9px 0px;
    padding: 0px !important
}

.search-bar.re__search-bar-v2 .re__keyword-input .re__input--sm {
    min-width: initial;
    position: relative
}

.search-bar.re__search-bar-v2 .re__keyword-input .re__input--sm>input {
    text-overflow: ellipsis
}

.search-bar.re__search-bar-v2 .select-control-label[aria-label][role~="tooltip"]::after {
    white-space: pre
}

.search-bar.re__search-bar-v2 .search-bar-tab .re__tab-box--sm:first-child {
    padding: 5px 26.38px
}

.search-bar.re__search-bar-v2 .search-bar-tab .re__tab-box--sm:nth-child(2) {
    padding: 5px 10.53px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px
}

.search-bar.re__search-bar-v2 .re__category-select {
    --microtip-transition-delay: 0s;
    width: 178px
}

.search-bar.re__search-bar-v2 .re__category-select:hover {
    --microtip-transition-delay: 1s
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container>li:first-child>span {
    margin-bottom: 4px
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container>li:not(:first-child)>span {
    margin: 4px 0px
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container>li:not(:last-child) {
    border-bottom: 1px solid #F2F2F2
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container>li>i {
    position: absolute;
    top: 12.35px;
    left: 16px;
    z-index: 2
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container>li>span {
    padding-left: 44px !important
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container li>span {
    padding: 6px 16px
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container li>span>i {
    position: absolute;
    left: 16px
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container li>span::before,
.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container li>span::after {
    top: 8.35px !important
}

.search-bar.re__search-bar-v2 .re__category-select ul .mCSB_container li>ul>li>span {
    padding-left: 44px
}

.search-bar.re__search-bar-v2 .re__category-select.re__category-select-sell ul {
    max-height: 315px
}

.search-bar.re__search-bar-v2 .re__category-select.re__category-select-rent ul {
    max-height: 340px
}

.search-bar.re__search-bar-v2 .re__listing-filter {
    width: 178px
}

.search-bar.re__search-bar-v2 .re__listing-filter .select-control-label {
    --microtip-transition-delay: 0s
}

.search-bar.re__search-bar-v2 .re__listing-filter:hover .select-control-label {
    --microtip-transition-delay: 1s
}

.search-bar.re__search-bar-v2 .re__listing-filter [aria-label][role~="tooltip"]::after {
    white-space: pre
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-position {
    position: relative
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup {
    top: 8px;
    position: absolute;
    width: 360px;
    background: #fff;
    box-shadow: 0px 8px 20px rgba(182, 182, 182, 0.42);
    border-radius: 8px;
    z-index: 9;
    display: none
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup.re__show {
    display: block
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__district-ids-select .re__listing-search-select-dropdown-position,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__ward-ids-select .re__listing-search-select-dropdown-position,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__project-ids-select .re__listing-search-select-dropdown-position {
    position: initial
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__district-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__ward-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__project-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown {
    top: 0px;
    box-shadow: none;
    left: 0px;
    width: 360px;
    z-index: 9
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__district-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__ward-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__project-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close {
    left: 16px;
    right: initial;
    height: 24px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__district-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__ward-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__project-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm {
    font-size: 24px;
    color: #999
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm::before,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__district-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm::before,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__ward-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm::before,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm::before,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__project-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-header .re__listing-search-select-button-close .re__icon-close--sm::before {
    content: "\e919"
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-list,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__district-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-list,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__ward-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-list,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-list,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__project-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown .re__listing-search-select-list {
    padding: 0px;
    max-height: initial;
    height: calc(32px * 8)
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-list,
.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-list {
    height: calc(32px * 9 + 16px) !important
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-list li:not(:first-child) ::after {
    content: "\e9e2";
    font-family: "font-icon-bds";
    color: #ccc;
    float: right;
    line-height: 16px;
    position: absolute;
    top: 8px;
    right: 8px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-body {
    padding: 16px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-body .re__listing-filter-popup-title {
    font-family: "Roboto Medium", Roboto, Arial !important;
    font-size: 14px;
    line-height: 20px;
    font-weight: normal !important;
    color: #2C2C2C;
    padding-bottom: 12px;
    display: block
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-body .re__listing-search-select-listing-popup {
    margin-bottom: 12px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-body .re__listing-search-select-listing-popup:last-child {
    margin-bottom: 0px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-footer {
    border-top: 1px solid #F2F2F2;
    padding-bottom: 1px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-footer .re__btn {
    float: left;
    margin: 7px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-footer .re__btn:last-child:not(:first-child) {
    float: right;
    margin: 7px 7px 7px 0px
}

.search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup-footer::after {
    content: "";
    display: block;
    clear: right
}

.search-bar.re__search-bar-v2 .re__listing-filter.re__listing-filter-more .select-control-label {
    padding: 0px;
    margin-top: 10px;
    position: relative
}

.search-bar.re__search-bar-v2 .re__listing-filter.re__listing-filter-more .select-control-label .icon-number {
    position: absolute;
    top: 1px;
    left: 22px
}

.search-bar.re__search-bar-v2 .re__listing-filter.re__listing-filter-more .re__listing-filter-popup {
    width: 348px;
    right: 0px;
    top: 10px
}

.search-bar.re__search-bar-v2 .re__listing-filter.re__listing-filter-more .re__listing-filter-popup .re__listing-filter-popup-body .re__listing-filter-popup-title {
    padding: 10px 0px 8px 0px
}

.search-bar.re__search-bar-v2 .re__listing-filter.re__listing-filter-more .re__listing-filter-popup .re__listing-filter-popup-body .re__listing-filter-popup-title:first-child {
    padding-top: 0px
}

.search-bar.re__search-bar-v2 .re__listing-filter.re__listing-filter-more:hover {
    background-color: initial
}

.search-bar.re__search-bar-v2 .re__reset-all {
    margin-top: 12px;
    --microtip-transition-delay: 0s
}

.search-bar.re__search-bar-v2 .re__reset-all:hover {
    --microtip-transition-delay: 1s
}

.re__area-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown{
    right: 0;
}

@media only screen and (min-width: 768px) and (max-width: 1128px) {
    .search-bar.re__search-bar-v2 .re__keyword-input {
        width: 100% !important;
        margin: 0px;
        padding: 5px 12px !important;
        background: #fff
    }

    .search-bar.re__search-bar-v2 .re__category-select {
        width: calc((100% - 108px - 108px - 16px) * 0.3) !important
    }

    .search-bar.re__search-bar-v2 .re__location-select {
        width: calc((100% - 108px - 108px - 16px) * 0.3) !important
    }

    .search-bar.re__search-bar-v2 .re__price-select {
        width: calc((100% - 108px - 108px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__area-select {
        width: calc((100% - 108px - 108px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__reset-all {
        padding-left: 19px;
        padding-right: 19px
    }

    .search-bar.re__search-bar-v2 .re__filter-more-popup-button span {
        margin-left: 5px
    }
}

@media only screen and (min-width: 1128px) and (max-width: 1280px) {
    .search-bar.re__search-bar-v2 .re__product-type-tab {
        width: 159px
    }

    .search-bar.re__search-bar-v2 .re__keyword-input {
        width: calc((100% - 88px - 16px - 159px - 16px - 16px - 16px) * 0.3) !important
    }

    .search-bar.re__search-bar-v2 .re__category-select {
        width: calc((100% - 88px - 16px - 159px - 16px - 16px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__location-select {
        width: calc((100% - 88px - 16px - 159px - 16px - 16px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__price-select {
        width: calc((100% - 88px - 16px - 159px - 16px - 16px - 16px) * 0.15) !important
    }

    .search-bar.re__search-bar-v2 .re__area-select {
        width: calc((100% - 88px - 16px - 159px - 16px - 16px - 16px) * 0.15) !important
    }

    .search-bar.re__search-bar-v2 .re__filter-more-popup-button,
    .search-bar.re__search-bar-v2 .re__reset-all {
        padding: 5px 11px
    }

    .search-bar.re__search-bar-v2 .re__filter-more-popup-button span,
    .search-bar.re__search-bar-v2 .re__reset-all span {
        display: none
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1545px) {
    .search-bar.re__search-bar-v2 .re__product-type-tab {
        width: 159px
    }

    .search-bar.re__search-bar-v2 .re__keyword-input {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.3) !important
    }

    .search-bar.re__search-bar-v2 .re__category-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__location-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__price-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.15) !important
    }

    .search-bar.re__search-bar-v2 .re__area-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.15) !important
    }

    .search-bar.re__search-bar-v2 .re__reset-all {
        padding-left: 19px;
        padding-right: 19px
    }

}

@media only screen and (min-width: 1545px) {
    .search-bar.re__search-bar-v2 .re__product-type-tab {
        width: 159px
    }

    .search-bar.re__search-bar-v2 .re__keyword-input {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.3) !important
    }

    .search-bar.re__search-bar-v2 .re__category-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__location-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__price-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.15) !important
    }

    .search-bar.re__search-bar-v2 .re__area-select {
        width: calc((100% - 108px - 108px - 16px - 159px - 16px - 16px - 16px) * 0.15) !important
    }

    .search-bar.re__search-bar-v2 .re__reset-all {
        padding-left: 19px;
        padding-right: 19px
    }
}

@media only screen and (max-width: 768px) {
    .search-bar.re__search-bar-v2 .re__keyword-input {
        width: 100% !important;
        margin: 0px;
        padding: 5px 12px !important;
        background: #fff
    }

    .search-bar.re__search-bar-v2 .re__category-select {
        width: calc((100% - 60px) * 0.3) !important
    }

    .search-bar.re__search-bar-v2 .re__location-select {
        width: calc((100% - 60px) * 0.3) !important
    }

    .search-bar.re__search-bar-v2 .re__price-select {
        width: calc((100% - 60px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__area-select {
        width: calc((100% - 60px) * 0.2) !important
    }

    .search-bar.re__search-bar-v2 .re__filter-more-popup-button,
    .search-bar.re__search-bar-v2 .re__reset-all {
        padding: 5px 11px
    }

    .search-bar.re__search-bar-v2 .re__filter-more-popup-button span,
    .search-bar.re__search-bar-v2 .re__reset-all span {
        display: none
    }

    .re__price-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown{
        right: 0;
    }

    .search-bar.re__search-bar-v2 .re__reset-all{
        display: none;
    }

}

@media only screen and (max-width: 576px) {
    .search-bar .dropbox-label {
        width: 90%;
    }
    .search-bar .dropbox-label::after {        
        right: 4px;
    }

    .search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup,
    .search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__city-code-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
    .search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__district-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
    .search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__ward-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
    .search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__street-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown,
    .search-bar.re__search-bar-v2 .re__listing-filter .re__listing-filter-popup .re__project-ids-select .re__listing-search-select-dropdown-position .re__listing-search-select-dropdown {
        width: 300px;
    }
}

.search-bar.re__search-bar-v2 .re__on-boarding-step {
    width: 0px;
    margin: 0px auto;
    position: relative
}