.user_search_dropdown_status {
  height: 400px;
}

.user_holder {
  height: 400px;
  overflow: hidden;
  padding: 0px;
  margin-top: 20px;
}

.user_to_fund {
  cursor: pointer;
}
.user_to_fund table {
  margin-bottom: 0px;
}

.user_to_fund table tr {
  margin-bottom: 0px;
  width: 100%;
}

.user_to_fund:hover {
  background-color: #eee;
}

.user_to_fund.active,
.user_to_fund:hover {
  border: 1px solid #ccc !important;
}

.user_to_fund tr:nth-child(n + 2) {
  display: none;
}

.user_to_fund.active tr {
  display: table-row;
}

ul.user_search_items {
  list-style: none !important;
  margin: 0;
  padding: 0;
  position: 0;
  margin-top: 5px;
}

ul.user_search_items li {
  list-style: none;
  margin-left: 0;
  overflow: hidden;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}

ul.user_search_items li:first-of-type {
  border-top: 1px solid #ccc;
}

li .user_search_item {
  position: relative;
}

li .user_search_item .add_user_to_dispursement {
  float: right;
  padding: 4px;
  cursor: pointer;
  position: absolute;
  right: 4px;
  top: 12px;
}

li .user_search_item {
  padding: 2px 6px 2px 6px !important;
  width: 100%;
  display: block;
  margin: 0;
}

li .user_search_item:hover {
  background-color: #333;
  color: #fff;
}

li .user_search_item .main_text {
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}

li .user_search_item .user_details {
  font-size: 11px;
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
}

.user_to_fund {
  position: relative;
}

.user_to_fund .remove_funds_user {
  position: absolute;
  right: 0;
  top: 0;
  padding: 4px;
  cursor: pointer;
  font-size: 22px;
}

input.search_user {
  width: 100% !important;
  outline: none !important;
}

input.amount_to_add {
  width: 80px;
}

.add_remove {
  font-size: 12px;
  padding: 5px;
  padding-bottom: 3px;
  padding-left: 8px;
  padding-right: 8px;
}

.add_remove.add.active {
  background-color: #73db67;
}
.add_remove.remove.active {
  background-color: #f52222;
}

.add_new_distribution_id {
  margin-left: 6px;
}

/* distribution management */

input.expire_restriction {
  width: 140px;
}

.add_new_distribution_id_holder label {
  width: 320px;
}

.add_new_distribution_id_field_holder {
  float: left;
  width: 360px;
}

.distribution_item {
  cursor: pointer;
}

.distribution_item.active td {
  background-color: #0066ff !important;
  color: #fff;
}

.distribution_item .selected_arrow {
  visibility: hidden;
  position: absolute;
  right: 8px;
  top: 16px;
  font-size: 18px;
  -webkit-text-fill-color: white; /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #ccc;
}

.distribution_item .selected_arrow.selected {
  visibility: visible;
}

.distribute_funds_user_search {
  border-right: 1px solid #ccc;
  margin-top: 8px;
}

.distribute_funds_user_list {
  border-left: 1px solid #ccc;
  margin-left: -1px;
  margin-top: 12px;
}

.distribution_list_dropdown {
  float: left;
}

.distribution_users_submit {
  width: 100%;
  overflow: hidden;
}

.distribution_users_submit_btn {
  float: right;
}

.user_to_fund_row td {
  position: relative;
}

.remove_user_to_fund {
  position: absolute;
  top: 15px;
  right: 5px;
  border: 1px solid #333;
  padding: 2px 3px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}

.remove_user_to_fund:hover {
  color: #fff;
  background-color: #ff0000;
  border: 1px solid #ff0000;
}

.funding_username {
  display: block;
  font-size: 12px;
}

.funding_school {
  display: block;
  font-size: 10px;
}

.updated_total {
  margin-right: 10px;
}

.updated_total_holder {
  margin-top: 8px;
  display: block;
  text-align: center;
}

.total_amount_holder {
  margin-top: 8px;
  display: block;
  text-align: center;
}

.total_purses_holder {
  margin-top: 8px;
  display: block;
  text-align: center;
}

.funds_to_distribute_region {
  float: right;
  position: absolute;
  right: 0;
  margin-right: 20px;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 0;
  background-color: #f2f2f2;
}

.funds_to_distribute {
  margin: 0;
  float: right;
  padding: 0;
}

.funds_to_distribute_para {
  font-size: 14px;
  padding: 5px 8px 5px 8px;
  margin: 0;
  float: right;
}

.distribution-restrictions-list-section {
}

.vendor_list {
  max-height: 200px;
  overflow: auto;
}

@media (max-width: 992px) {
  .distribute_funds_user_list {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    border-left: none;
  }

  .distribute_funds_user_search {
    border-right: none;
  }
}

@media (max-width: 766px) {
  .distribution-batch-controls-section {
    margin-bottom: 10px;
  }
}

@media (max-width: 600px) {
  .funds_to_distribute_region {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 0;
    float: none;
    position: relative;
  }

  .funds_to_distribute,
  .funds_to_distribute_para {
    float: none;
  }

  .funds-inline-block {
    width: 100%;
    padding: 0;
  }
}

@media (max-width: 390px) {
  .distribution_list_dropdown {
    margin-bottom: 10px;
  }

  .distribution-restrictions-list-section {
    display: flex;
    flex-wrap: wrap;
  }

  .distribution-batch-controls-section > div > div {
    padding: 0;
  }

  .funds-inline-block > .input-group {
    width: 52% !important;
  }

  .list-group {
    overflow: auto;
  }

  .funds_table {
    min-width: 540px;
  }
}