.truncate {
  display: inline-block;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.order-tbody>tr {
  /* border-bottom: 1px solid #bfbfbf !important; */
  min-height: 38px !important;
}

.order-tbody>tr:last-child {
  border-bottom: 0 !important;
}

.btn-group-sm>.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon),
.btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon).btn-sm {
  padding: 5px 10px !important;
}

.form-check-input {
  height: 1rem !important;
  width: 1rem !important;
}

.owl-nav {
  text-align: center;
}

.owl-nav .owl-prev,
.owl-nav .owl-next {
  font-size: 2rem !important;
}

.no-scroll-x {
  overflow-x: hidden;
  width: 100%;
}

.owl-carousel {
  width: 100%;
  padding: 2% 10%;
}

.timeline-history-item>.timeline-label {
  width: 150px !important;
}

.timeline-history::before {
  left: 151px !important;
}

#map {
  width: 100%;
  height: 500px;
}

#order_detail_tab_6,
#order_detail_tab_6>* {
  height: 500px;
}

.image-input-placeholder {
  background-image: url('/CourierHTMLSiteHosterPK/assets/media/svg/files/blank-image.svg');
}

/* 
@media only screen and (max-width: 1366px) {
  .w-s-s-filter{
    width: 24% !important;
  }
}

@media onlyonly screen and (max-width:1440px) {
  .w-s-s-filter{
    width: 28% !important;
  }
}

@media onlyonly screen and (max-width:1920px) {
  .w-s-s-filter{
    width: 30% !important;
  }
} */


/* X-Small devices (portrait phones, less than 576px) */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .w-s-s-filter {
    width: 24% !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .w-s-s-filter {
    width: 24% !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .w-s-s-filter {
    width: 24% !important;
  }
}

/* X-Large devices (large desktops, 1200px and up) */

@media (min-width: 1280px) and (max-width: 1280px) {
  .w-s-s-filter {
    width: 25% !important;
  }
}

@media (min-width: 1366px) {
  .w-s-s-filter {
    width: 27% !important;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .w-s-s-filter {
    width: 28% !important;
  }
}

@media (min-width: 1600px) {
  .w-s-s-filter {
    width: 30% !important;
  }
}

@media (min-width: 1920px) {
  .w-s-s-filter {
    width: 39% !important;
  }
}

.br-1 {
  border-right: 1px solid grey !important;
}

.filter.active {
  background-color: #d7d7d7;
}

.table-cus-border-color {
  border-color: #b7b7b7 !important;
}

#kt_modal_share_earn .modal-content {
  background: #333;
  background: linear-gradient(#3f9fd8 50%, white 50%) no-repeat;
}

#kt_modal_share_earn .modal-body {
  margin-top: 15px;
}

.modal-stats{
  padding-top: 5%
}