.form-group {
  margin-bottom: 0;
  align-self: center;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}

.flex {
  display: flex;
  gap: 10px;
  align-self: stretch;
  align-items: flex-start;
}

.form-field {
  position: relative;
  width: 100%;
}

.label-select {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  line-height: 16px;
  color: var(--dark-grey);
  margin-bottom: 0;
  width: 100%;
  text-align: left;
}

.label-checkbox {
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
  color: var(--dark-grey);
  margin-bottom: 0;
  text-align: left;
  font-weight: normal;
  margin-top: -19px;
  vertical-align: -webkit-baseline-middle;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: var(--text-grey);
  background-color: #fff;
  background-image: none;
  border: var(--border);
  border-radius: 6px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.form-control:focus {
  border-color: var(--input-focus-border);
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}


.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: var(--light-grey);
}

.form-control[readonly]:focus,
fieldset[disabled] .form-control:focus {
  cursor: not-allowed;
  background-color: var(--light-grey);
  border: none;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.input-group-btn:first-child>.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  width: 100%;
}

.flatpickr-input.active {
  background-color: var(--white);
}

.input-group-addon:last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.select2-container--bootstrap4 .select2-selection {
  border-radius: 6px !important;
}

.input-group .form-control {
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group .form-control:focus {
  z-index: 1;
}
<<<<<<< HEAD
 
=======
>>>>>>> 300b59549453fb947afb7cc9d0dcc3285e6da3df

@media (max-width: 1024px) {
  .table-search-action.start>* {
    margin-right: 0;
  }

  .form-group-search {
    width: 100%;
    flex-direction: column;
  }

  .table-search-action.start .combobox-container {
    width: 100%;
  }

  .select2-container {
    display: block;
    width: 100% !important;
  }

  .table-search-action.start {
    width: 100%;
  }
}