/* custom */
/* margin */
/**/
.m-10 {
  margin: 10px !important;}
.m-20 {
  margin: 20px !important;}
.mt-0 {
  margin-top: 0 !important;}
.mt-5 {
  margin-top: 5px !important;}
.mt-10 {
  margin-top: 10px !important;}
.mt-15 {
  margin-top: 15px !important;}
.mt-35 {
  margin-top: 35px !important;}
.mb-30 {
  margin-bottom: 30px !important;}
.mt-20 {
  margin-top: 20px !important;}
.mt-25 {
  margin-top: 25px !important;}
.mt-30 {
  margin-top: 30px !important;}
.mt-40 {
  margin-top: 40px !important;}
.mt-60 {
  margin-top: 60px !important;}
.mt-75 {
  margin-top: 75px !important;}
/**/
.mt--2 {
  margin-top: -2px !important;}
/**/
.me-10 {
  margin-right: 10px !important;}
.me-15 {
  margin-right: 15px !important;}
.me-25 {
  margin-right: 25px !important;}
.me-35 {
  margin-right: 35px !important;}
.me-55 {
  margin-right: 55px !important;}
/**/
.mb-0 {
  margin-bottom: 0 !important;}
.mb-5 {
  margin-bottom: 5px !important;}
.mb-10 {
  margin-bottom: 10px !important;}
.mb-15 {
  margin-bottom: 15px !important;}
.mb-50 {
  margin-bottom: 50px !important;}
.mb-20 {
  margin-bottom: 20px !important;}
.mb-25 {
  margin-bottom: 25px !important;}
/**/
.ms-0 {
  margin-left: 0 !important;}
.ms-5 {
  margin-left: 5px !important;}
.ms-10 {
  margin-left: 10px !important;}
.ms-15 {
  margin-left: 15px !important;}




/* padding */
/**/
.p-5 {
  padding: 5px !important;}
.p-20 {
  padding: 20px !important;}
.p-30 {
  padding: 30px !important;}
.p-10 {
  padding: 10px !important;}
.p-40 {
  padding: 40px !important;}
/**/
.p-tb-2-es-15 {
  padding: 2px 15px !important;}

/**/
.pt-0 {
  padding-top: 0 !important;}
.pt-5 {
  padding-top: 5px !important;}
.pt-10 {
  padding-top: 10px !important;}
.pt-15 {
  padding-top: 15px !important;}
.pt-50 {
  padding-top: 50px !important;}
.pt-20 {
  padding-top: 20px !important;}
.pt-25 {
  padding-top: 25px !important;}
.pt-30 {
  padding-top: 30px !important;}
.pt-40 {
  padding-top: 40px !important;}
.pt-60 {
  padding-top: 60px !important;}
.pt-80 {
  padding-top: 80px !important;}

/**/
.pe-0 {
  padding-right: 0 !important;}
.pe-5 {
  padding-right: 5px !important;}
.pe-20 {
  padding-right: 20px !important;}
.pe-30 {
  padding-right: 30px !important;}
.pe-40 {
  padding-right: 40px !important;}

/**/
.pb-0 {
  padding-bottom: 0 !important;}
.pb-5 {
  padding-bottom: 5px !important;}
.pb-10 {
  padding-bottom: 10px !important;}
.pb-15 {
  padding-bottom: 15px !important;}
.pb-20 {
  padding-bottom: 20px !important;}
.pb-30 {
  padding-bottom: 30px !important;}
.pb-50 {
  padding-bottom: 50px !important;}

/**/
.ps-0 {
  padding-left: 0 !important;}
.ps-15 {
  padding-left: 15px !important;}
.ps-5 {
  padding-left: 5px !important;}
.ps-20 {
  padding-left: 20px !important;}
.ps-25 {
  padding-left: 25px !important;}
.ps-30 {
  padding-left: 30px !important;}



/* font-size */
.fs-12 {
  font-size: 12px !important;}
.fs-18 {
  font-size: 18px !important;}
.fs-16 {
  font-size: 16px !important;}
.fs-14 {
  font-size: 14px !important;}
.fs-13 {
  font-size: 13px !important;}
.fs-15 {
  font-size: 15px !important;}
.fs-10 {
  font-size: 10px !important;}
.fs-11 {
  font-size: 11px !important;}
.fs-35 {
  font-size: 35px !important;}



/* active */
a.active {
  cursor: default;}

/**/
.white-space-pre-line {
  white-space: pre-line !important;}

/**/
.object-contain {
  object-fit: contain !important;}


/* text */ 
.text-d-yellow {
  color: #ac7f00 !important;} 
.text-m-blue {
  color: #009dff !important;} 
.text-m-gray {
  color: #555656 !important;}

/* bg */ 
.bg-d-yellow {
  background-color: #ffca00 !important;}
.bg-l-gray {
  background-color: #f3f3f3 !important;}
.bg-xl-gray {
  background-color: #c5c5c5 !important;}

/* align-self-top */
.align-self-top {
  align-self: top !important;}

/* text-justify */
.text-justify {
  text-align: justify !important;}

/* border */
.border-left-gray-xs-1 {
  border-left: 1px solid #e8e8e8;}
.border-left-1 {
  border-left: 1px solid #e3e3e3;}
.border-right-1 {
  border-right: 1px solid #e3e3e3;}
.border-top-1 {
   border-top: 1px solid #c5c5c5;}
.border-1 {
   border: 1px solid #ddd;}
.border-1-yellow {
  border: 1px solid #fcba00 !important}
.border-blue-1 {
  border: 1px solid #1d9af3 !important;}
.border-green-1 {
  border: 1px solid #5cb79e !important;}
.border-orange-1 {
  border: 1px solid #f89a00 !important;}
.border-color-xl-gray {
  border-color: #c5c5c5 !important;}
/* rounded */
.rounded-10 {
  border-radius: 10px !important;}
.rounded-15 {
  border-radius: 15px !important;}

/* justify-initial */
.justify-initial {
  justify-content: initial !important;}

/* resize */
.resize-none {
  resize: none !important;}

/* opacity-6 */
.opacity-6 {
  opacity: .6 !important;}
.opacity-initial {
  opacity: initial !important;}

/* box-shadow */
.box-shadow {
  box-shadow: 9px 7px 25px #00000029;}
.box-shadow-0 {
  box-shadow: none !important;}

/* overflow */
.overflow-y-auto {
  overflow-y: auto;}
.overflow-x-hidden {
  overflow-x: hidden;}
.overflow-x-auto {
  overflow-x: auto !important;}

/* height */
.h-2-px {
  height: 2px !important;}
.h-0 {
  height: 0 !important;}
.h-30-px {
  height: 30px !important;}
.h-25-px {
  height: 25px !important;}
.h-35-px {
  height: 35px !important;}
.h-20-px {
  height: 20px !important;}
.h-40-px {
  height: 40px !important;}
.h-50-px {
  height: 50px !important;}
.h-70-px {
  height: 70px !important;}
.h-80-px {
  height: 80px !important;}
.h-100-px {
  height: 100px !important;}
.h-460-px {
  height: 460px !important;}
.h-260-px {
  height: 260px !important;}
.h-120-px {
   height: 120px !important;}
.h-250-px {
   height: 250px !important;}
.h-350-px {
   height: 350px !important;}
.h-420-px {
   height: 420px !important;}
.h-330-px {
  height: 330px !important;}
.h-275-px {
  height: 275px !important;}
.h-100-vh {
  height: 100vh !important;}
/* max */
.max-height-70-px {
  max-height: 70px !important;}
.max-height-100-px {
  max-height: 100px !important;}
/* min */
.min-height-0 {
  min-height: 0 !important;}
.min-height-40-px {
  min-height: 40px !important;}
/* width */
.width-20-px {
  width: 20px !important;}
.width-70-px {
  width: 70px !important;}
.width-100-px {
  width: 100px !important;}
.width-140-px {
  width: 140px !important;}
/* min */
.min-width-40-px {
  min-width: 40px !important;}
.min-width-100-px {
 min-width: 100px !important;}
.min-width-140-px {
 min-width: 140px !important;}
.min-width-150-px {
 min-width: 150px !important;}
/* max */
.max-width-90-px {
  max-width: 90px !important;}
.max-width-300-px {
  max-width: 300px !important;}

/* h-v-center */
.position-h-v-center {
  position: absolute;
  right: 50%;
  bottom: 50%;
  -webkit-transform: translate(50%,50%);
  -ms-transform: translate(50%,50%);
  transform: translate(50%,50%);}


/* xs <575 */
@media (max-width: 575px) {
}
/* sm 576 to 767 */
@media (min-width: 576px) and (max-width: 767px) {

}
/* md 768 to 991 */
@media (min-width: 768px) and (max-width: 991px) {

}
/* lg 992 to 1199 */
@media (min-width: 992px) and (max-width: 1199px) {

}
/* xl 1200 to 1399 */
@media (min-width: 1200px) and (max-width: 1399px) {

}
/* xxl >1400 */
@media (min-width: 1400px) {

}
/* xs <575 */
@media (max-width: 575px) {
.d-none-zero-xs {
   display: none !important;}
.mt-15-zero-xs {
   margin-top: 15px !important;}
}
/* ----- */
/* zero-sm */
@media (max-width: 767px) {
.border-0-zero-sm {
   border: 0 !important;}
/**/  
.h-60-px-zero-sm {
  height: 60px !important;}
/**/
.max-width-90-px-zero-sm {
  max-width: 90px !important;}
/**/
.p-0-zero-sm {
  padding: 0 !important;}
.p-10-zero-sm {
  padding: 10px !important;}
.p-20-zero-sm {
  padding: 20px !important;}
.p-5-zero-sm {
  padding: 5px !important;}
.mt-10-zero-sm {
   margin-top: 10px !important;}
.mt-5-zero-sm {
   margin-top: 5px !important;}
.mb-5-zero-sm {
   margin-bottom: 5px !important;}
.mt-15-zero-sm {
   margin-top: 15px !important;}
.mt-0-zero-sm {
   margin-top: 0 !important;}
.mt-30-zero-sm {
   margin-top: 30px !important;}
.me-10-zero-sm {
   margin-right: 10px !important;}
.mt-60-zero-sm {
   margin-top: 60px !important;}
.ms-30-zero-sm {
   margin-left: 30px !important;}
.p-20-zero-sm {
   padding: 20px !important;}
.order-1-zero-sm {
   order: 1 !important;}
.order-2-zero-sm {
   order: 2 !important;}
.order-3-zero-sm {
   order: 3 !important;}
.order-4-zero-sm {
   order: 4 !important;}
.order-5-zero-sm {
   order: 5 !important;}
.order-6-zero-sm {
   order: 6 !important;}
.order-7-zero-sm {
   order: 7 !important;}
/**/
.fs-10-zero-sm {
  font-size: 10px !important;} 
/* height */
.h-70-px-zero-sm {
  height: 70px !important;}
/* none */
.d-none-zero-sm {
  display: none !important;}
/* inline-block */
.d-inline-block-zero-sm {
  display: inline-block !important;}
/* button */
.btn-small-zero-sm {
  font-size: 10px !important;
  padding: 5px 15px !important;}
}

/* zero-md */
@media (max-width: 991px) {
.me-15-zero-md {
   margin-right: 15px !important;}
.mt-30-zero-md {
   margin-top: 30px !important;}
.mt-20-zero-md {
   margin-top: 20px !important;}
.mt-15-zero-md {
   margin-top: 15px !important;}
.mt-10-zero-md {
   margin-top: 10px !important;}
.mt-25-zero-md {
   margin-top: 25px !important;}
.mb-20-zero-md {
   margin-bottom: 20px !important;}
.mb-30-zero-md {
   margin-bottom: 30px !important;}
.pe-45-zero-md {
   padding-right: 45px !important;}
.order-1-zero-md {
   order: 1 !important;}
.order-2-zero-md {
   order: 2 !important;}
.order-3-zero-md {
   order: 3 !important;}
.order-4-zero-md {
   order: 4 !important;}
.order-5-zero-md {
   order: 5 !important;}
.order-6-zero-md {
   order: 6 !important;}
.order-7-zero-md {
   order: 7 !important;}
.border-0-zero-md {
   border: 0 !important;}
/* none */
.d-none-zero-md {
  display: none !important;}
}
/* xs-all */
@media (min-width: 576px) {
.p-10-xs-all {
  padding: 10px !important;}
}
/* md-all */
@media (min-width: 768px) {
.me-15-md-all {
   margin-right: 15px !important;}
.me-25-md-all {
   margin-right: 25px !important;}
.mb-0-md-all {
   margin-bottom: 0 !important;}
.mt-75-md-all {
   margin-top: 75px !important;}
}
/* lg-all */
@media (min-width: 992px) {
.ps-30-lg-all {
   padding-left: 30px !important;}
.ps-70-lg-all {
  padding-left: 70px !important;}
.pe-70-lg-all {
  padding-right: 70px !important;}
.mt-65-lg-all {
  margin-top: 65px !important;}
/* height */
.h-815-px-lg-all {
   height: 815px !important;}
/* overflow */
.overflow-y-auto-lg-all {
   overflow-y: auto;}
.overflow-x-hidden-lg-all {
   overflow-x: hidden;}
/**/
.h-100-vh-hidden-lg-all {
  height: 100vh !important;}
/**/
.max-width-300-px-lg-all  {
  max-width: 300px !important;}
}








/* card-group */
.card-group {
  display: block;}
/* card */
.card-group .card {
  box-shadow: 9px 7px 25px #00000029;
  border: none;
  border-radius: 15px;}
/* card-header */
.card-group .card .card-header {
  border-color: #e3e3e3;
  padding: 10px 25px;}
.card-group .card .card-header .card-title {
  color: #727272;
  font-size: 22px;
  margin-bottom: 0;}
@media (max-width: 767px) {
.card-group .card .card-header .card-title {
  font-size: 16px;}
}
/* card-sub-header */
.card-group .card .card-sub-header {
  padding-left: 15px;
  padding-right: 15px;}
@media (max-width: 767px) {
.card-group .card .card-sub-header {
  padding-left: 10px;
  padding-right: 10px;}
}
/* card-body */
.card-group .card .card-body {
  padding: 30px 25px;}
@media (max-width: 767px) {
.card-group .card .card-body {
  padding: 20px 10px;}
}
/* card-footer */
.card-group .card .card-footer {
  padding-left: 20px;
  padding-right: 20px;}
@media (max-width: 767px) {
.card-group .card .card-footer {
  padding-left: 10px;
  padding-right: 10px;}
}


/* card-body */
/* accordion */
.card-group .card .card-body .accordion-button {
  outline: none;
  background-color: transparent;
  box-shadow: none;}
.card-group .card .card-body .accordion-button:not(.collapsed) {
    color: initial;}
.card-group .card .card-body .accordion-icon {
  display: flex;
  text-decoration: none;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.card-group .card .card-body .accordion-button::after,
.card-group .card .card-body .accordion-icon::after {
  background-image: none;
  font-family: FontAwesome;
  background-color: #e5e5e5;
  border-radius: 50%;
  font-size: 22px;
  color: #abadb1;
  content: '\f107';
  width: 30px;
  height: 30px;
  line-height: 29px;
  text-align: center;}
@media (max-width: 767px) {
.card-group .card .card-body .accordion-button::after,
.card-group .card .card-body .accordion-icon::after {
  background-color: #abadb1;
  color: #fff;
  font-size: 20px;
  width: 30px;
  height: 30px;
  line-height: 30px;}
}
/* vertical-center */
.card-group .card .card-body .accordion-button.vertical-center::after {
  position: absolute;
  margin-top: -15px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);}
.card-group .card .card-body .accordion-button:not(.collapsed)::after {
  transform: initial;
  content: '\f106';}
.card-group .card .card-body .accordion-button.icon-none::after {
  background-color: transparent;
  content: '';}
/* vertical-center-mt--40 */
.card-group .card .card-body .accordion-button.vertical-center-mt--40::after {
  margin-top: -40px;}

/* list-data */
.list-data .list-item {
  margin-bottom: 20px;}
.list-data .list-item label {
  font-size: 12px;
  color: #898f97;}
.list-data .list-item .data {
  font-size: 13.8px;
  color: #555656;}


/* price-qr */
.price-qr {
  border: 1px solid #33b956;
  border-radius: 5px;
  display: inline-block;
  padding: 5px 15px;}
.price-qr label {
  color: #4a4a4a;
  font-size: 12px;}
.price-qr .data {
  color: #212122;
  font-size: 14px;}


/* card-product */
.card-product {
  position: relative;}

/* url-primary */
.card-product .url-primary {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}

/* product-img */
.card-product .product-img {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 15px 10px;}

/* btn-wish */
.card-product .btn-wish {
  background-color: #1c1a1a1c;
  padding: 6px 15px 6px 35px;}
.card-product .btn-wish.btn-group-icon .fi {
  left: 0;
  font-size: 16px;}

/* product-name */
.card-product .product-name {
  font-size: 15px;}
.card-product .product-name label {
  color: #302d2d;}
.card-product .product-name .data {
  color: #555656;}

/* count-item */
.card-product .count-item {
  font-size: 11px;
  background-color: #eaeaea;
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;}
.card-product .count-item label {
  color: #555656;}
.card-product .count-item .data {
  color: #302d2d;}

/* dec */
.card-product .dec label {
  font-size: 15px;
  color: #302d2d;}
.card-product .dec .data {
  margin-top: 5px;
  font-size: 12px;
  color: #555656;}

/* note */
.card-product .note {
  color: #555656;}


/* qty-count-div */
.card-product .qty-count-div {
  position: relative;}
.card-product .qty-count-div h1 {
  font-size: 14px;
  padding-top: 15px;
  padding-right: 10px;}
.card-product .qty-count-div input {
  display: block;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #ccc;
  font-weight: bold;
  width: 100%;
  max-width: 150px;
  height: 35px;
  font-size: 12px;}
.card-product .qty-count-div button {
  padding: 0;
  border: none;
  background: transparent;
  min-width: auto;
  position: absolute;
  right: 5px;}
.card-product .qty-count-div button:first-of-type {
  top: -2px;}
.card-product .qty-count-div button:last-of-type {
  bottom: 1px;}
.card-product .qty-count-div button img {
  height: 10px;}


/* dropdown */
/* dropdown-toggle */
.card-product .dropdown .dropdown-toggle {
  position: relative;
  z-index: 10;
  background-color: transparent;
  border: none;}
.card-product .dropdown .dropdown-toggle::after {
  border: none;}
.card-product .dropdown .dropdown-toggle img {
  height: 7px;}
/* dropdown-menu */
.card-product .dropdown .dropdown-menu {
  min-width: 130px;
  border: none;
  border-radius: 5px;
  box-shadow: #e0e0e6 5px 5px 5px 0;}
.card-product .dropdown .dropdown-menu .dropdown-item {
  color: #787b7d;
  cursor: pointer;
  font-size: 11px;
  padding: 7px 15px;}
.card-product .dropdown .dropdown-menu .dropdown-item.active, 
.card-product .dropdown .dropdown-menu .dropdown-item:active {
  color: #787b7d;
  background-color: transparent;}
.card-product .dropdown .dropdown-menu li:not(:last-of-type) .dropdown-item {
  border-bottom: 1px solid #dee2e5;}
.card-product .dropdown .dropdown-menu .dropdown-item:active,
.card-product .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: transparent;
  color: #414242;}
.card-product .dropdown .dropdown-menu .dropdown-item:focus {
  outline: none;}

/* btn-deal, btn-deal-not */
.card-product .btn-deal {
  color: #f5f5f5;
  background-color: #026eb5;}
.card-product .btn-deal,
.card-product .btn-deal-not {
  min-width: 150px;
  border-radius: 10px;
  padding: 15px 30px;}
@media (max-width: 767px) {
.card-product .btn-deal,
.card-product .btn-deal-not {
  min-width: 100px;
  font-size: 14px;
  padding: 8px 20px;}
}


/* product-section */
@media (max-width: 767px) {
.product-section .form-default .form-foot .btn-history {
  font-size: 10px !important;
  padding: 6px 8px;}
.product-section .form-default .form-foot .btn-wish {
  font-size: 10px !important;}
.product-section .form-default .form-foot .btn-wish.btn-group-icon .fi {
  font-size: 13px;}
.product-section .form-default .form-foot .btn-send {
  font-size: 10px !important;
  padding: 5px 10px;}
}


/* hide_this_collapse_show */
.accordion-button:not(.collapsed) .hide_this_collapse_show,
.accordion-button.collapsed .hide_this_collapse_hide {
  display: none !important;}
@media (min-width: 992px) {
.accordion-button:not(.collapsed) .not_mob_hide_this_collapse_show {
  display: none !important;}
}

/* accordion_items_open */
.accordion_items.accordion_items_open .hide_this_collapse_show,
.accordion_items:not(.accordion_items_open) .hide_this_collapse_hide {
  display: none !important;}
@media (min-width: 992px) {
.accordion_items.accordion_items_open .not_mob_hide_this_collapse_show {
  display: none !important;}
}

/* mob_accordion_button_xs */
@media (max-width: 991px) {
.mob_accordion_button_xs:not(.collapsed) {
  width: 50px;
  position: absolute;
  right: 15px;
  top: 45px;}
}


/* onesignal-bell */
/* #onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-button {
  bottom: -5px !important;
  right: 95px !important;} */
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher.onesignal-bell-launcher-lg .onesignal-bell-launcher-button {
  width: 42px !important;
  height: 42px !important;}
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher .onesignal-bell-launcher-message {
  bottom: -42px !important;
  right: 156px !important;}


/* img-zoom */
.img-zoom {
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  cursor: -webkit-pointer;
  cursor: -moz-pointer;
  cursor: pointer;}
.img-zoom:hover,
.img-zoom:active,
.img-zoom:focus {
  -ms-transform: scale(2.5);
  -moz-transform: scale(2.5);
  -webkit-transform: scale(2.5);
  -o-transform: scale(2.5);
  transform: scale(2.5);
  position: relative;
  z-index: 10;}


/* slick */
/* slick-dots */
.card-product .slick-dots {
  bottom: -50px;}
.card-product .slick-dots li {
  margin-left: 0;
  margin-right: 0;}
.card-product .slick-dots li button:before {
  color: #bec2c9;
  opacity: initial;
  font-size: 28px;}
.card-product .slick-dots li button:hover:before {
  color: #9b9c9f;}
.card-product .slick-dots li.slick-active button:before {
  font-size: 35px;
  opacity: initial;
  color: #999;}

/* font-weight */
.fw-bolder{
  font-weight: bolder;}







/* card-landsc */
/**/
.card-landsc .item-multi-landsc {
  padding: 25px;}
.card-landsc .item-multi-landsc:not(:last-of-type) {
  border-bottom: 1px solid #8d8d8d;}
/**/
.card-landsc .product-info .item {
  font-size: 13px;
  position: relative;
  display: inline-block;
  color: #000000c7;
  margin-right: 19px;
  margin-top: 3px;}
.card-landsc .product-info .item:not(:last-of-type):after {
  content: '';
  position: absolute;
  background-color: #000000a3;
  width: 2px;
  height: 13px;
  display: inline-block;
  margin-left: 10px;
  margin-top: 3.5px;}
.card-landsc .product-info .item label {
  font-size: 12px;
  opacity: .8;}
.card-landsc .product-info .item .data {
  display: inline-block;}
/**/
.card-landsc .item-landsc {
  position: relative;
  border: 1px solid #e8e8e8;
  border-radius: 10px;
  margin-bottom: 15px;
  padding: 15px;}
@media (max-width: 767px) {
.card-landsc .item-landsc {
  padding: 0;}
}
/**/
.card-landsc .item-landsc .img-card {
  height: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 20px;}
.card-landsc .item-landsc .img-card .img-product {
  max-width: 100%;
  max-height: 70px;}
/**/
.card-landsc .item-landsc .img-brand,
.card-landsc .item-landsc .img-product{
  max-width: 100%;
  max-height: 40px;}
/**/
.card-landsc .item-landsc .landsc-title {
  font-size: 14px;
  margin-bottom: 20px;}
/**/
.card-landsc .item-landsc .date {
  font-size: 13px;}
/**/
.card-landsc .item-landsc .price {
  font-size: 13px;
  border: 1px solid #48af89;
  display: inline-block;
  padding: 3px 7px;
  border-radius: 5px}
.card-landsc .item-landsc .price label {
  margin-bottom: 0;
  opacity: .8;}
.card-landsc .item-landsc .price .data {
  display: inline-block;}
/**/
.card-landsc .item-landsc .btn-remove {
  font-size: 18px;
  position: absolute;
  z-index: 4;
  right: 0;
  top: 0;}
.card-landsc .item-landsc .btn-remove:not(:hover) {
  opacity: .7;}
.card-landsc .item-landsc .btn-remove:focus {
  box-shadow: none;}
@media (max-width: 575px) {
.card-landsc .item-landsc .btn-remove {
  top: 10px;}
}

/**/
.card-landsc .item-landsc .btn-status-change {
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 5px;
  background-color: #167af3;
  color: #fff;
  min-width: 100px;
  text-align: center;}
/**/
.card-landsc .item-landsc .order-status {
  white-space: nowrap;
  display: inline-block;
  font-size: 11px;
  padding: 6px 10px;
  border-radius: 5px;
  border: 1px solid #a3a3a3;
  min-width: 100px;
  text-align: center;}
@media (max-width: 767px) {
.card-landsc .item-landsc .order-status {
  font-size: 8px;
  padding: 4px 7px;
  min-width: auto;}
}
.card-landsc .item-landsc .order-status[data-status="Pending"] {
  background-color: #fde4da;
  color: #ff6727;
  border-color: #ff6727;}
.card-landsc .item-landsc .order-status[data-status="Order Confirmed"] {
  background-color: #ebf5ff;
  color: #1a74df;
  border-color: #1a74df;}
.card-landsc .item-landsc .order-status[data-status="Order Processing"] {
  background-color: #ffeee7;
  color: #fe6c34;
  border-color: #fe6c34;}
.card-landsc .item-landsc .order-status[data-status="Picking"] {
  background-color: #ede4ff;
  color: #7b5cc1;
  border-color: #7b5cc1;}
.card-landsc .item-landsc .order-status[data-status="In -Transist"] {
  background-color: #ffe6dc;
  color: #794732;
  border-color: #794732}
.card-landsc .item-landsc .order-status[data-status="Deliver"] {
  background-color: #e8ffdb;
  color: #149e66;
  border-color: #149e66;}
.card-landsc .item-landsc .order-status[data-status="Cancelled"] {
  background-color: #ffd7c8;
  color: #f10000;
  border-color: #f10000}

/**/
.card-landsc .supplier-info .dropdown-toggle {
  color: #4978f9;
  font-size: 12px;
  border: 0;
  padding: 0;
  background-color: transparent;}
.card-landsc .supplier-info .dropdown-toggle::after {
  content: initial;}
.card-landsc .supplier-info .dropdown-menu {
  border: 0;
  box-shadow: #18181847 4px 8px 14px;
  min-width: 300px;
  border-radius: 10px;
  padding: 15px;
  font-size: 12px;}
/* */
.card-landsc .supplier-info table td {
  padding-bottom: 10px;
  vertical-align: top;}
.card-landsc .supplier-info table td:first-of-type {
  padding-right: 10px;}
.card-landsc .supplier-info table td .icon {
  background-color: #eaeaea;
  color: #8a00e5;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 23px;
  border-radius: 5px;}


/**/
.card-landsc .foot-landsc {
  color: #5a5a5a;
  padding-top: 25px;}
/**/
.card-landsc .foot-landsc .total-amount {
  display: inline-block;}
.card-landsc .foot-landsc .total-amount .qr {
  color: #000;
  font-size: 20px;}
/**/
.card-landsc .foot-landsc .btn-place-order {
  color: #000;
  background-color: #fc9322;
  font-size: 14px;
  min-width: 200px;
  padding: 10px;
  border-radius: 8px;}



/* modal-status-change */
.modal-status-change .modal-dialog .modal-content {
  max-width: 400px;}
.modal-status-change .modal-content {
  padding: 10px 10px 20px 10px;
  border-radius: 10px;}
.modal-status-change .modal-content .chosen-container {
  max-width: 100% !important;}
.modal-status-change .modal-footer .btn {
  font-size: 12px;
  padding: 7px 15px;
  min-width: 100px;
  border-radius: 6px;
  border: 0;}
.modal-status-change .modal-footer .btn-secondary {
  color: #999;
  background-color: #ddd;}
.modal-status-change .modal-footer .btn-primary {
  background-color: #167af3;}