.loading_wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    display: block;
    position: absolute;
  }

  .loader_logo {
    height: 120px;
    width: 200px;
    position: absolute;
    left: calc(50% - 50px);
    top: 38%;
  }

  .loader_logo img {
    height: 100%;
    width: 100%;
  }

  .loading {
    border: 3px solid rgba(102, 51, 153, 0.45);
    position: absolute;
    left: calc(50% - 40px);
    top: 50%;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    border-top-color: #1C4A57;
    animation: loader 1s ease-in-out infinite;
    -webkit-animation: loader 1s ease-in-out infinite;
  }

  @keyframes loader {
    to {
      -webkit-transform: rotate(360deg);
    }
  }

  @-webkit-keyframes loader {
    to {
      -webkit-transform: rotate(360deg);
    }
  }
/* table-actions-layout-override */
.vgt-wrap .d-flex.align-items-center.justify-content-between {
  width: 100%;
  flex-wrap: nowrap !important;
}

.vgt-wrap .d-flex.align-items-center.justify-content-between > :first-child {
  margin-right: auto;
}

.vgt-wrap .d-flex.align-items-center.justify-content-between .form-control,
.vgt-wrap .d-flex.align-items-center.justify-content-between .input-group-text {
  background-color: #fff;
}

/* table-actions-layout-override-v2 */
.vgt-wrap .vgt-global-search,
.vgt-wrap .vgt-wrap__actions {
  width: 100%;
}

.vgt-wrap .vgt-global-search > .mt-2.mb-3,
.vgt-wrap .vgt-wrap__actions > .mt-2.mb-3 {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

.vgt-wrap .vgt-global-search > .mt-2.mb-3 > .table-search,
.vgt-wrap .vgt-wrap__actions > .mt-2.mb-3 > .table-search {
  margin-right: auto !important;
}

.vgt-wrap .vgt-global-search > .mt-2.mb-3 > .d-flex.align-items-center,
.vgt-wrap .vgt-wrap__actions > .mt-2.mb-3 > .d-flex.align-items-center {
  flex-wrap: nowrap !important;
  margin-left: auto !important;
}

/* table-actions-layout-override-v3 */
.vgt-wrap__actions {
  display: block !important;
  width: 100% !important;
}

.vgt-wrap__actions > * {
  width: 100% !important;
}

.vgt-wrap__actions > .mt-2.mb-3,
.vgt-wrap__actions > div.mt-2.mb-3 {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

.vgt-wrap__actions > .mt-2.mb-3 > .table-search,
.vgt-wrap__actions > div.mt-2.mb-3 > .table-search {
  margin-right: auto !important;
}

.vgt-wrap__actions > .mt-2.mb-3 > .d-flex.align-items-center,
.vgt-wrap__actions > div.mt-2.mb-3 > .d-flex.align-items-center {
  flex-wrap: nowrap !important;
  margin-left: auto !important;
}

.vgt-wrap__actions .btn {
  white-space: nowrap;
}

/* table-actions-layout-override-v4 */
.vgt-global-search__input:empty {
  display: none !important;
}

.vgt-global-search__actions {
  float: none !important;
  margin-left: 0 !important;
  width: 100% !important;
  flex: 1 1 auto !important;
}

.vgt-global-search__actions > .mt-2.mb-3 {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
}

.vgt-global-search__actions > .mt-2.mb-3 > .table-search {
  margin-right: auto !important;
}

.vgt-global-search__actions > .mt-2.mb-3 > .d-flex.align-items-center {
  flex-wrap: nowrap !important;
  margin-left: auto !important;
}

.vgt-global-search__actions .btn {
  white-space: nowrap;
}

/* adjustment product select layout */
.product-select-group {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  display: flex !important;
  align-items: stretch !important;
  gap: 8px !important;
}

.product-select .vs__dropdown-toggle,
.product-select .vs__selected-options,
.product-select .vs__search,
.product-select .vs__selected {
  background-color: #fff;
}

/* dropdown background consistency */
.v-select .vs__dropdown-toggle,
.v-select .vs__selected-options,
.v-select .vs__search,
.v-select .vs__selected,
select.form-control,
select.custom-select {
  background-color: #fff !important;
}

/* keep v-select text size consistent with other inputs */
.v-select .vs__dropdown-toggle,
.v-select .vs__selected,
.v-select .vs__search,
.v-select .vs__dropdown-menu,
.v-select .vs__dropdown-option {
  font-size: 0.813rem !important;
}

input.form-control,
textarea.form-control,
input[type="date"].form-control,
input[type="date"] {
  background-color: #fff !important;
}

/* modal form fields should stay white */
.modal .form-control,
.modal input,
.modal textarea,
.modal select,
.modal .custom-select,
.modal .vs__dropdown-toggle,
.modal .vs__selected-options,
.modal .vs__search,
.modal .vs__selected {
  background-color: #fff !important;
}

.v-select.vs--disabled .vs__dropdown-toggle,
.v-select.vs--disabled .vs__selected-options {
  background-color: #fff !important;
  opacity: 1 !important;
}

.product-select-group .input-group-append {
  margin-left: 8px !important;
}
