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

#member_datatable {
  width: 1250px !important;
}

#payment_datatable {
  width: 1180px !important;
}

#trainer_datatable {
  width: 1150px !important;
}

.hp-main-layout {
  padding-bottom: 50px;
}

.logBtn {
  background-color: #ff0022;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
}

.table_wrapper table thead th {
  font-size: 12px;
}

.sectionColor,
.sectionColor td {
  color: #a9a9a9;
}

.sectionColor p,
.sectionColor strong {
  color: #a9a9a9;
}

.cardBox {
  min-height: auto !important;
}

.backBtn {
  background-color: #ff0022;
  border: none;
}

.backBtn:hover {
  background-color: #ff0022 !important;
  border: none;
}

.dropdownSec .dropBtn {
  font-size: 11px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.attendance_box_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.paymentViewmembr {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.paymentBtn a {
  color: #ffffff;
}

.textSmall {
  font-size: 10px !important;
}

.paymentfilterTab {
  padding-bottom: 25px;
}

button:focus:not(:focus-visible) {
  box-shadow: none !important;
}

.form-select:focus {
  border-color: transparent !important;
  box-shadow: none !important;
}

.paymentfilterTab .form-select:focus {
  border-color: transparent !important;
  outline: 0;
  box-shadow: none !important;
}

.attendanceHead {
  margin-top: 10px;
}

#yearDropdown,
#weekMonthDropdown,
#dayMonthDropdown,
#month-select,
#year-select {
  display: block;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.715;
  color: #ffffff;
  background-color: #000000;
  background-clip: padding-box;
  border: 1px solid #b2bec3;
  appearance: none;
  border-radius: 7px;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.textColor {
  color: #f9120c;
}

.renewBtn {
  background: #f88c00;
  margin-top: 8px;
  color: white;
  border: none;
  border-radius: 5px;
}

.ptrenewBtn {
  background: #f88c00;
  padding: 4px 13px;
  margin-top: 5px;
  color: white;
  border: none;
  border-radius: 5px;
}

.loginSection {
  display: flex;
  gap: 10px;
}

.amountSection {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.fee_statusbox {
  margin-bottom: 50px;
}

.paidAmount h6,
.balanceAmt h6 {
  font-size: 14px;
  font-weight: 500;
  color: wheat;
}

.branchWisesec .fee_statusbox {
  border: 2px solid #dfe6e930 !important;
  margin-bottom: 20px;
}

#ptmember {
  color: #000;
}

.expired {
  background-color: #f9120c;
  padding: 4px 13px;
  margin-top: 5px;
  color: white;
  border: none;
  border-radius: 5px;
}

.renewPck a {
  background-color: #f88c00 !important;
  padding: 4px 26px !important;
  min-height: 28px !important;
  margin-top: 5px;
  color: white;
  border: none !important;
  border-radius: 5px;
}

.renewPck a:hover {
  color: #ffffff !important;
}

.buttonWraps .renew-btn {
  background-color: #f88c00;
  padding: 4px 29px;
  margin-top: 5px;
  color: white;
  border: none;
  border-radius: 5px;
}

.buttonWraps .renew-btn:hover {
  background-color: #ffaa3b;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  padding: 0;
}

.dashaddBtn {
  display: flex;
  margin-top: 15px;
  width: 100%;
}

.dashaddBtn a:hover {
  background-color: #F9120C;
}

.dashaddBtn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #000000;
  padding: 10px 25px;
  border: none;
  color: white;
  width: 100%;
  border-radius: 15px;
  border: 1px solid #000000;
}

.dashaddBtn img {
  width: 13px;
}

.select2-selection.select2-selection--single {
  min-height: 39.6px;
  display: block;
  width: 100%;
  padding: 0px 15px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.715;
  color: #ffffff;
  background-color: #000000;
  background-clip: padding-box;
  border: 1px solid #b2bec3;
  appearance: none;
  border-radius: 7px;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  display: flex;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
}

.select2-container--default .select2-selection--single,
.select2-dropdown {
  background-color: #000000 !important;
}

.select2-dropdown {
  background-color: #000000;
  color: #fff;
}

.select2-search--dropdown .select2-search__field {
  background-color: #000000;
  color: #fff;
}

.add_memberWrapper textarea {
  display: block;
  width: 100%;
  padding: 0px 15px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.715;
  color: #ffffff;
  background-color: #000000;
  background-clip: padding-box;
  border: 1px solid #b2bec3;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 7px;
  min-height: 100px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.table_wrapper table tbody td button.partialstatus {
  background-color: #f97e0c;
  padding: 4px 13px;
  color: white;
  border: none;
  border-radius: 5px;
}

.confirmPassword {
  position: absolute;
}

input[type="search"]::-webkit-search-cancel-button {
  cursor: pointer;
}

input[type="search"]::-moz-search-clear-button {
  cursor: pointer;
}

.statusPointer {
  cursor: pointer;
}

select {
  cursor: pointer;
}

.importSection label {
  color: #fff;
  margin-bottom: 6px;
}

.importSection {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-content: center;
  width: 100%;
}

.importForm {
  display: flex;
  margin: 0;
  font-size: 13px;
}

.formButton {
  align-items: flex-end;
  margin-left: 10px;
}

.tableRespo .col-sm-12 {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.add_btnwrapper {
  flex-wrap: wrap;
}

.hp-main-layout-content .add_btnwrapper button:hover {
  background-color: transparent;
  border: 1px solid #f9120c;
}

.btn_wrapper button.save_btn:hover {
  background-color: transparent;
  border: 1px solid #f9120c;
}

.add_memberBtn a:hover {
  background-color: transparent;
  border: 1px solid #f9120c;
}

#amount_balance {
  background-color: #f9120c;
}
.branchName{color:wheat;}
.branch-unpaid{color:red;}
@media(max-width:768px) {
  .importSection {
    flex-wrap: wrap;
  }

  .filterSection {
    flex-wrap: wrap;
  }
}