Thông số
📁 Dưới đây là thông số của sản phẩm phụ tùng mà bạn đang xem, thông số được chúng tôi sàng lọc và chuyển đổi dữ liệu từ thông số kỹ thuật của hãng giúp khách hàng hiểu rõ nhất về sản phẩm. Nếu cần biết thêm thông tin vui lòng liên hệ chuyên viên tư vấn.
THƯƠNG HIỆU
HONDA
MÃ PHỤ TÙNG
14401-KYJ-901
BARCODE
14401KYJ901
MODEL XE
REBEL
MODEL CHI TIẾT
REBEL 300
MODEL VÀ DATE XE
CB300R (2018+), CB300R (2019+), REBEL 300 (CMX300)
TÊN TRÊN TEM PHỤ TÙNG
Xích cam (128L) (Daido)
TÊN QUỐC TẾ
CAM(128L)(DAIDO), CHAIN
TIÊU CHUẨN CHẤT LƯỢNG
TCCS: 01|2008|HVN
MODEL CODE
REBEL 300 2018
TIÊU CHUẨN ĐÓNG GÓI (QTY / BOX)
100
XUẤT XỨ
TH
TRỌNG LƯỢNG (GRAM)
93
14401KYJ901 - Xích Cam ( Sên Cam ) ( 128L ) ( Daido ) Cb300R ( 2018+ ) , Rebel 300 ( Cmx300 ) , Cb300R ( 2019+ )
819.500 ₫
98056-56718
CAM KẾT TỪ CHÚNG TÔI
Chất lượng: Hàng chính hãng.
Tình trạng: Mới hoàn toàn, nguyên niêm phong nhà sản xuất.
Lưu ý: Một số sản phẩm kho của Dealer không có sẵn sẽ cần đặt hàng.
Thông số
Dưới đây là thông số của sản phẩm phụ tùng mà bạn đang xem, thông số được chúng tôi sàng lọc và chuyển đổi dữ liệu từ thông số kỹ thuật của hãng giúp khách hàng hiểu rõ nhất về sản phẩm.
THƯƠNG HIỆU
HONDA
MÃ PHỤ TÙNG
14401-KYJ-901
BARCODE
14401KYJ901
MODEL XE
REBEL
MODEL CHI TIẾT
REBEL 300
MODEL VÀ DATE XE
CB300R (2018+), CB300R (2019+), REBEL 300 (CMX300)
TÊN TRÊN TEM PHỤ TÙNG
Xích cam (128L) (Daido)
TÊN QUỐC TẾ
CAM(128L)(DAIDO), CHAIN
TIÊU CHUẨN CHẤT LƯỢNG
TCCS: 01|2008|HVN
MODEL CODE
REBEL 300 2018
TIÊU CHUẨN ĐÓNG GÓI (QTY / BOX)
100
XUẤT XỨ
TH
TRỌNG LƯỢNG (GRAM)
93
PHỤ TÙNG NÀY THUỘC CÁC BỘ CATALOGUE SAU:
Tỉnh/Thành phố
Quận / Huyện
Kết quả mặc định: Có 31 cửa hàng
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
.danh-sach-cua-hang {
display: flex;
width: 100%;
flex-direction: column;
gap: 20px;
margin-bottom: 100px;
margin-top: 40px;
}
.danh-sach-cua-hang .selects {
display: flex;
gap: 30px;
width: 100%;
align-items: end;
flex-wrap: wrap;
}
.danh-sach-cua-hang .total {
font-weight: 600;
font-size: 16px;
}
.danh-sach-cua-hang .total span {
color: #0aa98a;
}
.danh-sach-cua-hang .selects .select-item {
flex: 1;
max-width: 320px;
min-width: 200px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button {
display: flex;
gap: 30px;
flex-grow: 1;
}
.danh-sach-cua-hang .group-button button {
flex-wrap: nowrap;
white-space: nowrap;
}
.danh-sach-cua-hang .selects .select-item > span {
width: 100% !important;
}
.danh-sach-cua-hang button {
height: 44px;
border: none;
display: flex;
flex-direction: row;
gap: 8px;
font-size: 18px;
color: #ffffff;
align-items: center;
}
.danh-sach-cua-hang .content-wrap {
display: flex;
gap: 30px;
justify-content: space-between;
}
.danh-sach-cua-hang .content {
display: flex;
gap: 30px;
flex-wrap: wrap;
}
.danh-sach-cua-hang .huong-dan {
flex: 1;
height: auto;
min-width: 40px;
max-width: 40px;
background-color: #bfbfbf;
writing-mode: tb;
text-align: center;
line-height: 40px;
color: #ffffff;
font-size: 16px;
min-height: 250px;
}
.danh-sach-cua-hang .selects .cancel {
background-color: #ff0000;
width: 152px;
justify-content: center;
}
.danh-sach-cua-hang .selects .search {
background-color: #0aa98a;
flex-grow: 1;
justify-content: space-between;
padding-left: 14px;
padding-right: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap {
display: flex;
width: calc((100% - 30px * 3) / 4);
flex-direction: column;
min-width: 330px;
flex-grow: 1;
opacity: 0;
transform: translateY(200px);
transition: all 0.5s ease-in-out;
}
.thong-tin-cua-hang-wrap.in-viewport {
opacity: 1 !important;
transform: translateY(0);
}
.danh-sach-cua-hang .thong-tin-cua-hang {
display: flex;
flex-direction: column;
gap: 10px;
padding: 15px;
border: 1px solid #b5b5b5;
border-bottom: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship {
display: flex;
gap: 6px;
justify-content: flex-end;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div {
display: flex;
gap: 8px;
background-color: #00ffa6;
padding: 3px 10px;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .cod-ship > div p {
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang {
display: flex;
gap: 10px;
align-items: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang h5 {
font-size: 17px;
margin: 0;
}
.danh-sach-cua-hang .thong-tin-cua-hang .ten-cua-hang .icon-status {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .status {
color: #ffffff;
font-size: 10px;
font-weight: 500;
width: "fit-content";
padding-left: 20px;
padding-right: 20px;
max-width: 135px;
min-width: 95px;
text-align: center;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .type .type-item {
height: 16px;
width: "fit-content";
padding-left: 5px;
padding-right: 5px;
background-color: #adff5f;
font-size: 10px;
font-weight: 300;
color: #000000;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address,
.danh-sach-cua-hang .thong-tin-cua-hang .phone,
.danh-sach-cua-hang .thong-tin-cua-hang .contact,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
display: flex;
gap: 10px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .contact {
align-items: center;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang .address p,
.danh-sach-cua-hang .thong-tin-cua-hang .phone a,
.danh-sach-cua-hang .thong-tin-cua-hang .facebook {
font-size: 14px;
color: #000000;
font-weight: 300;
margin: 0;
text-decoration: none;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok {
display: flex;
gap: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang .shopee-tiktok a:nth-of-type(2) {
margin-top: 1px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions {
background-color: #f6f6f6;
padding: 10px;
border: 1px solid #b5b5b5;
border-top: none;
width: 100%;
display: flex;
justify-content: space-between;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select {
height: 22px;
width: 122px;
text-align: center;
background-color: #d9d9d9;
border-radius: 3px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover {
background-color: #0aa98a;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select:hover span {
color: #ffffff;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .select span {
width: 100%;
color: #000000;
font-size: 14px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info {
height: 22px;
background-color: transparent;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a {
text-decoration: none;
font-size: 15px;
color: #0aa98a;
display: flex;
gap: 8px;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover {
color: #ff0000;
}
.danh-sach-cua-hang .thong-tin-cua-hang-wrap .actions .info a:hover svg path {
stroke: #ff0000;
}
.danh-sach-cua-hang .select2-selection__clear {
right: 15px;
font-size: 25px;
top: -7px;
max-height: 20px;
}
.danh-sach-cua-hang .btn-xem-all {
margin: auto;
padding: 0px 20px;
background-color: #0aa98a;
}
.danh-sach-cua-hang .btn-xem-all button {
background-color: transparent;
}
.danh-sach-cua-hang .selected {
background-color: #ffbb00 !important;
color: #000;
cursor: pointer;
}
.danh-sach-cua-hang .btn-xem-all:hover {
background-color: #ff0000;
}
.danh-sach-cua-hang .cancel {
height: fit-content;
background-color: transparent;
}
@media (max-width: 1000px) {
.danh-sach-cua-hang .group-button {
flex-grow: unset;
}
}
@media (max-width: 850px) {
.content-wrap {
flex-direction: column-reverse;
}
.danh-sach-cua-hang .huong-dan {
height: 40px;
max-height: 40px;
min-height: 40px;
writing-mode: horizontal-tb;
max-width: unset;
}
}
@media (max-width: 700px) {
.danh-sach-cua-hang .selects {
flex-direction: column;
}
.danh-sach-cua-hang .selects .select-item {
max-width: unset;
width: 100%;
}
}
HƯỚNG DẪN