.form-floating label {
  display: flex;
  font-weight: 500;
  align-items: center;
  color: #000;
  height: 55px;
}
.app_form .content-box .form-floating label {
  display: flex;
  font-weight: 600;
  align-items: center;
  color: #000;
  height: 55px;
}
.app_form .content-box .form-floating input {
  border: 1px solid #ccc;
  color: #000;
  border-radius: 8px;
}
.form-floating .form-control:focus ~ label,
.form-floating .form-control:not(:placeholder-shown) ~ label,
.form-floating .form-select ~ label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.select-box label {
  opacity: 0.65;
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-control {
  color: black !important;
  font-weight: 600;
}
.information-box .inner-head a {
  margin-left: auto;
  height: 40px;
}
.flex-box-upload label {
  height: 56px;
  border-radius: 5px;
}
.flex-box-upload .upload .btn {
  height: 56px;
  border-radius: 5px;
}
.loader_outer_view {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 99999 !important;
  background: #ffffff85;
  display: flex;
  justify-content: center;
  top: 0;
}
.loader_outer_view .loader_inner {
  height: 100vh;
  position: absolute;
  top: 0;
  padding-top: 20%;
  text-align: center;
}
.loader_outer_view .spinner-border {
  height: 80px;
  width: 80px;
}
.loader_outer_view .spinnerText {
  font-size: 40px;
  text-align: center;
  margin-top: 10px;
  color: #11148a;
}
.table-responsive {
  padding-bottom: 10px;
}
.information-box .form-group textarea.form-control {
  min-height: 200px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.information-box .form-group label.form-control span {
  background: #F8F7F5;
  padding: 3px 12px;
  font-size: 10px;
  border-radius: 50px;
  color: #585855;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  position: relative;
  /* margin-left: 8px; */
}
.information-box .form-group label.form-control span button {
  padding: 0;
  border: none;
  margin-left: 6px;
  background: transparent;
  display: flex;
  align-items: center;
}
.information-box .form-group label.form-control span button i {
  color: #ffffff;
  font-size: 14px;
}
.information-box .form-group .form-control {
  border-radius: 8px;
  min-height: 40px;
  font-weight: 500;
  font-size: 14px;
  border-color: #CECECE;
  color: #000;
  outline: none;
  background: #fff;
  padding: 8px 20px;
  /* padding-right: 50px; */
}
.information-box .form-group .row {
  row-gap: 15px;
}
.information-box .form-group .plan {
  padding: 9px 20px;
  height: 40px;
}
.radio-check-box input[type="checkbox"]:checked + label {
  background: #3E6AB4;
  color: #fff !important;
  border-color: #3E6AB4;
}
.sidebar a {
  cursor: pointer;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  padding-top: 1.625rem !important;
  padding-bottom: 0.625rem;
}
.form-floating > select.form-control:focus {
  padding-top: 0.525rem !important;
  padding-bottom: 0.625rem;
}
.form-floating > select.form-control:not(:placeholder-shown) {
  padding-top: 0.525rem !important;
  padding-bottom: 0.625rem;
}
.barChart .recharts-legend-wrapper {
  display: none;
}
.barChart .custom-tooltip p {
  margin-bottom: 5px;
}
.barLabel_ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
  justify-content: center;
}
.barLabel_ul li {
  display: inline-flex;
  margin-right: 10px;
  align-items: center;
  font-size: 14px;
}
.barLabel_ul li .colorBox {
  height: 12px;
  width: 12px;
  margin-right: 4px;
}
.barLabel_ul li.lg .colorBox {
  height: 25px;
  width: 40px;
  margin-right: 4px;
}
a.app-btn,
button.app-btn {
  background: #11148a;
  font-size: 15px;
  color: #fff;
  border-radius: 12px;
  padding: 12px 25px;
  text-transform: capitalize;
  height: auto;
}
a.app-btn.app-xs,
button.app-btn.app-xs {
  padding: 5px 10px;
}
a.app-light-btn,
button.app-light-btn {
  background: white;
  border: 1px solid #ddd;
  font-size: 15px;
  color: black;
  border-radius: 12px;
  padding: 12px 25px;
  text-transform: capitalize;
  height: auto;
}
a.app-light-btn.app-xs,
button.app-light-btn.app-xs {
  padding: 5px 10px;
}
.form-control.branch_dropdown {
  background-color: #11148a !important;
  border-color: #11148a;
  color: white !important;
}
.table_div {
  min-height: 78vh;
}
.rc-dialog-body .table_div {
  min-height: auto;
}
.profile-box ul {
  gap: 5px !important;
}
.profile-box h1,
.profile-box .h1,
.profile-box h2,
.profile-box .h2,
.profile-box h3,
.profile-box .h3,
.profile-box h4,
.profile-box .h4,
.profile-box h5,
.profile-box .h5,
.profile-box h6,
.profile-box .h6 {
  margin-bottom: 0.2rem !important;
}
a {
  cursor: pointer;
}
.flex-box-upload {
  flex-wrap: nowrap !important;
  margin: 0 !important;
}
.application-status .badge {
  border-radius: 6px !important;
  font-size: 14px !important;
  color: #fff;
  padding: 10px 20px !important;
  display: inline-block;
  margin-left: 15px;
  font-weight: 400;
  height: auto;
}
.application-status .badge.offer-applied {
  background: #A53692;
}
.application-status .badge.visa-approved {
  background: #50C37E;
}
.application-status .badge.application-submitted {
  background: #11148A;
}
.application-status .badge.yellow-btn {
  background: #EFAD4D;
}
.application-status .badge.black-btn {
  background: #000;
}
.application-status .badge.blue-btn {
  background: #3E6AB4;
}
.application-status .badge.red-btn {
  background: #ED3237;
}
.mr-5 {
  margin-right: 5px;
}
.right_menu ul.menuBox {
  background-color: #3E6AB4 !important;
  border-radius: 20px;
  padding: 10px 5px;
}
.right_menu ul.menuBox li {
  font-size: 14px;
  font-family: Poppins, sans-serif;
  color: white;
  border: none !important;
}
.right_menu ul.menuBox li:hover {
  background-color: #3361AD !important;
}
.status_row {
  min-height: 50px;
}
.status_row .flex-box {
  margin: 0 !important;
}
.status_row .date {
  background: #F8F7F5;
  padding: 3px 12px;
  font-size: 12px;
  border-radius: 50px;
  color: #585855;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.status_row .radio-check-box img {
  opacity: 1 !important;
  position: absolute;
  right: 45px;
  bottom: 0;
  top: 28px;
  margin: auto;
  height: 20px;
}
.status_row .form-control {
  min-height: 65px !important;
}
.status_row .form-control.active {
  background: #3E6AB4;
  color: #fff !important;
  border-color: #3E6AB4;
}
.comment_list {
  position: relative;
  left: 0;
  top: 30px;
  margin-bottom: 30px;
}
.comment_list * {
  color: #555 !important;
}
.comment_list ul:after {
  content: '';
  position: absolute;
  left: 10px;
  width: 2px;
  background: #cecece;
  height: 100%;
  top: 0;
  bottom: 0;
  border-radius: 50px;
}
.comment_list ul li.active::before {
  background: #3E6AB4;
}
.comment_list .active * {
  font-size: 13px;
}
.comment_list .head {
  margin: 0 0 5px !important;
}
.comment_list .head h6 {
  font-style: normal;
  font-family: 'Poppins';
  font-weight: 500;
}
.comment_list .add_comment {
  position: relative;
  text-align: right;
  padding: 10px;
}
.comment_list .add_comment a {
  color: #3E6AB4 !important;
  text-decoration: underline;
}
.cardIcon {
  padding: 0;
  height: 30px !important;
}
.information-box .upload_form .form-group .form-control {
  border-radius: 8px;
  min-height: 40px;
  font-weight: 500;
  font-size: 14px;
  border-color: #CECECE;
  color: #000;
  outline: none;
  background: #fff;
  padding: 8px 20px;
  /* padding-right: 50px; */
}
.information-box .upload_form .form-group label.form-control {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.information-box .upload_form .form-group label.form-control span {
  margin-left: 0 !important;
  background: #50C37E !important;
  padding: 3px 12px;
  font-size: 10px;
  border-radius: 50px;
  color: white;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  position: relative;
}
.information-box .upload_form .form-group label.form-control span button {
  padding: 0;
  border: none;
  margin-left: 6px;
  background: transparent;
  display: flex;
  align-items: center;
}
.information-box .upload_form .form-group label.form-control span button i {
  color: #ffffff;
  font-size: 14px;
}
.trainingBox {
  margin-bottom: 50px;
}
.trainingBox .training_card {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.payment_table {
  border-top: 1px solid #dee2e6 !important;
}
.payment_table tr {
  border-left: 1px solid #dee2e6 !important;
}
.payment_table tr td:first-child {
  width: 35%;
  text-align: right;
}
.payment_table tr td:first-child label {
  padding: 0 !important;
}
.payment_table tr td input[type='text'],
.payment_table tr td input[type='number'],
.payment_table tr td select {
  width: 40%;
  border-color: #ced4da !important;
  font-size: 14px;
  font-weight: 500;
}
.payment_table tr td .form-control {
  color: #555 !important;
  padding: 5px 0.75rem !important;
  display: inline-block;
}
.installment_table tr td {
  padding-top: 1rem !important;
}
.empty_btn {
  height: 27px;
  width: 27px;
  background-color: #CDDBFC !important;
  font-weight: 300 !important;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 14px;
  border-radius: 5px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #2A70FE !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
}
.filter_row {
  display: flex;
  justify-content: space-between;
}
.single_column {
  margin-right: 5px !important;
}
.table_program .table.table-bordered {
  border-top: 1px solid #dee2e6 !important;
}
.table_program .table tr td {
  width: 15%;
}
.table_program .table tr td:nth-child(1) {
  width: 5% !important;
  text-align: center;
}
.table_program .table tr td:nth-child(2) {
  width: 30%;
}
.table_program .table tr th {
  font-weight: 600;
}
.table_program .table tr.bgRow {
  background-color: #d9eafd7a;
}
.table_program .table tr.bgRow td {
  padding-top: 10px !important;
}
.loader {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  z-index: 1;
  height: 80vh;
}
.hideHead thead {
  display: none !important;
}
.rowFlex {
  display: flex;
}
.rowFlex .form-floating {
  width: 100%;
}
.rowFlex .add_btn {
  height: calc(3.5rem + 2px);
  padding: 10px 15px;
  vertical-align: middle;
  display: flex;
  align-items: center;
}