.ui-autocomplete {
  background: #454d55;
  width: 331px;
}
.ui-autocomplete .ui-menu-item {
  cursor: pointer;
}

.popover .popover-header {
  background: #343a40;
  font-size: 14px;
}
.popover .popover-body {
  background: #454d55;
}

.mcat-label {
  display: block;
  font-weight: 800;
}

.scat-label {
  font-weight: 400 !important;
}

.dropzone {
  background: #343a40;
  font-size: 21px;
  text-align: center;
  padding-top: 41px;
}
.dropzone .dz-message {
  margin: 0;
}
.dropzone h2 {
  font-size: 19px;
}
.dropzone .fa-upload {
  font-size: 40px;
}

#products hr {
  border-top-color: #4f5963 !important;
}
#products .radio-container {
  overflow-y: scroll;
  max-height: 300px;
}
#products #titles-suggest {
  position: absolute;
  background: #343a40;
  width: 100%;
  z-index: 5;
  padding-left: 10px;
  max-height: 300px;
  overflow-y: auto;
}
#products #titles-suggest .product-title-suggest {
  margin-bottom: 8px;
  cursor: pointer;
}
#products #titles-suggest .product-title-suggest:hover {
  color: #dc3545;
}
#products .materia-label {
  border: 1px solid #979797;
  padding: 7px;
  border-radius: 5px;
}
#products .materia-label.active {
  background: #337ab7;
}
#products .color-label {
  border: 1px solid #979797;
  padding: 7px;
  border-radius: 5px;
  margin-right: 15px;
}
#products .color-label.active {
  background: #337ab7;
}
#products .size-label {
  border: 1px solid #979797;
  padding: 7px;
  border-radius: 5px;
  margin-right: 15px;
  min-width: 70px;
  text-align: center;
}
#products .size-label.active {
  background: #337ab7;
}
#products .option-wrapper {
  border: 1px solid #606b77;
  padding: 15px;
  border-radius: 6px;
}
#products #information-wrapper {
  border: 1px solid #606b77;
  padding: 15px;
  border-radius: 5px;
}
#products #information-wrapper ul {
  padding-left: 0;
  list-style: none;
}
#products #information-wrapper ul li {
  border-bottom: 1px solid #606b77;
  padding-bottom: 7px;
  margin-bottom: 7px;
}

#filter .checkbox-container {
  overflow-y: scroll;
  max-height: 300px;
}
#filter .checkbox-container .mcat {
  font-weight: 600;
  margin-bottom: 5px;
}
#filter .checkbox-container label {
  font-weight: 400;
  font-size: 14px;
}

.users-list li {
  width: 15% !important;
}

table tbody td {
  vertical-align: middle !important;
}

.color-wrapper-large {
  display: inline-block;
  width: 13px;
  height: 13px;
}

.color-wrapper-small {
  display: inline-block;
  width: 10px;
  height: 10px;
}

.old-price {
  display: block;
  text-decoration: line-through;
}

#eb-products .item {
  background: #454d55;
  padding-bottom: 10px;
  margin-bottom: 15px;
}
#eb-products .item a {
  color: #fff;
}
#eb-products .item .img-wrapper {
  position: relative;
  width: 100%;
  display: block;
  margin: auto;
}
#eb-products .item .img-wrapper::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#eb-products .item .img-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: initial !important;
}
#eb-products .item h4 {
  font-size: 20px;
  text-align: center;
}
#eb-products .item .content {
  padding: 15px;
}
#eb-products .item .content .info {
  display: flex;
  justify-content: space-between;
}

#eb-product-modal .img-wrapper {
  position: relative;
  width: 100%;
  display: block;
  margin: auto;
}
#eb-product-modal .img-wrapper::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
#eb-product-modal .img-wrapper img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: initial !important;
}
#eb-product-modal .info {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #4b4f52;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#eb-product-vote-modal .fa-star {
  font-size: 30px;
  color: #e6d500;
}

#eb-product-comment-modal .eb-product-votes .item {
  border-bottom: 1px solid #555;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

#order-detail #order-information .title {
  font-size: 20px;
  margin-bottom: 20px;
  background: #505a63;
  display: block;
  padding: 4px;
}
#order-detail #order-information ul {
  list-style: none;
  padding-left: 0;
}
#order-detail #order-information ul li {
  border-bottom: 1px solid #505a63;
  padding-bottom: 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
#order-detail #order-information .notes-box .message {
  position: relative;
  padding-left: 50px;
  border-bottom: 1px solid #505a63;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#order-detail #order-information .notes-box .message .date {
  float: right;
}
#order-detail #order-information .notes-box .message .number {
  position: absolute;
  left: 10px;
  top: 5px;
  background: #dc3545;
  width: 32px;
  height: 32px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  border-radius: 4px;
}
#order-detail #order-information #order-source-form .source-label {
  border: 1px solid #454d55;
  display: inline-block;
  padding: 6px 17px;
  cursor: pointer;
}
#order-detail #order-information #order-source-form .source-label input[type=radio] {
  display: none;
}
#order-detail #order-information #order-source-form .source-label.active {
  background: #3f6791;
}
#order-detail #order-products thead th, #order-detail #deleted-products thead th {
  background: #505a65;
}
#order-detail #order-products tbody td, #order-detail #deleted-products tbody td {
  vertical-align: middle;
}
#order-detail #order-products tbody ul, #order-detail #deleted-products tbody ul {
  list-style: none;
  padding-left: 0;
}
#order-detail #order-products tfoot, #order-detail #deleted-products tfoot {
  font-size: 18px;
}
#order-detail #shipping-form .form-title {
  text-align: center;
  background: #454d55;
  margin-bottom: 10px;
  display: block;
  padding: 5px;
}

#divide-order-modal table tbody td {
  vertical-align: middle;
}
#divide-order-modal table tbody td input[type=checkbox] {
  width: 19px;
  height: 19px;
  cursor: pointer;
}
#divide-order-modal table tbody td ul {
  list-style: none;
  padding-left: 0;
}
#divide-order-modal table tfoot {
  font-size: 18px;
}
#divide-order-modal table tfoot .btn-divide {
  font-size: 19px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths,
.col-xl-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  z-index: 0;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-xl-5ths {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
.col-1point5, .col-sm-1point5, .col-md-1point5, .col-lg-1point5,
.col-2point5, .col-sm-2point5, .col-md-2point5, .col-lg-2point5,
.col-3point5, .col-sm-3point5, .col-md-3point5, .col-lg-3point5,
.col-4point5, .col-sm-4point5, .col-md-4point5, .col-lg-4point5,
.col-5point5, .col-sm-5point5, .col-md-5point5, .col-lg-5point5,
.col-6point5, .col-sm-6point5, .col-md-6point5, .col-lg-6point5,
.col-7point5, .col-sm-7point5, .col-md-7point5, .col-lg-7point5,
.col-8point5, .col-sm-8point5, .col-md-8point5, .col-lg-8point5,
.col-9point5, .col-sm-9point5, .col-md-9point5, .col-lg-9point5,
.col-10point5, .col-sm-10point5, .col-md-10point5, .col-lg-10point5,
.col-11point5, .col-sm-11point5, .col-md-11point5, .col-lg-11point5,
.col-point5, .col-sm-point5, .col-md-point5, .col-lg-point5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  z-index: 0;
}

.col-xl-1point5,
.col-xl-2point5,
.col-xl-3point5,
.col-xl-4point5,
.col-xl-5point5,
.col-xl-6point5,
.col-xl-7point5,
.col-xl-8point5,
.col-xl-9point5,
.col-xl-10point5,
.col-xl-11point5,
.col-xl-point5 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  z-index: 0;
}

@media (max-width: 576px) {
  .col-point5 {
    width: 4.16666667%;
  }
  .col-11point5 {
    width: 95.83333334%;
  }
  .col-10point5 {
    width: 87.5%;
  }
  .col-9point5 {
    width: 79.16666667%;
  }
  .col-8point5 {
    width: 70.83333334%;
  }
  .col-7point5 {
    width: 62.5%;
  }
  .col-6point5 {
    width: 54.16666667%;
  }
  .col-5point5 {
    width: 45.83333334%;
  }
  .col-4point5 {
    width: 37.5%;
  }
  .col-3point5 {
    width: 29.16666667%;
  }
  .col-2point5 {
    width: 20%;
  }
  .col-1point5 {
    width: 12.5%;
  }
  .col-point5 {
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .col-11point5 {
    flex: 0 0 95.83333334%;
    max-width: 95.83333334%;
  }
  .col-10point5 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-9point5 {
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .col-8point5 {
    flex: 0 0 70.83333334%;
    max-width: 70.83333334%;
  }
  .col-7point5 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-6point5 {
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .col-5point5 {
    flex: 0 0 45.83333334%;
    max-width: 45.83333334%;
  }
  .col-4point5 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-3point5 {
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .col-2point5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-1point5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media (min-width: 576px) {
  .col-sm-point5 {
    width: 4.16666667%;
  }
  .col-sm-11point5 {
    width: 95.83333334%;
  }
  .col-sm-10point5 {
    width: 87.5%;
  }
  .col-sm-9point5 {
    width: 79.16666667%;
  }
  .col-sm-8point5 {
    width: 70.83333334%;
  }
  .col-sm-7point5 {
    width: 62.5%;
  }
  .col-sm-6point5 {
    width: 54.16666667%;
  }
  .col-sm-5point5 {
    width: 45.83333334%;
  }
  .col-sm-4point5 {
    width: 37.5%;
  }
  .col-sm-3point5 {
    width: 29.16666667%;
  }
  .col-sm-2point5 {
    width: 20%;
  }
  .col-sm-1point5 {
    width: 12.5%;
  }
  .col-sm-point5 {
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .col-sm-11point5 {
    flex: 0 0 95.83333334%;
    max-width: 95.83333334%;
  }
  .col-sm-10point5 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-sm-9point5 {
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .col-sm-8point5 {
    flex: 0 0 70.83333334%;
    max-width: 70.83333334%;
  }
  .col-sm-7point5 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-sm-6point5 {
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .col-sm-5point5 {
    flex: 0 0 45.83333334%;
    max-width: 45.83333334%;
  }
  .col-sm-4point5 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-sm-3point5 {
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .col-sm-2point5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-sm-1point5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media (min-width: 768px) {
  .col-md-point5 {
    width: 4.16666667%;
  }
  .col-md-11point5 {
    width: 95.83333334%;
  }
  .col-md-10point5 {
    width: 87.5%;
  }
  .col-md-9point5 {
    width: 79.16666667%;
  }
  .col-md-8point5 {
    width: 70.83333334%;
  }
  .col-md-7point5 {
    width: 62.5%;
  }
  .col-md-6point5 {
    width: 54.16666667%;
  }
  .col-md-5point5 {
    width: 45.83333334%;
  }
  .col-md-4point5 {
    width: 37.5%;
  }
  .col-md-3point5 {
    width: 29.16666667%;
  }
  .col-md-2point5 {
    width: 20%;
  }
  .col-md-1point5 {
    width: 12.5%;
  }
  .col-md-point5 {
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .col-md-11point5 {
    flex: 0 0 95.83333334%;
    max-width: 95.83333334%;
  }
  .col-md-10point5 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-md-9point5 {
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .col-md-8point5 {
    flex: 0 0 70.83333334%;
    max-width: 70.83333334%;
  }
  .col-md-7point5 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-md-6point5 {
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .col-md-5point5 {
    flex: 0 0 45.83333334%;
    max-width: 45.83333334%;
  }
  .col-md-4point5 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-md-3point5 {
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .col-md-2point5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-md-1point5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media (min-width: 992px) {
  .col-lg-point5 {
    width: 4.16666667%;
  }
  .col-lg-11point5 {
    width: 95.83333334%;
  }
  .col-lg-10point5 {
    width: 87.5%;
  }
  .col-lg-9point5 {
    width: 79.16666667%;
  }
  .col-lg-8point5 {
    width: 70.83333334%;
  }
  .col-lg-7point5 {
    width: 62.5%;
  }
  .col-lg-6point5 {
    width: 54.16666667%;
  }
  .col-lg-5point5 {
    width: 45.83333334%;
  }
  .col-lg-4point5 {
    width: 37.5%;
  }
  .col-lg-3point5 {
    width: 29.16666667%;
  }
  .col-lg-2point5 {
    width: 20%;
  }
  .col-lg-1point5 {
    width: 12.5%;
  }
  .col-lg-point5 {
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .col-lg-11point5 {
    flex: 0 0 95.83333334%;
    max-width: 95.83333334%;
  }
  .col-lg-10point5 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-lg-9point5 {
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .col-lg-8point5 {
    flex: 0 0 70.83333334%;
    max-width: 70.83333334%;
  }
  .col-lg-7point5 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-lg-6point5 {
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .col-lg-5point5 {
    flex: 0 0 45.83333334%;
    max-width: 45.83333334%;
  }
  .col-lg-4point5 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-lg-3point5 {
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .col-lg-2point5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-lg-1point5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
@media (min-width: 1200px) {
  .col-xl-point5 {
    width: 4.16666667%;
  }
  .col-xl-11point5 {
    width: 95.83333334%;
  }
  .col-xl-10point5 {
    width: 87.5%;
  }
  .col-xl-9point5 {
    width: 79.16666667%;
  }
  .col-xl-8point5 {
    width: 70.83333334%;
  }
  .col-xl-7point5 {
    width: 62.5%;
  }
  .col-xl-6point5 {
    width: 54.16666667%;
  }
  .col-xl-5point5 {
    width: 45.83333334%;
  }
  .col-xl-4point5 {
    width: 37.5%;
  }
  .col-xl-3point5 {
    width: 29.16666667%;
  }
  .col-xl-2point5 {
    width: 20%;
  }
  .col-xl-1point5 {
    width: 12.5%;
  }
  .col-xl-point5 {
    flex: 0 0 4.16666667%;
    max-width: 4.16666667%;
  }
  .col-xl-11point5 {
    flex: 0 0 95.83333334%;
    max-width: 95.83333334%;
  }
  .col-xl-10point5 {
    flex: 0 0 87.5%;
    max-width: 87.5%;
  }
  .col-xl-9point5 {
    flex: 0 0 79.16666667%;
    max-width: 79.16666667%;
  }
  .col-xl-8point5 {
    flex: 0 0 70.83333334%;
    max-width: 70.83333334%;
  }
  .col-xl-7point5 {
    flex: 0 0 62.5%;
    max-width: 62.5%;
  }
  .col-xl-6point5 {
    flex: 0 0 54.16666667%;
    max-width: 54.16666667%;
  }
  .col-xl-5point5 {
    flex: 0 0 45.83333334%;
    max-width: 45.83333334%;
  }
  .col-xl-4point5 {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  .col-xl-3point5 {
    flex: 0 0 29.16666667%;
    max-width: 29.16666667%;
  }
  .col-xl-2point5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .col-xl-1point5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
  }
}
#reclamation-detail #order-information .title {
  font-size: 20px;
  margin-bottom: 20px;
  background: #505a63;
  display: block;
  padding: 4px;
}
#reclamation-detail #order-information ul {
  list-style: none;
  padding-left: 0;
}
#reclamation-detail #order-information ul li {
  border-bottom: 1px solid #505a63;
  padding-bottom: 8px;
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}
#reclamation-detail #order-information .notes-box .message {
  position: relative;
  padding-left: 50px;
  border-bottom: 1px solid #505a63;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
#reclamation-detail #order-information .notes-box .message .date {
  float: right;
}
#reclamation-detail #order-information .notes-box .message .number {
  position: absolute;
  left: 10px;
  top: 5px;
  background: #dc3545;
  width: 32px;
  height: 32px;
  color: #fff;
  font-size: 22px;
  text-align: center;
  border-radius: 4px;
}
#reclamation-detail .form-title {
  text-align: center;
  background: #454d55;
  margin-bottom: 10px;
  display: block;
  padding: 5px;
}
#reclamation-detail #products-table input[type=checkbox] {
  width: 19px;
  height: 19px;
  cursor: pointer;
}
#reclamation-detail #products-table tfoot {
  font-size: 20px;
}
#reclamation-detail #products-table thead th {
  background: #505a65;
}
#reclamation-detail #products-table tbody td {
  vertical-align: middle;
}
#reclamation-detail #products-table tbody ul {
  list-style: none;
  padding-left: 0;
}
#reclamation-detail #products-table tfoot {
  font-size: 18px;
}
#reclamation-detail #products-table tfoot .btn-update {
  font-size: 22px !important;
}