.multi-select {
  --rmsc-border: #edf2f9 !important;
  --rmsc-gray: #283e59 !important;
  max-width: 400px;
  min-width: 225px;
}

.multi-select .dropdown-heading {
  background-color: #edf2f9;
  color: #283e59;
}

.multi-select .dropdown-heading:hover {
  background-color: #d0ddef;
  border-color: #c7d6ec;
}

.dropdown-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}

.react-datepicker-wrapper {
  display: block !important;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #f9fbfd;
  border: 1px solid #e3ebf6;
  border-radius: 0.375rem;
  max-width: 50%;
  height: auto;
}

.dropdown-menu {
  max-height: 400px;
  overflow-y: auto;
}

.nav-tabs {
  border-bottom: 0px solid #e3ebf6;
}

.progress {
  height: 3rem;
  border-radius: 0px;
}

.progress-bar:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.progress-bar:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.image-gallery-left-nav .image-gallery-svg,
.image-gallery-right-nav .image-gallery-svg {
  height: 50px !important;
  width: 50px !important;
}

.progress_status:before {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  border: 0.5px solid #f3f3f3;
  border-radius: 4px;
  margin-right: 5px;
}

.progress_status_ready:before {
  background: #2c7be5;
}

.progress_status_out:before {
  background: #e8c50d;
}

.progress_status_delivered:before {
  background: #34a443;
}





@media (min-width: 800px) {
  .nav-height {
    height: 80vh;
  }
}

.table-hover tbody tr:hover td {
  background-color: rgba(0, 0, 0, .05);
}




.imgUploadDiv {
  height: 150px;
  width: 350px;
  border: 0.8px gray dotted;
  border-radius: 10px;
}

.cursor-pointer {
  cursor: pointer !important;
}

.product_image {
  height: 70px;
}

.img-wrap {
  position: relative;
  display: inline-block;
  font-size: 0;
}

.img-wrap .close {
  position: absolute;
  top: 3px;
  right: 2px;
  z-index: 100;
  background-color: #fff;
  padding: 5px 4px;
  color: #000;
  font-weight: bold;
  cursor: pointer;
  opacity: 0.2;
  /* text-align: center; */
  font-size: 22px;
  line-height: 10px;
  border-radius: 50%;
}

.img-wrap:hover .close {
  opacity: 1;
  background-color: #e63757;
}

.img-delete-btn{
  font-size: 25px;
  z-index: 99;
  right: 0;
  cursor: pointer;
}

.img-delete-btn:hover{
  color: red;
}