body {
  background-color: var(--bg-2);
}

.dropzone {
  min-height: 150px;
  border: 2px dashed rgba(10, 10, 10, 0.2980392157) !important;
  border-radius: var(--radius-sm);
  background: #fff;
  padding: 20px 20px;
}
.dropzone:hover {
  border: 2px solid var(--main-color) !important;
}

.dropzone .dz-preview .dz-error-message {
  font-size: 12px !important;
  top: 145px !important;
}

.dropzone-custom-message,
.dropzone-custom-message svg {
  color: rgba(10, 10, 10, 0.5019607843);
  fill: rgba(10, 10, 10, 0.5019607843);
}

.container-phone-number {
  position: relative;
}
.container-phone-number input[name=phone] {
  padding-left: 94px;
  text-align: left;
  direction: ltr;
}
.container-phone-number .dropdown {
  direction: ltr;
  position: absolute;
  top: 46px;
  left: 15px;
  width: 80px !important;
  background-color: transparent !important;
}
.container-phone-number .dropdown button {
  border: none !important;
  padding: 0px;
}
.container-phone-number .dropdown .dropdown-toggle::after {
  display: none !important;
}
.container-phone-number .dropdown-item.active,
.container-phone-number .dropdown-item:active {
  background-color: var(--btn-bg) !important;
  color: var(--btn-color) !important;
}
.container-phone-number .bootstrap-select .dropdown-toggle:focus,
.container-phone-number .bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: none !important;
}
.container-phone-number .filter-option-inner-inner {
  font-size: 15px;
  vertical-align: middle;
}
.container-phone-number .filter-option-inner-inner img {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

html[lang=ar] .container-phone-number input[name=phone] {
  padding-left: 85px !important;
}
html[lang=ar] .container-phone-number .dropdown {
  top: 46px;
  left: 0px;
}

@media (max-width: 768px) {
  .dropzone {
    padding: 0px !important;
  }
  .dropzone .dz-preview {
    margin: 10px !important;
  }
}/*# sourceMappingURL=request.css.map */