:root {
  --primary-color: #222;
  --second-color: #000;
  --third-color: #FFF;
  --fourth-color: #888888;
  --fifth-color: #a4004f;
  --sixth-color: #e1e1e1;
  --seventh-color: #555555;
  --eighth-color: #f6f6f6;
  --ninth-color: #d8d7d7;
  --tenth-color: 255, 255, 255;
  --eleventh-color: 0, 0, 0;
  --twelfth-color: 24, 24, 24;
  --thirdteen-color: #949494;
  --fouthteen-color: #c7c7c7;
}

.wrap-login {max-width: 725px; width: 100%; text-align: left; margin: 0 auto;}
.modal {z-index: 999999; background: rgba(var(--eleventh-color),.5);}
.modal-backdrop {z-index: 0;}

a, a:hover {text-decoration: none !important;}
a {color: var(--primary-color);}
a:hover {color: var(--primary-color);}

h1, h2, h3 {margin: 0; padding: 0; font-size: 14px; line-height: 18px;} */

.elas_pagination {list-style: none; padding: 0; width: 100%; text-align: center; margin-top: 20px;}
.elas_pagination li {display: inline-block;}
.elas_pagination a {width: 35px;height: 35px;line-height: 35px;display: inline-block;background: var(--third-color);border: 1px solid var(--sixth-color);text-align: center; transition: .3s ease; color: var(--primary-color)}
.elas_pagination li.active a, .elas_pagination li:hover a {background: var(--primary-color); border: 1px solid var(--primary-color); color: var(--third-color);}

.adm-glyphicon .glyphicon {font-size: 12px; margin: 0; padding: 0;}
.totop {display: none; position: fixed; bottom: 110px; right: 8px; cursor: pointer; }

.mobile-menu-icon, .mobile-menu-icon:hover, .mobile-menu-icon:visited {font-size: 34px;color: var(--third-color);float: right !important;margin-left: 15px;margin-right: 15px;}
.mobile-cart-icon {position: absolute; top: 15px; right: 10px;}

#google-map {height: 490px;}
.modal-maps {top: 15%;}
.modal-maps #google-map {height: 400px;}
.modal-maps h4 {font-weight: normal; font-size: 14px; margin: 0; padding: 0; padding-bottom: 5px;}
.modal-maps h4, .modal-maps #phone, .modal-maps #address {text-align: left !important; display: inline-block; width: 100%; line-height: 18px;}
.modal-maps .gm-style-iw {max-width: 200px;}

.grid {background: url('../img/grid.png') no-repeat 0 0;}
.icon-dongtot {width: 40px;height: 40px;background-position: -126px -53px;display: inline-block;}

::placeholder {color: var(--thirdteen-color); font-size: 13px !important;}
*:focus {outline: none;}

.quay-lai{color: var(--primary-color)}
.dangtin-box {background: var(--third-color);float: left;margin-bottom: 30px;margin-top: 25px;width: 100%;padding-bottom: 12px}
.dangtin-title {position: relative;text-transform: uppercase;font-weight: 600;padding-bottom: 10px;font-size: 18px;padding-top: 20px;margin-bottom: 30px; display: inline-block;}
.dangtin-image {margin: 0 auto;float: none;display: inline-block;width: 100%;text-align: center;}
.dangtin-title::after {background: var(--second-color);display: inline-block;height: 2px;content: "";position: absolute;bottom: 0;width: 100%;left: 0px;}
.dangtin-box ul {list-style: none; padding: 0;}
.dangtin-box ul.ul-select {margin-top: 10px;}
.dangtin-box li {width: 48%;float: left;margin-bottom: 15px;font-size: 16px;border-bottom-left-radius: 14px;border-top-left-radius: 14px;min-height: 36px;cursor: pointer;line-height: 36px;}
.dangtin-box li a {line-height: 36px;}
.dangtin-box ul.dt2 li a {padding-left: 14px;}
.dangtin-box ul.dt2 li {border-radius: 7px;line-height: 36px;padding-left: 14px;}
.dangtin-box li.rght {float: right;}
.dangtin-box li img {margin-right: 10px;width: 36px !important;height: 36px !important;float: left;}
.dangtin-box li.odd {background: var(--eighth-color);}
.dangtin-image img {margin-bottom: 10px;width: 35px !important;}
.dangtin-image img.first {margin-left: 60px;}
.dangtin-box .dt3 li {width: 100%;height: auto;min-height: 18px;margin-bottom: 5px;background: url('../img/lired.png') no-repeat 0 8px;padding-left: 12px;}
.dangtin-box li.lft h3, .dangtin-box li.rght h3 {margin-top: 6px;float:left;width: 100%;margin-bottom: 9px;}
.dangtin-box li.sluser {padding-left: 20px;}

.dangtin-image img, .dangtin-image .img-space {float: none;}
.dangtin-image .img-space {width: 35px;height: 19px;display: inline-block;background: url('../img/img-space.png') repeat-x 50%;}
.dangtin-box .dt-full-row li {width: 100%;}
.dangtin-box .field-custom.text, .dangtin-box .field-custom.textarea {width: 100%;min-height: 36px;border: 1px solid var(--ninth-color);border-radius: 7px; padding-left: 10px;}

.dang-tin-upload {float: left;}
.dang-tin-upload .upload-list-images {float: left;}
.dang-tin-upload .image-item {float: left;width: 130px;height: 130px;overflow: hidden;margin-right: 15px;margin-bottom: 15px;border-radius: 12px;position: relative;}
.dang-tin-upload .image-item span {width: 20px;height: 20px;display: inline-block;background-position: -93px -103px;position: absolute;top: 4px;right: 4px;z-index: 9;cursor: pointer;}
.dang-tin-upload .image-item img {width: 130px;height: 130px !important;}
.dang-tin-upload .image-item-do img {width: 130px; max-width: 130px;}
.dang-tin-upload .help-txt {margin-top: 56px;float: left;}

.dt2 li span {background: url('../img/radio.png') no-repeat 0 0; width: 19px; height: 19px; display: inline-block; float: right; margin-top: 8px; margin-right: 9px; background-position: 0 -19px; cursor: pointer;}
.dt2 li span.active {background-position: 0 -0;}

.btn-red {background: var(--second-color); width: 100%; text-transform: uppercase; color: var(--third-color); margin-top: 20px; margin-bottom: 10px;}
.btn-red .fa {padding-left: 8px;}
.btn-red:hover {background: var(--second-color); color: var(--third-color);}
.dangtin-box h3 {margin-bottom: 15px;float: left;width: 100%;margin-top: 20px;font-weight: bold;}

.search-city {width: 100%; float: left; position: relative; height: 30px; border-bottom: 1px solid var(--ninth-color);}
.icon-city, .city-input, .ricon-city {position: absolute; top: 0; z-index: 999;}
.icon-city {left: 0; width: 26px; height: 24px; display: inline-block;}
.city-input {left: 38px; width: 100%;}
.city-input input {width: 90%;border: none;height: 28px;}
.ricon-city {right: 0;}
.ricon-city .fa {padding-left: 10px; float: left;}
.ricon-city .fa:hover {color: var(--primary-color);}
.ricon-city .fa-sort-down {font-size: 21px;color: var(--primary-color);}
.ricon-city .fa-times {padding-top: 7px; font-size: 16px; display: none;}

.list-city {margin-top: 20px;width: 100%;float: left;max-height: 200px;overflow-y: scroll;}
.list-city li {width: 100%; border-radius: 7px;}

.main-box.nbg {margin-bottom: 20px;}
.main-box-bds {margin: 0; border:  none;}
.main-box-bds-title {margin-bottom: 20px;margin-top: 20px;text-transform: uppercase;font-weight: bold;font-size: 18px;}



.list-tin-body {background: var(--third-color); padding: 15px; margin-bottom: 25px;}

.list-tin-body .price {color: var(--second-color); font-size: 16px; font-weight: 600;}


.list-tin-body .price span.tong {color: var(--primary-color); font-weight: normal; margin-left: 10px;}
.macca-list {height: 108px;overflow-y: scroll; }
.macca-item {float: left;width: 100%;margin-bottom: 5px;padding: 10px;border-radius: 3px;position: relative;}
.macca-item.odd {background: var(--eighth-color);}
.macca-item .macca-item-avatar, .macca-item .macca-item-price {float: left;}
.macca-item .macca-item-avatar {width: 38px;}
.macca-item .macca-item-price {width: calc(100% - 45px);float: right;}
.macca-item .macca-item-price .fullname {font-weight: bold; margin-bottom: 5px; float: left;}
.macca-item-price .macca-action {float: right; position: absolute; top: 50%; right: 5px; transform: translate(0, -50%)}
.macca-item.no-accepted a {display: none;}
.macca-item.no-accepted .fullname {color: var(--ninth-color);}
.macca-item.no-accepted .macca-item-price, .macca-item.no-accepted span {color: var(--ninth-color);}
.macca-item.no-accepted .macca-item-avatar img {-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; opacity: .7;}
.macca-action .product-number .number, .macca-action .product-number .number a {margin-top: 0 !important; padding: 0 10px !important;}



.user-panel-lammoitin {float: right; border: 1px solid var(--ninth-color); color: var(--primary-color); font-weight: normal; height: 32px; line-height: 32px; padding: 0 12px; border-radius: 7px; cursor: pointer;}
.user-panel-lammoitin:hover {color: var(--second-color); border-color: var(--second-color);}
.list-tin-body .fullview h2, .list-tin-body h3, .list-tin-body .fullview h4 {font-size: 16px;margin-bottom: 9px;font-weight: 500;} 
.list-tin-body .info {font-size: 13px; color: var(--thirdteen-color);}
.list-tin-body .tin-item-favorites {position: absolute;right: 15px;bottom: 0;width: 22px;height: 22px;display:inline-block;background-position: 0 -158px; cursor: pointer;}
.list-tin-body .tin-item-favorited {position: absolute;right: 15px;bottom: 0;width: 22px;height: 22px;display:inline-block;background-position: -24px -158px; cursor: pointer;}
.list-tin-body .tin-item-hot {position: absolute;right: 0;top: 0;width: 49px;height: 64px;display:inline-block;background-position: 0 -94px;}
.list-tin-body .fullview h2{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; line-height: 23px;  height: 69px;}

.list-tin-body .fullview .tin-item-body {width: 100%; float: left;position: relative; padding:  0 15px;}
.list-tin-body .fullview { padding-bottom: 20px !important; margin-bottom: 20px;}
.list-tin-body .fullview .price {margin-top: 10px;}
.list-tin-body .fullview .thumb {display: block; margin-bottom: 20px; }

.list-tin-body .fullview .fa {margin-right: 5px; border: 1px solid var(--thirdteen-color); border-radius: 50%; width: 20px; height: 20px; text-align: center; padding-top: 1px; font-size: 15px}
.list-tin-body .info .class-inner{display: inline-block; margin-right: 10px; margin-bottom: 5px;}


.single-product-row {background: var(--third-color); margin-top: 20px; padding-top: 15px;}
.single-product-row .product-content {line-height: 25px;}
.single-product-row .product-content a {font-weight: bold;}
.product-title h1 {margin-top: 20px;margin-bottom: 12px;/* text-transform: uppercase; */font-weight: 600;font-size: 24px;line-height: 30px;}
.product-info .price {font-weight: 600; font-size: 20px; color: var(--second-color); margin-bottom: 18px;}

.product-navi span {height: 38px;line-height: 32px;border: 1px solid #bebebe;display: inline-block;width: 50%;float: left;font-size: 15px;}
.product-navi span.prev {border-right: none;border-radius: 3px 0 0 3px;}
.product-navi span.next {border-radius: 0 3px 3px 0;}
.product-navi span a {width: 100%;}
.product-navi span.prev a {float: right; padding-right: 20px; text-align: right;}
.product-navi span.next a {float: left; padding-left: 20px; text-align: left;}

.product-navi span span {width: 16px;height: 38px; border:none;}
.product-navi span.next span {float: right;background-position: -16px -180px;margin-right: 10px;}
.product-navi span.prev span {float: left;background-position: 0 -180px;margin-left: 10px;}

.product-navi span.next a:hover span {background-position: -48px -180px;margin-right: 10px;}
.product-navi span.prev a:hover span {background-position: -32px -180px;margin-left: 10px;}


.single-related-product {margin: 40px 0;}
.single-related-product .related-title h2 {margin-bottom: 20px;margin-top: 20px;text-transform: uppercase;font-weight: 600;padding-bottom: 16px;font-size: 18px;color: var(--primary-color);}

.product-item img {border-radius: 8px; margin-bottom: 16px;}
.product-item h3 {font-size: 16px; line-height: 23px; margin-bottom: 10px;}
.product-item .price {color: var(--second-color); font-weight:600; font-size: 16px; margin-bottom: 30px;}

.product-list-header .title {margin-bottom: 20px; margin-top: 20px; text-transform: uppercase; font-weight: 600; padding-bottom: 16px; font-size: 18px; display: block; width: 100%;}
.product-list-header .title p {margin-bottom: 0;}

.search-box {float: left; width: 100%;}
.search-box ul {list-style: none; padding-left: 0;}
.search-box li {padding: 10px 5px;text-align: center;}
.search-box li h2 {font-size: 15px;}
.search-box li img {float: none; display: inline-block;}
.search-box .jitem {background: var(--third-color);margin-bottom: 5px;border-radius: 6px;height: 70px;}
.search-box .jitem:hover {background: var(--second-color);}
.search-box .jitem:hover img {filter: brightness(0) invert(1);}

.package-list li {color: var(--primary-color) !important; padding: 10px 5px; font-size: 16px;}
.select-package {color: var(--primary-color); font-size: 16px;}

.search-row .jitem{background: var(--third-color); padding: 10px;}
.search-row .jitem:hover{background-color: var(--second-color);}
.search-row .jitem:hover img {filter: brightness(0) invert(1);}
.search-box .search-slider-hang2 .jitem {background: none;}
.search-row .item img {height: auto; max-width: 70px !important; margin: 0 auto;}
.searchbox-jcarousel .item h2 {text-align: center; margin-top: 10px;}
.searchbox-jcarousel .item h2 a {color: var(--second-color);}

.search-box .search-slider-hang2 .jitem:hover {background: none;}
.search-box .search-slider-hang2 .jitem:hover img {filter: brightness(0) invert(0);}

.search-box .search-row {width: 100%;position: relative;float: left;}
.search-slider-hang {background: var(--eighth-color); padding: 20px 30px; margin-bottom: 30px;}
.search-slider-hang .jcarousel-control-next:before, .search-slider-hang .jcarousel-control-prev:before {content: '';}


.search-row .search_key {height: 40px; width: 100%;}
.search-row .search-filter {width: 33.33%;float: left;border: 1px solid var(--ninth-color);height: 40px;border-top: none;padding-left: 7px;}
.search-row .search-filter2 {width: 33.33%;float: left;border: 1px solid var(--ninth-color);height: 40px;line-height: 40px;border-top: none;padding-left: 7px;}
.search-row .featured {position: absolute;top: 0;right: 0;width: 40px;height: 40px;background-position: -130px 0;cursor: pointer;}
.search-row .featured.active {position: absolute;top: 0;right: 0;width: 40px;height: 40px;background-position: -182px -50px;}
.search-row .filter-cat {border-left: none; border-right: none;}
.search-row .filter-tinh {position: relative;}

.duan-filter .search-filter2, .bds-filter .search-filter2 {width: 32.3%;border: none;background: var(--seventh-color);}
.duan-filter .search-filter2 {width: 25%;float: right;height: 40px;padding-left: 15px;line-height: 40px;border-radius: 5px;}

.search-row .filter-sort {border-radius: 0 0 5px 0;}

.search-box-bds {background: var(--primary-color); padding: 15px; color: var(--third-color);}
.search-box-bds .search_key {background: var(--seventh-color) url('../img/search.png') no-repeat 8px 50%; margin-bottom: 9px; border: none; color: var(--third-color);}
.search-box-bds .search-filter {background: var(--seventh-color); border: none;}
.search-box-bds .filter-cat {width: 32%; margin-left: 1.3%;}
.search-box-bds .filter-type {width: 32%; margin-left: 1.3%;}
.search-box-bds .search_key::placeholder {color: var(--third-color);}
.search-box-bds input[type=text], .search-box-bds select {border-radius: 5px;}
.search-box-bds-duan .row-key {width: 73%;float: left;}
.search-box-bds-muaban .search_key {width: 66%; float: left;}

.featured-product-title {margin-top: 14px; padding-top: 14px; float: left; width: 100%; border-top: 1px solid var(--ninth-color); margin-bottom: 20px;}
/* .featured-product-title .icon {width: 30px;height: 27px;display: inline-block;float: left;background-position: 0 -219px;} */
.featured-product-title .title {font-size: 18px;text-transform: uppercase;font-weight:600;/*font-family: RobotoCondensed;*/padding-left: 4px;padding-top: 5px;float: left;}
.featured-product-title .note {float: right;font-style: italic;line-height: 16px;font-size: 12px;color: var(--thirdteen-color);margin-top: 10px;}
.featured-product-title .note .fa {font-size: 16px;margin-left: 7px;color: var(--thirdteen-color);float: right;}

.login-wrap {background: var(--third-color); border-bottom: 1px solid var(--ninth-color);}
.login-form {float: left;width: 100%;background: var(--third-color);border: 1px solid var(--eighth-color);margin-top: 80px;margin-bottom: 95px;}
.login-tab {margin-bottom: 25px;float: left;width: 100%;padding: 0;}
.login-tab ul {list-style: none;margin: 0;padding: 0;float: left;width: 100%;border-bottom: 1px solid var(--ninth-color);}
.login-tab li {float: left;position: relative;}
.login-tab a {height: 48px;line-height: 40px;float: left;padding: 0 15px;font-size: 16px;font-weight: 600;border-top: 3px solid var(--third-color);margin-bottom: -1px;}
.login-tab .active {border-top: 3px solid var(--second-color);border-right: 1px solid var(--ninth-color);background: var(--third-color); color: var(--second-color);}
.login-tab .dangky .active {border-left: 1px solid var(--ninth-color);}
.login-tab .recover {width: 100%; float: left;}
.login-tab .recover a {border-right: none; margin-bottom: 0;}

.input-dn {width: 100%; margin-bottom: 15px; height: 35px; border: 1px solid var(--ninth-color);}
.login-sbm {height: 35px;padding: 0 15px;font-size: 16px;margin-right: 10px;background: var(--primary-color);border: none;color: var(--third-color);border-radius: 5px;float: left;line-height: 35px;cursor: pointer;}
.input-verify2-phone {margin-top: 25px; padding-left: 10px;}
.forget-link {float: left; line-height: 35px;}
.extra-link {float: left;width: 100%;margin-top: 15px;}
.extra-link a, .forget-link a {color: var(--second-color); font-weight: 300;}
#login, #register {float: left;width: 100%;padding-bottom: 25px;}
#login input, #register input, .recover input {padding-left: 10px;}
#login form, #register form {width: 100%; float: left; border-right: 1px solid var(--ninth-color); padding-right: 15px;}


.social-login {padding-left: 0;}
.social-login a {color: var(--third-color);padding-left: 33px;}
.login-form .facebook-login, .login-form .google-login, .login-form .zalo-login, .login-form .accountkit-login {height: 35px;line-height: 35px;border-radius: 5px;width: 100%;float: left;/* text-align: center; */margin-bottom: 15px;position: relative;}
/* .login-form .facebook-login {background: #3b589e;}
.login-form .google-login {background: #d64937;}
.login-form .zalo-login {background: #0566f6;} */
.grid-zalo {display: inline-block;background-position: -94px -132px;width: 25px;height: 24px;}
/* .login-form .accountkit-login {background: #d64937;} */
.login-form .fa, .login-form .grid-zalo {position: absolute;top: 6px;left: 6px;font-size: 25px;}
.wrap-recover .login-sbm {margin-bottom: 35px;margin-top: 25px;}
.wrap-recover .input-login, .wrap-recover .input-pass {padding-left: 10px;}

.verify-sbm {float: none;height: 32px;line-height: 32px;display: inline-block;margin-top: 20px;margin-bottom: 15px;}
.verify-title {margin-top: 35px;margin-bottom: 35px;float: left;width: 100%;font-size: 18px;}

.user-panel {border-top: 24px solid var(--eighth-color);margin-bottom: 30px;padding-top: 15px;padding-bottom: 20px;}
.user-panel-body {background: var(--third-color);width: 100%;float: left;padding: 15px;}
.upanel-info, .upanel-invest {border: 1px solid var(--ninth-color); border-radius: 7px;}
.upanel-invest-wrap {padding-right: 0;}
.upanel-info {text-align: center; padding-top: 18px; padding-bottom: 15px;}
.upanel-info .avatar, .upanel-info .name {margin-bottom: 8px;}
.upanel-info .avatar img {max-width: 57px;}
.upanel-info .name {font-size: 18px; font-weight: bold;}
.upanel-info .profile a {color: #3a5b9b; font-weight: bold; font-size: 14px;}
.upanel-invest {width: 100%; float: left;}

.user-panel-headtxt {text-transform: uppercase; font-weight: bold; font-size: 18px; position: relative; padding-bottom: 12px;}
/* .user-panel-headtxt:after {width: 38px; height: 2px; background: var(--primary-color); content: ''; position: absolute; bottom: 0; left: 0;} */

.user-panel-acc-header {background: var(--eighth-color); height: 52px; line-height: 52px;}
.user-panel-acc-header span {float: left; display: inline-block;}
.user-panel-acc-header .icon-dongtot {margin-left: 12px; margin-top: 6px;}
.user-panel-acc-header .icon-dongtot-title {font-size: 18px; text-transform: uppercase; margin-left: 10px; font-weight: 600;}
.user-panel-acc-header .sodu {float: right; padding-right: 12px;}
.user-panel-acc-header .sodu b {font-size: 16px; font-weight: 600; color: var(--second-color);}
.user-panel-acc-body {padding-left: 14px; float: left; width: 100%;}
.user-panel-acc-body .upab-item {width: 33%;float: left;border-bottom: 1px solid var(--ninth-color);padding-top: 12px;padding-bottom: 12px;}
.user-panel-acc-body .upn-body-lft {width: 76%; float: left;}
.user-panel-acc-body .upn-body-rght {width: 22%;float: right;margin: 3px;position: relative;text-align: center;background: var(--second-color);color: var(--third-color);text-transform: uppercase;border-radius: 7px;font-size: 18px;font-weight: 600;padding-top: 33px;padding-bottom: 33px;}

.no-border {border: none !important;}

.user-panel-title {border-bottom: 1px solid var(--ninth-color); padding-bottom: 15px; font-size: 16px; color: var(--thirdteen-color);}
.user-panel-title span {font-weight: bold; color: var(--primary-color);}
.user-panel-header {float: left; width: 100%; margin-top: 24px; border-bottom: 1px solid var(--second-color);}
.user-panel-header .tab-item {float: left; background: var(--thirdteen-color); border-radius: 5px 5px 0 0; margin-right: 3px;height: 35px; line-height: 35px; border-bottom: 2px solid var(--third-color);}
.user-panel-header .active {background: var(--second-color); border-bottom: 1px solid var(--second-color);}
.user-panel-header .tab-item a {color: var(--third-color);display: block; padding: 0 25px;}
.user-panel-data {margin-top: 10px; width: 100%; float: left; padding-left: 0; padding-right: 0;}

.user-panel-data .noresult {height: 40px; line-height: 40px; color: var(--primary-color); text-align: center; padding: 0; border-radius: 5px;}
.user-panel-data .noresult-general {margin-bottom: 120px; margin-top: 120px; font-size: 16px;}
.user-panel .user-search-delete .fa {font-size: 18px;}
.user-panel .user-search-category {font-weight: bold; font-size: 18px; margin-bottom: 10px;}
.user-panel .user-search-body {border-bottom: 1px solid var(--ninth-color);padding-bottom: 25px;margin-bottom: 25px;float: left;width: 100%;}

.user-profile {text-align: center;}
.user-profile .avatar {margin-bottom: 20px;}
.user-profile .avatar img {width: 128px;height: 128px !important;}
.user-profile .user-panel-frm {width: 100%; max-width: 540px; margin: 0 auto;}
.user-profile input {width: 100%; border-radius: 5px; height: 34px; line-height: 34px; margin-bottom: 8px; border: 1px solid var(--ninth-color); padding-left: 10px;}
.user-profile input.active {border-color: var(--second-color);}
.user-profile .user-panel-frm button {width: 48%;height: 37px;line-height: 36px;color: var(--third-color);background: var(--thirdteen-color);text-transform: uppercase;padding: 0;font-size: 16px;font-weight: bold;margin-top: 20px;margin-bottom: 20px;}
.user-profile .user-panel-btn-lft {float: left;  }
.user-profile .user-panel-btn-rght {float: right;}
.user-profile .user-panel-frm button.active {background: var(--second-color);}

.tin-user-panel {margin-bottom: 15px;padding-bottom: 15px !important;border-bottom: 1px solid var(--ninth-color);/* float: left; */}
.tin-user-panel .infox {margin-top: 10px;}

.upload-file {cursor: pointer;height: 37px;line-height: 36px;background: var(--ninth-color);background: linear-gradient(to bottom, var(--sixth-color), var(--ninth-color));display: inline-block;padding: 0;border-radius: 5px;text-align: center;font-size: 15px;margin-top: 15px;padding: 0 25px;}
.filename-txt {width: 100%;text-align: center;}
.filename-txt .txt {width: 16px;height: 16px;background-position: -70px -174px;display: inline-block;margin-left: 10px;margin-top: 17px;}
.filename-txt .name {max-width: 335px;overflow: hidden;}
.user-panel-row {width: 100%; float: left;}

.product-user {margin-top: 20px;float: left;width: 100%;color: var(--thirdteen-color);}
.product-user .product-user-avatar {width: 18%;}
.product-user .product-user-info {width: 80%; margin-left: 2%;}
.product-user .date {font-size: 12px;}
.product-user .date span {font-size: 13px;padding-top: 7px;display: inline-block;/* padding-left: 17px; */color: var(--thirdteen-color) !important;}
.product-user .fullname {font-weight:bold;margin-bottom: 0px;color: var(--primary-color);}
.product-number a {width: 100%;background: var(--second-color);display: inline-block;height: 32px;line-height: 32px;text-align: center;border-radius: 3px;color: var(--third-color);text-transform: uppercase;margin-top: 20px;position: relative;}
.product-number a .fa {font-size: 18px;position: absolute;top: 8px;}
.product-number a span {padding-left: 20px;}
.product-user .address {margin-bottom: 7px;}
.product-user .date span, .product-user .address span {color: var(--primary-color);}
.product-number .number, .product-number .number a {text-align: center;width: 100%;display: inline-block;margin-top: 20px;color: var(--second-color);border: 1px solid var(--second-color);height: 32px;line-height: 28px;font-size: 16px;font-weight: bold;border-radius: 7px;}
.product-number .number a {background: none; margin-top: 0; border: none;}

.profile-name {font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.profile-avatar {width: 100px; float: left;}
.profile-statis {width: 350px; float: right;}
.profile-theodoi, .profile-theodoi-active {width: 50%; float: left; margin-bottom: 10px;}
.profile-theodoi span, .profile-theodoi-active span {color: var(--primary-color); font-weight: bold;}
.btn-theodoi {background: var(--second-color);display: inline-block;height: 34px;line-height: 32px;padding: 0 25px;border-radius: 26px;color: var(--third-color);font-size: 16px;cursor: pointer;}
#user-profile .user-panel {padding-top: 0;}
.user-profile-header .profile-avatar {width: 75px;}
.a-edit-profile-name {font-weight: normal;font-size: 15px;border: 1px solid var(--ninth-color);border-radius: 15px;padding: 5px 15px;margin-left: 15px;}

.user-panel-profile {margin-bottom: 0;padding-bottom: 0;}
.icon-fa-round {color: var(--ninth-color);width: 32px;height: 32px;border: 1px solid var(--ninth-color);border-radius: 50%;text-align: center;font-size: 19px;padding-top: 5px;margin-left: 5px;}
.icon-fa-round.active {color: var(--second-color); border: 1px solid var(--second-color);}
.profile-row {margin-bottom: 12px;line-height: 20px;height: 20px;}
.profile-row-2 {margin-bottom: 5px;}
.fa-first:before {color: var(--ninth-color); font-size: 17px;}

.chuyentrang-item {padding-left: 0; padding-right: 0;}
.chuyentrang-item img {width: 100%;}
.chuyentrang-item img:hover {opacity: .8;}
.chuyentrang-item-1 {padding-right: 10px;}
.chuyentrang-item-2 {padding-left: 5px; padding-right: 5px;}
.chuyentrang-item-3 {padding-left: 10px;}

.chuyentrang-item-body {position: relative;}
.chuyentrang-item-body .chuyentrang-title {position: absolute; bottom: 15px; left: 15px; color: var(--third-color);}
.chuyentrang-more {font-size: 16px; text-align: center;}
.chuyentrang-more a {height: 34px; line-height: 30px; padding-bottom: 3px; display: inline-block; background: var(--eighth-color); border: 1px solid var(--fouthteen-color); margin-top: 38px; padding-left: 15px; padding-right: 15px; border-radius: 5px;}
.chuyentrang-title-bot {text-transform: uppercase; margin-top: 5px; font-weight: 600;}
.chuyentrang-title-bot a {color: var(--third-color);}
.chuyentrang-title-bot a:hover {color: var(--primary-color);}

.chuyentrang-slider .jprev, .chuyentrang-slider .jnext {font-size: 25px; color: var(--primary-color);}
.chuyentrang-slider .jprev {left: 30px;}
.chuyentrang-slider .jnext {right: 30px;}
.chuyentrang-tos {text-align: center;}
.chuyentrang-tos p {display: inline-block; font-size: 16px;}

.verify-title-err {color: #ff0000; margin-top: 25px; float: left; width: 100%; margin-bottom: 0;}

.home-login-body {background: var(--third-color);width: 100%;float: left;padding-top: 25px;padding-bottom: 25px;margin-left: 15px;margin-right: 15px;margin-top: 15px;margin-bottom: 25px;}
.home-login-row, .home-login-title {text-align: center; margin-bottom: 12px;}
.home-login-title {font-size: 16px;}
.home-login-title h1 {font-family: "Barlow",arial !important; display: inline-block; font-size: 16px;}
.btn-home-login {display: inline-block; height: 32px; line-height: 32px; background: var(--second-color); color: var(--third-color); padding: 0 50px; text-transform: uppercase; border-radius: 6px;}

.error-response {color: #ff0000; font-weight: bold; margin-bottom: 15px;}
#login .input-pass {margin-bottom: 10px;}

.product-images-jcarousel-wrap {position: relative;overflow: hidden;}


.jsp-dimg {height: 600px; overflow: hidden; width: 100%; position: relative; background: var(--eighth-color);}
.jsp-dimg img {height: 100% !important;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}

.progress-bar-dangtin {background: var(--second-color);}
.progress-dangtin {height: 4px;margin-top: 5px;}

.product-share {margin-bottom: 35px;line-height: 30px;width: 100%;float: left;margin-top: 30px;}
.product-share a, .product-share span.atitle {float: left;margin-right: 12px;}
.sale-info-title {border-bottom: 1px solid var(--ninth-color);padding-bottom: 15px;margin-bottom: 15px;font-weight: bold;}
.sale-info-body {border-bottom: 1px solid var(--ninth-color);padding-bottom: 15px;}
.sale-info-body .fa {font-size: 18px; margin-right: 7px;}
.sale-phone {margin-top: 12px;margin-bottom: 12px;}
.sale-phone a {color: rgb(51, 101, 156);text-decoration: underline !important;}
.icon-share-tin {width: 31px; height: 31px; display: inline-block;}
.zalo-share {background-position: -135px -165px;}
.facebook-share {background-position: -67px -165px;}
.imessage-share {background-position: -101px -165px;}
.zalo-share-button {border-radius: 50%;float: left;margin-right: 12px;}
.copylink {float: left;margin-right: 12px;cursor: pointer;}
.copylink i {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 4px 0 0 0 !important;
    font-size: 18px !important;    
    border: 2px solid #F79420;
    color: #F79420;
    border-radius: 50%;
}

.single-product .product-hangmuc {margin-bottom: 15px;float: left;width: 100%;margin-top: 25px;}
.single-product .product-hangmuc ul {list-style: none; margin-left: 0; padding-left: 0;}
.single-product .product-hangmuc li {width: 49%;float: left;margin-bottom: 10px;font-size: 16px;min-height: 30px;}
.single-product .product-hangmuc li .fa, .single-product .product-hangmuc li img {font-size: 25px; margin-right: 8px; width: 25px; float: left;}

.search-slider-hang, .search-hang-child {position: relative;}

.jh {top: 35%;width: 27px;height: 54px;}
.jh-lft {left: -1px;background-position: 0 0;}
.jh-rght {right: -1px;background-position: -27px 0;}
.jh-lft:hover {background-position: -54px 0;}
.jh-rght:hover {background-position: -81px 0;}

.search-hang-child {border: 1px solid var(--ninth-color);border-top: 0;float: left;}
.hang-child-lft {width: 18%;position: absolute;top: 0;left: 1px;text-align: center;z-index: 999;border-right: 1px solid var(--ninth-color);background: var(--third-color);height: 130px;}
.hang-child-lft .muiten {position: absolute;top: 8px;left: 100%;width: 12px;height: 26px;z-index: 9999;display: inline-block;background-position: -131px -101px;}
.hang-child-rght {width: 82%;float: right;max-height: 130px;min-height: 130px;overflow-y: scroll;background: var(--eighth-color);}
.hang-child-rght .ul {padding: 10px 5px 8px 18px  !important;float: left;width: 100%;}
.hang-child-rght .li {width: 33%; float: left; text-align: left !important; margin: 0 !important; padding: 5px !important;}

.chuyentrang-banner {position: relative;}
.chuyentrang-banner-avatar .avatar {width: 110px; height: 110px; border: 3px solid var(--third-color); border-radius: 50%;}
.chuyentrang-banner-cover {position: relative;text-align: center;}
.chuyentrang-banner-cover .upload-file {position: absolute; bottom: 10px; right: 10px;}
.chuyentrang-banner-avatar {position: absolute;bottom: 20px;left: 15px;}
.chuyentrang-banner-info {height: 90px; background: var(--eighth-color);}
.chuyentrang-name {text-transform: uppercase;font-weight: bold;padding-left: 142px;padding-top: 22px;font-size: 21px;}

.chuyentrang-settings {position: fixed; bottom: 30px; z-index: 99999; width: 100%; text-align: center; left: 0;}
.chuyentrang-settings a {background: var(--second-color); color: var(--third-color); height: 32px; line-height: 32px; display: inline-block; padding: 0 25px; border-radius: 7px;}
.err {color: var(--second-color);}
.chuyen-trang-done {text-align: center; margin-bottom: 20px; font-size: 18px; font-weight: bold; color: var(--primary-color);}

.chuyentrang-banner-contact {position: absolute;top: -65px;right: 16px;z-index: 999999 !important;background: var(--primary-color);color: var(--third-color);border-radius: 7px;width: 280px;}
.chuyentrang-phone {background: var(--second-color); height: 65px; line-height: 65px; text-align: center; border-radius: 7px 7px 0 0; position: relative;}
.chuyentrang-phone .phone-chuyentrang {width: 33px;height: 33px;display: inline-block;background-position: -157px -100px; position: absolute; top: 50%; transform: translate(-50%, -50%);}
.chuyentrang-phone .phone-num, .chuyentrang-phone .phone-lb {text-transform: uppercase; font-size: 18px; font-weight: 600; padding-left: 25px; cursor: pointer;}

.chuyentrang-created, .chuyentrang-b {margin: 0 15px; padding: 15px 0; border-bottom: 1px solid var(--fouthteen-color); position: relative;}
.chuyentrang-created {border-bottom: 0;}
.chuyentrang-created .cbody, .chuyentrang-b .cbody {padding-left: 30px;display: block;}
.chuyentrang-created .fa, .chuyentrang-b .fa {border: 1px solid var(--third-color); width: 20px; height: 20px; text-align: center; padding-top: 2px; font-size: 16px; border-radius: 50%; position: absolute; }

.modal-report ul {list-style: none; padding: 0 15px 15px 15px;}
.modal-report li {border: 1px solid var(--ninth-color);margin-bottom: 10px;height: 40px;line-height: 40px;font-size: 16px;cursor: pointer; text-align: center;}
.modal-report .title {height: 60px;line-height: 60px;background: var(--eighth-color);margin-bottom: 15px;font-size: 18px;border-radius: 7px;color: var(--primary-color); text-align: center;}
.modal-report .modal-body {padding: 0;}



.modal-hien ul, .modal-an ul {list-style: none; padding: 0 15px 15px 15px;}
.modal-hien li, .modal-an li {border: 1px solid var(--ninth-color);margin-bottom: 10px;height: 40px;line-height: 40px;font-size: 16px;cursor: pointer; padding: 0 15px; text-align: center;}
.modal-hien .title, .modal-an .title {height: 60px;line-height: 60px;background: var(--eighth-color);margin-bottom: 15px;font-size: 18px;border-radius: 7px;color: var(--primary-color); font-weight: bold; text-align: center;}
.modal-hien .post, .modal-an .post {margin-bottom: 15px; max-width: 80%; margin-left: 10%; line-height: 23px;}
.modal-hien .modal-body, .modal-an .modal-body {padding: 0;}


.product-report {text-align: center;margin-bottom: 25px;}
.product-report a {border: 1px solid var(--second-color);height: 32px;line-height: 30px;display: inline-block;padding: 0 25px;border-radius: 3px;}

.report-body {padding: 0 15px 10px 15px;}
.report-body input, .report-body textarea, .report-body .report-body-title {width: 100%; text-align: left; margin-bottom: 10px; line-height: 34px;}
.report-body input, .report-body textarea {padding-left: 10px;}
#submit-report, #submit-tragia {text-align: center;background: var(--second-color); color: var(--third-color); border: none; text-transform: uppercase; font-weight: 600; font-size: 16px; width: 100%; display: inline-block; height: 32px; line-height: 30px; cursor: pointer;}
.input-err {border: 1px solid var(--second-color); }

.single-product .product-info .macca, .single-product .product-info .price {display: inline-block;}
.single-product .product-info .macca {
    text-align: center;
    padding: 4px 26px;
    border: 1px solid var(--thirdteen-color);
    border-radius: 3px;
    cursor: pointer;
    margin-left: 6px;
  
}
.single-product .fa-dollar {
    color: #ffa100;
    border: 1px solid #ffa100;
    padding: 0;
    width: 20px;
    height: 20px;
    padding-top: 3px;
    font-size: 12px;
    border-radius: 50%;
    margin-left: 3px;
}
.single-product .product-info .macca a {color: var(--primary-color);}
.single-product .product-info .macca:hover {background: var(--fifth-color); border-color: var(--fifth-color); color: var(--third-color);}
.single-product .product-info .macca:hover a, .single-product .product-info .macca:hover .fa {color: var(--third-color);}

#modal-macca .modal-body {padding: 0;}

#modal-macca .macca-title {border-radius: 12px 12px 0 0; height: 48px;/* line-height: 45px; */text-align: left;text-transform: uppercase;font-weight: bold;padding-left: 15px;background: var(--eighth-color);font-size: 18px;}
.macca-title span {border-left: 3px solid var(--second-color);display: inline-block;margin-top: 14px;padding-left: 12px;}

.product-macca .product-macca-title {float: left;}

.product-macca .old-price {float: right;}
.product-macca .product-macca-title, .product-macca .old-price {margin-bottom: 20px; display: inline-block; font-weight: bold; padding: 0 15px; margin-top: 20px; font-size: 16px;}
#modal-macca #report-product-frm {width: 100%;display: inline-block;}
.macca-body-title {text-align: left;border-top: 1px solid var(--ninth-color);padding-top: 15px;padding-bottom: 15px;}

#modal-tragop .modal-body {padding: 0;}

#modal-tragop .tragop-title {border-radius: 12px 12px 0 0; height: 48px;text-align: left;text-transform: uppercase;font-weight: bold;padding-left: 15px;background: var(--eighth-color);font-size: 18px;}
.tragop-title span {border-left: 3px solid var(--second-color);display: inline-block;margin-top: 14px;padding-left: 12px;}
.tragop-body-title {text-align: left;border-top: 1px solid var(--ninth-color);padding-top: 15px;padding-bottom: 15px;}

.content-macca .msg-err {margin-bottom: 10px; color: #ff0000;}
.content-macca .msg-success {margin: 25px 0;}

.bds-container .list-tin-header {border-top: none;}
.bds-tabs ul {list-style: none; padding: 0; border-bottom: 1px solid var(--second-color); float: left; width: 100%; margin-bottom: 0;}
.bds-tabs li {float: left; height: 36px; line-height: 36px; padding: 0 36px; text-transform: uppercase; background: var(--thirdteen-color); margin-right: 3px; border-radius: 5px 5px 0 0; color: var(--third-color); border-bottom: 1px solid var(--eighth-color);;}
.bds-tabs li a {color: var(--third-color);}
.bds-tabs li.active, .bds-tabs li:hover {background: var(--second-color); border-bottom: 1px solid var(--second-color);}

.main-box-bds-title-bg {background: var(--second-color); height: 2px; display: inline-block; width: 40px; margin-bottom: 5px;}

.main-box-bds-title-bg {background: var(--second-color); height: 2px; display: inline-block; width: 40px; margin-bottom: 5px;}
.main-box .filter-label {line-height: 40px;width: 100%;height: 40px;display: block;cursor: pointer;}
.bds-filter .search-filter {position: relative;}
.bds-filter .filter-cat-content {position: absolute;top: 40px;z-index: 999;width: 100%;left: 0;background: var(--third-color);text-align: center;padding-top: 15px;}  

.search-box-bds-muaban .search-filter {float: left;width: 32.3% !important;}

.bds-filter .apdung-gia, .bds-filter .apdung-dientich {text-align: center;height: 34px;line-height: 34px;text-transform: uppercase;background: var(--second-color);color: var(--third-color);width: 100%;display: block;margin-top: 15px;cursor: pointer;}
.slider-selection, .slider.slider-horizontal .slider-track {background: var(--thirdteen-color); height: 5px;}
.slider-handle {background: var(--primary-color);}
.slider.slider-horizontal {height: 26px;line-height: 20px;}
.filter-cat-slider-content {color: var(--primary-color); margin-bottom: 10px; font-size: 12px; font-weight: bold;}
.filter-cat-slider-content span {font-weight: normal;}
.slider.slider-horizontal .tooltip {display: none;}
.slider.slider-horizontal {width: 90%;}

.search-box-bds-duan .bds-filter {float: right;width: 25%;}
.search-box-bds-duan .bds-filter select {width: 100%;}

.list-tin-body .bds-duan .des, .list-tin-body .bds-duan .info {width: 62%;float: left;padding-left: 25px;}

.chuyentrang-list .chuyentrang-thumb {position: relative;width: 25%;height: 145px;float: left;background-size: cover !important;}
.chuyentrang-list .chuyentrang-thumb .thumb {width: 100% !important;}
.chuyentrang-list .chuyentrang-thumb .avatar {position: absolute;top: 22%;right: -37px;width: 74px;height: 74px !important;border-radius: 50%;border: 2px solid var(--third-color);}
.chuyentrang-list .tin-item-body {width: 100%; float: left;}
.chuyentrang-list .chuyentrang-info {width: 70%;float: right;}
.chuyentrang-list .chuyentrang-info h2, .chuyentrang-list .chuyentrang-info .info, .chuyentrang-list .chuyentrang-info .des {width: 100%;}
.bds-container-duan h2, .chuyentrang-list .chuyentrang-info h2 {font-size: 17px;}
.bds-container-duan .info, .chuyentrang-list .chuyentrang-info .info {font-weight: normal; /*font-family: SFUFuturaBook; */ margin-bottom: 12px;}
.chuyentrang-map-icon {background-position: -191px -150px;width: 41px;height: 37px;display: inline-block;float: none !important;margin: 0;}
.chuyentrang-map {position: absolute;right: 0;top: 21px;width: 88px;text-align: center;}
.chuyentrang-map a {width: 100%;display: inline-block;text-align: center;}
.chuyentrang-map span {margin: 0 !important;float: none !important;display: inline-block;}
.chuyentrang-map .num {color: var(--second-color);margin-top: 8px;}
.chuyentrang-map .readmore {border: 1px solid var(--ninth-color); height: 28px; line-height: 28px; border-radius: 4px; margin-top: 8px;}

.bds-container-duan .des {width: 72%; float: right;}

.duan-bds-detail {width: 100%;float: left;background: var(--third-color);padding: 0 15px;}
.duan-bds-detail h1 {text-transform: uppercase; font-weight: bold; font-size: 18px; margin-bottom: 12px;}
.duan-bds-detail .duan-info {margin-bottom: 0;float: left;width: 100%;border-bottom: 1px solid var(--thirdteen-color);padding-bottom: 25px;}
.duan-bds-detail .duan-info .col-sm-4 {padding-left: 0;}
.duan-bds-detail .duan-info .fa {margin-right: 8px;}
.duan-images-jcarousel-wrap {position: relative;}
.duan-bds-detail .duan-images {width: 100%; float: left;}
.duan-bds-detail .duan-images img {width: auto;max-width: auto;height: 425px !important;margin: 0 auto;}

.duan-bds-detail .product-content-title {font-size: 18px;font-weight: bold;margin-bottom: 5px;margin-top: 40px;float: left;width: 100%;border-bottom: 1px solid var(--fouthteen-color);padding-bottom: 10px;}
.product-content-title-1 {border: none !important; margin-top: 25px !important;}
.product-content-title-2 {margin-top: 0px !important;}
.product-content-nhamau {float: left; width: 100%; margin-bottom: 20px; margin-top: 10px;}
.product-content-nhamau ul {list-style: none;margin: 0;padding: 0;width: 100%;float: left;}
.product-content-nhamau li {width: 49%;margin-right: 1%;float: left;margin-bottom: 20px;}
.nhamau-item-1 {float: left;}
.nhamau-item-2 {float: right !important;margin-right: 0 !important;}
.product-content-nhamau li img {width: 218px;margin-right: 15px;padding: 10px;}
.product-content-nhamau .nhamau-item {border: 1px solid var(--fouthteen-color); border-radius: 3px;}

.product-content-tienich li {width: 32%;float: left;/* padding-right: 1%; *//* border-bottom: 1px solid var(--fouthteen-color); */}
.product-content-tienich .tienich-item {/* margin-right: 10px; */border-bottom: 1px dotted var(--fouthteen-color);padding-bottom: 10px;}
.product-content-tienich li img {width: 35px;margin-right: 15px;padding: 0;}
.tienich-item-2 {float: left; margin-left: 1%;}
.tienich-item-3 {float: right !important;margin-right: 0 !important;}

.duan-images-jcarousel-wrap {position: relative;float: left;width: 100%;max-height: 425px;overflow: hidden;} 
.duan-images-jcarousel-pagination {bottom: 10px;}

.bds-container-duan .main-box-bds-title-bg {margin-bottom: 20px;}
.list-duan-item {margin-bottom: 15px;float: left;width: 100%;padding-bottom: 15px;border-bottom: 1px solid var(--ninth-color);cursor: pointer;}
.list-duan-item-info {position: relative;background-size: cover !important;height: 300px;border-radius: 10px;}
.duan-litem-info {background: linear-gradient(180deg, rgba(0,0,0,0), var(--second-color)); position: absolute;bottom: 0; width: 100%;left: 0;padding: 10px 10px 0 10px;border-radius: 0 0 10px 10px;}
.list-duan-item-info h2 a {color: var(--third-color); text-transform: uppercase; font-size: 16px; font-weight: bold;}
.duan-ritem {height: 145px;}
.duan-ritem1 {margin-bottom: 10px;}
.duan-ritem {border-radius: 10px;background-size: cover !important;}
.duan-ritem a {display: block;height: 100%;width: 100%;}
.list-duan-item-info .price {position: absolute;right: -7px;top: 10px;z-index: 999;background: var(--second-color);color: var(--third-color);font-weight: normal;height: 32px;line-height: 32px;border-radius: 4px;padding: 0 15px;}
.dangtin-box .suggestion_result {padding: 15px; background: var(--eighth-color); float: left; width: 100%;}
.dangtin-box .suggestion_result li {line-height: 18px;min-height: 18px;font-size: 13px;}

.div-body-ex-l-num, .div-body-ex-l {margin-top: 10px; }
.div-body-ex-l-num {font-style: italic;}
.price-macca {margin-top: 5px; }
.accept-macca {margin-left: 10px;}
.accept-macca, .reject-macca {padding: 3px 10px;border: 1px solid var(--ninth-color);border-radius: 5px;cursor: pointer;margin-top: 10px;}
.accept-macca:hover, .reject-macca:hover {border-color: var(--second-color);}
.accept-macca.active, .reject-macca.active {background: var(--second-color); border: 1px solid var(--second-color); color: var(--third-color);}
.rep-macca {margin-left: 30px;font-weight: bold;}

#open-tragop {margin-top: 10px;height: 32px;border: 1px solid var(--ninth-color);border-radius: 7px;display: inline-block;width: 100%;text-align: center;padding-top: 7px;cursor: pointer;}

.product-tragop {padding-left: 15px;font-size: 14px;padding-right: 15px;}
.product-tragop .tragop-so {font-weight: bold;}
.product-tragop .fa {margin-right: 10px;font-size: 16px;}
.body-tragop-title { margin-top: 15px; margin-bottom: 15px; width: 100%;}
.body-tragop-content {width: 100%;float: left;overflow-x: scroll;}
#content-tragop-tab2 .body-tragop-content {overflow-x:auto;}
.body-tragop-content .responseTuvan {text-align: center; padding: 35px 40px; float: left; }
.body-tragop-content ul {list-style: none;margin: 0;padding: 0;width: 100%;height: 99px;}
.body-tragop-content li {float: left;margin-right: 10px;}
.body-tragop-content li img {border: 1px solid var(--ninth-color);padding: 15px;height: 80px !important;}
.body-tragop-content li img.active {border: 1px solid var(--second-color);}

.tragop-body {padding: 15px; font-size: 15px;}
.tragop-body .row-action .terms {font-size: 12px;margin-top: 12px;}
.row-info {width: 100%;float: left;padding-top: 12px;padding-bottom: 12px;border-top: 1px solid var(--ninth-color);}
.tragop-body .lb {float: left;padding-top: 10px;}
.tragop-body .lb-sub-right, .tragop-body .lb-sub {color: var(--thirdteen-color); font-size: 13px; margin-top: 7px;}
.tragop-body .lb-sub-right {float: right;}
.tragop-body .lb-sub {float: left;}
.tragop-body .price, .tragop-body .read, .tragop-body .select, .tragop-body .sum {float: right;}
.tragop-body .read {background: var(--eighth-color)}
.tragop-body .price, .tragop-body .read, .tragop-body .select select {border: 1px solid var(--ninth-color);text-align: center;width: 160px;height: 38px;line-height: 36px;padding: 0 10px;position: relative;}
.tragop-body .price .span, .tragop-body .read .span, .tragop-body .select select .span {position: absolute;right: 0;background: var(--eighth-color);border-left: 1px solid var(--ninth-color);padding: 0 5px;height: 36px;top: 0;}

.tragop-body .sum {color: #d64937;font-weight: bold;height: 38px;line-height: 36px;font-size: 16px;} 
.tragop-body .sum .span {padding-top: 12px; padding-bottom: 12px;}
.btn-send-contact, .btn-send-interest {background: var(--second-color); width: 100%; color: var(--third-color); text-transform:uppercase; font-weight: bold;}
.btn-send-contact {margin-bottom: 15px;}

.slider-tragop .slider-horizontal {width: 96%;margin-top: 15px;}

#content-tragop-tab2 input[type=text], #content-tragop-tab2 input[type=number] {width: 100%; margin-top: 20px; height: 40px; line-height: 40px; padding-left: 12px;}
.row-thongtin-tragop {text-align: left; margin-top: 20px;}
.row-thongtin-tragop .lb {float: left;padding-top: 20px;}
.row-thongtin-tragop .tt-body {float: left; }
.row-thongtin-tragop .tt-body img {height: 54px !important;margin-left: 10px;}
.row-thongtin-tragop .tt-content {width: 100%; float: left; margin-top: 12px;}
.row-thongtin-tragop .tt-content li {padding: 7px 18px;border-radius: 5px;border: 1px solid var(--ninth-color);height: 52px;text-align: center;cursor: pointer;max-width: 131px;}
.row-thongtin-tragop .tt-content li:last-child {line-height: 36px;}
.row-thongtin-tragop .tt-content li.active {border: 1px solid var(--second-color);}
.icon-color {width: 20px;height: 20px;margin-top: 8px;display: inline-block;float: left;}

.result_suggest {width: calc(100% + 40px);position: absolute;top: 42px;border: 1px solid var(--fouthteen-color);z-index: 99999;background: var(--third-color);max-height: 380px;overflow-y: auto;}
.result_suggest ul {padding: 0; margin: 0;}
.result_suggest li {text-align: left !important;padding-left: 10px !important; color: var(--second-color); cursor: pointer;}
.result_suggest li span {color: var(--primary-color);}

.xuhuong {overflow-x: hidden;margin-bottom: -15px;border: 1px solid var(--ninth-color); border-top: 0;}
.xuhuong.active {overflow-x: scroll;}
.xuhuong ul {list-style: none;padding: 15px 10px;margin: 0;width: -moz-max-content;width: -webkit-max-content;width: max-content; float: left;}
.xuhuong li {float: left; padding-right: 10px;}
.xuhuong li a {height: 23px;line-height: 20px;background: var(--sixth-color);padding: 0 10px;border-radius: 9px;margin-right: 10px;font-size: 14px;display:inline-block;}
.xuhuong li a:hover {background: var(--second-color); color: var(--third-color);}

.sidebar-banners {margin-top: 25px;}

#sidebar {padding-left: 45px; float: right !important; max-width: 480px;}


.modal-cat ul {list-style: none; padding: 0; margin: 0;}
.modal-cat li {text-align: left !important; float: left; width: 100%; border-bottom: 1px solid var(--ninth-color);}
.modal-cat .select-package {height: 34px;line-height: 34px;font-weight: bold;border-bottom: 1px solid var(--ninth-color);padding-bottom: 40px;/* float: left; *//* width: 100%; */background: var(--eighth-color);margin-left: -15px;margin-right: -15px;margin-top: -14px;border-radius: 7px 7px 0 0;text-align: center;padding-top: 5px;}
.modal-cat .select-package .fa {float: left;padding-left: 18px;padding-top: 10px;}
.input-row {position: relative;}
.input-row .fa {position: absolute;top: 8px;right: 6px;font-size: 18px;left: auto;width: 25px;display: inline-block;height: 25px;color: #7a7a7a;z-index: 9;cursor: pointer;}

.msg-title, #msg-submit {line-height: 48px; width: 100%; text-align: center; background: none; border: none;}
.msg-title {font-weight: bold; font-size: 18px;}
.msg-body {margin-bottom: 35px; margin-top: 10px;}
#msg-submit {background: var(--second-color); color: var(--third-color); text-transform: uppercase;}
#msg-submit span {background: var(--third-color);margin-right: 10px;border-radius: 5px;display: inline-block;width: 27px;height: 27px;line-height: 30px;padding-top: 1px;}
#msg-submit .fa {font-size: 23px;color: #4267b2;}
.modal-close {position: absolute;top: 0;right: 0;z-index: 999999;cursor: pointer;color: var(--ninth-color);}
.modal-close .fa {font-size: 28px;}

.user_tab_product_status {margin-top: 10px; text-align: center; border: 1px solid var(--ninth-color); height: 32px; line-height: 32px; border-radius: 5px;}
.user_tab_product_status.an_hien {background: var(--ninth-color); color: var(--primary-color);}
.user_tab_product_status.an_hien.active {background: var(--second-color); border-color: var(--second-color);}
.user_tab_product_status.an_hien.active a {color: var(--third-color);}

.div-body-suatin .control-group .control-label {font-weight: bold; margin-bottom: 7px;}
.div-body-suatin .control-group {width: 100%; margin-bottom: 15px; float: left;}
.div-body-suatin .controls input[type=text], .div-body-suatin .controls select, .div-body-suatin .controls textarea {width: 100%; height: 34px; line-height: 34px; float: left; padding: 5px;}
.div-body-suatin .controls textarea {height: 225px;}

.no-result-404 {width: 100%; float: left; text-align: center;}
.no-result-404 div {padding: 24px 0;width: 80%;margin: 25px auto;text-align: center;background: #fcf8e3;border-radius: 3px;border: 1px solid #faebcc;color: #8a6d3b;}

#copytext {position: absolute; left: -9999px; width: 1px; height: 1px;}

.sidebar-aitem {margin-top: 25px;}
.duan-info {margin-top: 20px;}
.duan-bds-detail .map {font-weight: normal;text-transform: none;color: var(--thirdteen-color);display: inline-block;font-size: 14px;}
.duan-bds-detail .map a {color: #0066cc;}
.duan-bds-detail .mnius {padding-left: 12px;padding-right: 12px;}
.product-list-ads {margin-bottom: 20px; width: 100%; float: left;}
.siderbar-ads {margin-bottom: 15px;/* margin-top: 15px; */float: left;width: 100%;}

.bds-container #main {width: 66.66666667% !important;}
.list-top-ads {height: 90px !important;max-height: 90px !important;margin-top: 6px;}

.vefiry_form {text-align: center;}
#recaptcha-container {display: inline-block;margin: 0 auto;float: none; margin-bottom: 35px;}
#recaptcha-container div {display: inline-block;}