#overlay {
  background: rgba(255, 255, 255, 0.8);
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 5000;
  top: 0;
  left: 0;
}
.app-default,
body {
  /* background-color: #ddd; */
}
.loader--facebook {
  display: inline-block;
  position: relative;
  height: 64px;
  width: 64px;
  margin-bottom: 30px;
}

.loader--facebook div {
  display: inline-block;
  position: absolute;
  left: 6px;
  animation: loader--facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  width: 13px;
}

.loader--facebook div:nth-child(1) {
  left: 6px;
  animation-delay: -0.24s;
}

.loader--facebook div:nth-child(2) {
  left: 26px;
  animation-delay: -0.12s;
}

.loader--facebook div:nth-child(3) {
  left: 45px;
  animation-delay: 0;
}

@keyframes loader--facebook {
  0% {
    top: 6px;
    height: 51px;
  }
  50%,
  100% {
    top: 19px;
    height: 26px;
  }
}
.colord_bg_1 div {
  background-color: var(--bs-brand-main) !important;
}

.modal {
  margin-top: 20vh;
}

.excelDownButton {
  margin-bottom: 0px !important;
  margin-top: 13px !important;
}
div.dataTables_wrapper div.dataTables_filter input {
  height: 41px !important;
}
#success_modal,
#failed_modal {
  z-index: 2000;
}
th {
  text-wrap: nowrap !important;
}

.form-control::placeholder,
.select2-selection__placeholder {
  color: var(--bs-gray-700) !important;
  opacity: 1;
}
.ck-editor__editable_inline:not(.ck-comment__input techSpecsTable) {
  height: 250px;
  overflow-y: auto;
}
.form-control.form-control-solid,
.form-select.form-select-solid {
  border-color: var(--bs-gray-400);
}
.extraStrong {
  font-weight: bold !important;
}

.table-white {
  --bs-table-color: #000000;
  --bs-table-bg: #ffffff;
  --bs-table-border-color: #e0e0e0;
  --bs-table-striped-bg: #ededed;
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: #e0e0e0;
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: #e6e6e6;
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.spinner-border {
  height: 15px;
  width: 15px;
}
td {
  vertical-align: middle !important;
  padding: 10px !important;
  white-space: nowrap;
}
#kt_body {
  --background: unset;
  background: #de6161; /* fallback for old browsers */
  background: -webkit-linear-gradient(
    to left,
    #2657eb,
    #de6161
  ); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(
    to left,
    #2657eb,
    #de6161
  ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background-size: 400% 400%;
  animation: gradient 10s ease infinite;
}

@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}
.formContainer {
  box-shadow: 0px 106px 42px rgba(0, 0, 0, 0.01),
    0px 59px 36px rgba(0, 0, 0, 0.05), 0px 26px 26px rgba(0, 0, 0, 0.09),
    0px 7px 15px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
}