#greeting-grn-text {
  color: #4ee44e;
}

input::-webkit-input-placeholder {
  font-size: 12px;
}

/* optgroup { font-size:8px; } */

/* td { 
  padding: 2px;
} */

.fas.fa-arrow-up,
.fas.fa-arrow-down
{
  font-size: 10px;
  opacity: 0.8;
}

.blue-texts {
  color: #0172E9!important;
}

.text-sub-menu {
  font-size: 15px;
}

.btn {
  white-space: nowrap;
}

.nav-link.active {
  color: blue;
}

.nav-tabs button.nav-link.active {
  border-bottom: 4px solid #0172E9 !important;
  color: #0172E9 !important;
}

.nav-tabs button.nav-link {
  color: #000000 !important;
}

.nav-tabs button {
  background-color: white !important;
}

.glyphicon-ring {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #DCE0DF;
  background-color: #00BFFF;
  display: inline-table;
  text-align: center;
}

.glyphicon-ring-active-classes {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 1px solid #DCE0DF;
  background-color: #FFA500;
  display: inline-table;
  text-align: center;
}

.active-class-arrow {
  color: white;
  font-size: 30px;
}

.rotate {
  -webkit-transform: rotate(-180deg);
  /* Chrome, Safari, Opera */
  -moz-transform: rotate(-180deg);
  /* Firefox */
  -ms-transform: rotate(-180deg);
  /* IE 9 */
  transform: rotate(-180deg);
  /* Standard syntax */
}

.accordion-button:not(.collapsed) {
  color: black !important;
}

.upcoming-bookings>tbody>tr>td:first-child {
  border-left: 6px solid #00BFFF !important;
  color: orange;
  font-weight: bold;
}

.upcoming-bookings>tbody>tr>td:nth-child(2) {
  color:#0F172A;
}

.active-classes>tbody>tr>td:nth-child(2) {
  color:#0F172A;
}

.upcoming-bookings>tbody>tr>td:nth-child(3) {
  color:#0172E9;
}

.active-classes>tbody>tr>td:nth-child(3) {
  color:#0172E9;
}

.trainer-data>tbody>tr>td:first-child {
  border-left: 15px solid #FBBC05 !important;
  color: orange;
  font-weight: bold;
}

.membership-data>tbody>tr>td:first-child {
  border-left: 15px solid #00C875 !important;
  color: orange;
  font-weight: bold;
}

.room-data>tbody>tr>td:first-child, #datatable-event>tbody>tr>td:first-child {
  border-left: 5px solid #784BD1;
  color: #FBBC05;
}

.history-booking-data>tbody>tr>td:first-child {
  border-left: 5px solid #579BFC !important;
  color: #FBBC05 !important;
}

.report-trainer-data>tbody>tr>td:first-child, #datatable-event>tbody>tr>td:first-child {
  border-left: 5px solid #FBBC05;
  color: #FBBC05;
}

.active-classes>tbody>tr>td,
.upcoming-bookings>tbody>tr>td,
.membership-data>tbody>tr>td,
.trainer-data>tbody>tr>td,
.schedule-history-attendaces>tbody>tr>td:nth-child(2) {
  color: #768293;
  border: 2px solid white;
}

.active-classes>tbody>tr>td,
.upcoming-bookings>tbody>tr>td,
.room-data>tbody>tr>td,
.membership-data>tbody>tr>td,
.trainer-data>tbody>tr>td,
#datatable-event>tbody>tr>td,
.report-trainer-data>tbody>tr>td,
.schedule-history-attendaces>tbody>tr>td {
  background: #F5F6F8;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border-top: none !important;
  border-bottom-width: 0px !important;
}

/*
  * table-borderless - room-data
------------------------------------ */
.room-data thead th {
  font-weight: normal;
  font-size: 14px;
  padding-bottom: 12px;
  color: #222;
}

.room-data > tbody > tr > td {
  color: rgba(34, 34, 34, 0.7);
  border: 1px solid #fff;
  box-shadow: inset 0px -1px 3px rgba(0, 0, 0, 0.05);
}

.room-data > tbody > tr:hover > td {
  background-color:#E7EBEF;
  box-shadow: inset 0px -1px 3px rgba(0, 0, 0, 0.05);
  transition: background-color 0.25s ease-in-out;
}

.room-data .neutral {
  color: #94A3B8;
}

.room-data .rating-star i {
  font-size: 11px;
  color:#FEDE3B;
}

.room-data .btn-link {
  padding: 0;
  font-size: 14px;
  color: #0172E9;
  min-width: 80px;
  text-align: left !important;
}

.room-data .btn-link:focus {
  outline: none;
  box-shadow: none;
}

/*
* Modal
------------------------------------ */
.modal-review-reply .title {
  font-weight: 500;
}

.modal-review-reply .info {
  color: #94A3B8;
}

.modal-review-reply .form-control::placeholder {
  color: #B4BFCD;
}

.modal-review-reply .modal-body .p-content {
  line-height: 20px;
  margin-bottom: 0.5rem;
}

.modal-review-reply .review-section,
.modal-review-reply .reply-section {
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 1rem;
}

.modal-review-reply .review-section {
  background: #F7F8F9;
  margin-top: -1rem;
}

.modal-review-reply .review-section .p-content > label {
  font-weight: 300;
  min-width: 115px;
}

.modal-review-reply .reply-section {
  border-top: 1px solid #dee2e6;
  margin-bottom: -1rem;
}

.modal-review-reply #starRating i.fa-star {
  font-size: 12px;
  margin: 1px;
}

.table-hover-new {
  color: #94A3B8;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
}

.btn {
  font-size: 0.75rem !important;
}

.btn-succeed {
  border-color: #28a745;
  color: #28a745;
  box-shadow: none;
}

.btn-cancelled {
  border-color: #dc3545;
  color: #dc3545;
  box-shadow: none;
}

.active-classes>tbody>tr>td.active-class {
  border-left: 6px solid #00C875 !important;
  color:#0F172A;
}

.active-classes>tbody>tr>td.inactive-class {
  border-left: 6px solid #FF3C57 !important;
  color:#0F172A;
}

.upcoming-bookings>thead>tr>th {
  border-bottom: none !important;
}

.separator {
  height: 2px;
}

.booking-details td,
.booking-details th {
  border-top: none !important;
  border-bottom-width: 0px !important;
}

.borderless-table td,
.borderless-table th {
  border-top: none !important;
  border-bottom-width: 0px !important;
}

ul.pagination{
  font-size: 15px !important;
}
ul.pagination>li>a {
  border: none !important;
  border-radius: 50% !important;
  color: black !important;
}

ul.pagination>li.active>a,
ul.pagination>li.active>a:hover,
ul.pagination>li.active>a:focus {
  background-color: #0172E9 !important;
  color: white !important;
}

@media (width: 320px) {
  .pagination-class {
    position: relative !important;
    left: 500px !important;
    display: table !important;
  }
}

@media (min-width: 330px) and (max-width:410px) {
  .membership-filters {
    position: relative !important;
    left: 450px !important;
  }
}

@media (min-width: 280px) and (max-width:415px) {
  .pagination-class {
    position: relative !important;
    left: 450px !important;
    display: inline-block !important;
  }
}

@media (width: 540px) {
  .pagination-class {
    position: relative !important;
    left: 305px !important;
    display: table !important;
  }

  .membership-filters {
    position: relative !important;
    left: 300px !important;
  }
}

@media (width: 280px) {
  .membership-filters {
    position: relative !important;
    left: 555px !important;
  }

  #select-membership-status {
    width: 5em !important;
  }
}

@media (width: 320px) {
  .membership-filters {
    position: relative !important;
    left: 505px !important;
  }
}

@media (width: 414px) {
  .membership-filters {
    position: relative !important;
    left: 415px !important;
  }
}

.select2-selection__arrow {
  display: none;
}

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

.select2-selection {
  height: 41px !important;
  z-index: 3051 !important;
}

.select2-selection__rendered {
  height: 38px !important;
  /* border: solid #000 1px; */
  background-color: #a5969a;
  line-height: 20px !important;
}

.select2-selection__rendered {
  height: 40px;
  padding: 2.5%;
  padding-right: 10% !important;
  background-color: rgb(245, 246, 249);
  /* border: solid 1px rgb(245, 246, 249); */
}

.hidden {
  display: none !important;
}

#datatable-attendaces>tbody>tr>td:first-child {
  border-left: 6px solid #2d995b !important;
  color: orange;
}

.schedule-history-attendaces>tbody>tr>td:first-child {
  border-left: 6px solid #2d995b !important;
}

#datatable-membership>tbody>tr>td:first-child {
  border-left: 15px solid #8565c4 !important;
  color: orange;
}

#datatable> :not(:last-child)> :last-child>*,
#incoming> :not(:last-child)> :last-child>*,
#datatable-membership> :not(:last-child)> :last-child>*,
#datatable-attendaces> :not(:last-child)> :last-child>* {
  border-bottom-color: white !important;
  border-top-color: white !important;
}


.white_icon_bg {
  background-color: white !important;
}

.borderless-accordion-item {
  border: 1px solid white !important;
  margin-bottom: 20px;
}


select.select-right-arrow {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.custom-select {
  background: url("../../../svg/angle-arrow-down.svg") no-repeat right
    0.75rem center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 42px;
  height: 20px;
  margin-bottom: 0px !important;
  line-height: 21px;
}

.slider {
  background: transparent !important;
  border: 1px solid #000;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #222222;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider.round {
  border-radius: 34px;
}

.form-check {
  padding-left: 4.25rem !important;
  margin-top: -4px;
}

.form-check-input {
  font-size: 1.5em;
}

.form-check-input:checked {
  background-color: #4ee44e;
  border-color: #4ee44e;
}

.form-check-input:not(:checked) {
  background-color: #d3d3d3;
  border-color: #d3d3d3;
}

.form-switch .form-check-input:not(:checked) {
  background-position: left center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}

.form-group.required .control-label:after {
  content: "*";
  color: red;
}

.previewRoom {
  width: 100px;
}

.thumbnail {
  width: 100px;
  /* height:50px; */
  position: relative;
}

.thumbnail img {
  max-width: 75%;
  max-height: 75%;
  border-radius: 15%;
}

.thumbnail a {
  display: block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -1px;
  right: 20px;
  background: grey;
  overflow: hidden;
  text-indent: -9999px;
}

button.close,
button.close:hover {
  color: white !important;
  font-weight: bold !important;
  position: relative !important;
  right: 11px !important;
  top: 5px !important;
  opacity: inherit !important;
}

.modal-close-button-section {
  background: #d3d3d3;
  border-radius: 50%;
  height: 35px;
  width: 35px;
}

@media (width: 576px) {
  .room-img-preview.col-sm-3 {
    max-width: 35% !important;
  }
}

@media (width: 768px) {
  .room-img-preview.col-sm-3 {
    max-width: 35% !important;
  }
}

@media (width: 280px) {
  .room-img-preview.col-4 {
    max-width: 40% !important;
  }
}


.delete_image {
  position: relative !important;
  right: 15px !important;
  bottom: 18px !important;
}

@media (width: 320px) {
  .room-img-preview.col-4 {
    max-width: 40% !important;
  }
}

@media (width: 540px) {
  .room-img-preview.col-4 {
    max-width: 20% !important;
  }
}

select.table-pagination {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
  background-size: 8px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}

.wd10per {
  width: 10%
}

.virtual-class-bg {
  color: #7A00CC !important;
  font-size: 1.8em !important;
}

.virtual-class-radio-btn {
  background-color: #0d6efd !important;
  border-color: #0d6efd !important;
}

.add-class-price-type {
  color: #38c172 !important;
}

.delete_cp {
  position: relative !important;
  right: 15px !important;
  bottom: 2px !important;
}

.class_tag_search .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute !important;
  top: 58px !important;
  left: 0 !important;
  z-index: 99 !important;
}

.class_tag_search .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: transparent !important;
  border: none !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
  padding: 8px 16px !important;
  font-size: 0.85em !important;
  border-radius: 30px !important;
}

.class_tag_search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: right !important;
  border: none !important;
  border: 1px solid red !important;
  border-radius: 60% !important;
  padding: 0 .3em !important;
  color: white !important;
  background-color: red !important;
}

.class_price_arrow_font {
  font-size: 1.3em;
}

.btn-toggle-price-type {
  background-color: blue !important;
  color: white !important;
  border-radius: 50% !important;
}

.trainer-phone-code-select,
.trainer-phone-code-select:focus,
.trainer-phone-code-select:active {
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}

.circle-img {
  border-radius: 50%;
}

.trainer-edit-image-btn,
.trainer-update-image-btn {
  position: relative;
  right: 25px;
  top: 25px;
  background-color: #696969;
  border-radius: 50%;
  font-size: 1.3em;
  color: white;
  border: 3px solid white;
}

a{
    text-decoration: none!important;
}

.col-wid-86 {
    width: 86.333333%!important;
}

.fa-arrow-up, .fa-arrow-down {
    font-size: 0.9em;
    color: #959595;
}

.rounded-button {
    border-radius: 0.5em!important;
}

.btn-room-edit-details {
    position: relative;
    top: 10px;
}

.table-rating i {
    color: #fedc3b;
}

.blue-txt {
    color: #0172E9!important;
}

.fnt-size3em {
    font-size: 3em!important;
}

.star i {
    color: #fedc3b;
}

i.fa-no-rating-star {
  color: #cccccc!important;
}

.manage-room-form .dropzone{
  padding: 0px 20px!important;
}

.manage-room-form textarea.form-control{
  height: 194px!important;
}

.btn-width8em {
  width: 8em!important;
}

.btn-width7em {
 width: 7em!important;
}

.btn-width8em {
  width: 8em!important;
 }

.btn-cancel-form  {
  background: #EEEEEE!important;
  color: black!important;
  font-weight: bold!important;
  border-color: #EEEEEE!important;
}

.normalise-text-btn-cancel-form  {
  background: #EEEEEE!important;
  color: black!important;
  border-color: #EEEEEE!important;
}

.select2-dropdown {
  z-index: 9999!important;
}

.btn-red {
  background-color: #f32c1e!important;
}

.btn-pink {
  background-color: #FF3C57!important;
}

.btn-cancel-membership {
  background-color: #cccccc!important;
  color: black!important;
  font-weight: 550!important;
}

/* .table-responsive{
  overflow: hidden;
  background-color: transparent !important;
} */

.accordion-button {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  font-size: 18px;
}

.form-tags {
  margin-bottom: 120px;
}

.form-tags ul.select2-selection__rendered {
  overflow: auto!important;
  height: 85px!important;
}

.select2-selection__rendered {
  background-color: white!important;
}

.trainer_tag_search .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute !important;
  top: 78px !important;
  left: 0 !important;
  z-index: 99 !important;
}


.trainer_tag_search .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: transparent !important;
  border: none !important;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15) !important;
  padding: 8px 16px !important;
  font-size: 0.85em !important;
  border-radius: 30px !important;
}

.trainer_tag_search .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  float: right !important;
  border: none !important;
  border: 1px solid red !important;
  border-radius: 60% !important;
  padding: 0 .3em !important;
  color: white !important;
  background-color: red !important;
}

.membership-tag-search-icon {
  position: absolute!important;
  right: 30px!important;
  bottom: 176px!important;
}

.update-membership-tag-search-icon {
  position: relative!important;
  bottom: 29px!important;
}

.select2-selection__placeholder {
  font-size: 0.80em!important;
  /* font-size: 14px!important; */
}

.counter-font {
  font-size: 0.9em!important;
}

.btn-browse-font {
  font-size: 1em!important;
}

.class-notes-section, .trainer-certified-section{
  position: relative;
  bottom: 22px;
}

.fnt-size0dot9em, .dz-default{
  font-size: 0.9em;
}

.weekDays-selector .form-group {
  margin-bottom: 0rem!important;
}

select.trainer-phone-code-select{
  text-indent: 11px;
}

.trainer-certified-section select, select[name="status"], select[name="update_status"], select[name="payment_type"], select[name="update_payment_type"], select[name="gender"], select[name="update_gender"]{
  font-weight: bold;
}

.w-12{
  width: 12%!important;
}

.w-13{
  width: 13%!important;
}

.w-15{
  width: 15%!important;
}

.w-18{
  width: 18%!important;
}

.w-60 {
  width: 60%!important;
}

.w-70 {
  width: 70%!important;
}

.w-80{
  width: 80%!important;
}

.btn-saas-success {
  background: #00C875!important;
  color: white!important;
}

.btn-saas-danger {
  background: #FF3C57!important;
  color: white!important;
}

.btn-saas-disabled {
  background: #969696!important;
  color: white!important;
}

.fnt-size-11{
  font-size: 11px!important;
}

.fnt-size-12{
  font-size: 12px!important;
}

.fnt-size-13{
  font-size: 13px!important;
}

.fnt-size-14{
  font-size: 14px!important;
}

.fnt-size-15{
  font-size: 15px!important;
}

.fnt-size-16{
  font-size: 16px!important;
}

.fnt-size-18{
  font-size: 18px!important;
}

.fnt-size-24{
  font-size: 24px!important;
}

.fnt-size-34{
  font-size: 34px!important;
}

.table-w70 {
  width: 70%!important;
}

.table-w90 {
  width: 90%!important;
}

.select-w84 {
  width: 84%!important;
}

.pos-relative-top24{
  position: relative!important;
  top: 24px!important;
}

.pos-relative-top7{
  position: relative!important;
  top: 7px!important;
}

.input-h38{
  height: 38px!important;
}

.select2-selection__clear {
  display: none!important;
}

.pos-relative-right10 {
  position: relative!important;
  right: 10px!important;
}

.error-block {
  color: red;
  font-weight: bold;
}

.opacity-0pt15{
  opacity: 0.15!important;
}

.text-light-black {
  color: #696969!important;
}

.mt-08rem {
  margin-top: 0.8rem !important;
}

.custom-wd-8 {
  width: 8rem !important;
}

.disabled-button {
  background: #838383 !important;
  border-color: #838383 !important;
}

.w-144 {
  width: 144% !important;
}

.w-190 {
  width: 190% !important;
}

.end-40 {
  right: 40% !important;
}

.end-30 {
  right: 30% !important;
}

.cyan-blue-text {
  color: #94A3B8 !important;
}

.blue-text {
  color: #0172E9 !important;
}

.long_customer_notes {
  height: 150px !important;
  overflow: scroll !important;
}

.customers-imp-exp-data-section {
  font-size: 0.9rem !important; 
}

.customer-import-data-btn {
  position: relative !important;
  right: 1rem !important;
}

.customer-download-template-btn {
  position: relative !important;
  right: 1.5rem !important;
}

.w-65 {
  width: 65rem !important;
}

.bg-alice-blue {
  background: #F7F8F9 !important;
}

.btn-width14em {
  width: 14em !important;
}

.btn-width9em {
  width: 9em!important;
}

.list-table-head {
  font-size: 14px !important;
  white-space: nowrap !important;
}

.list-table-tbody {
  font-size: 14px !important; 
  opacity: 1 !important; 
  pointer-events: unset !important;
}

.membership-check-in-history-data > tbody > tr:hover > td {
  background-color: #E7EBEF;
  box-shadow: inset 0px -1px 3px rgb(0 0 0 / 5%);
  transition: background-color 0.25s ease-in-out;
}

.membership-check-in-history-data > tbody > tr > td {
  color: rgba(34, 34, 34, 0.7);
  box-shadow: inset 0px -1px 3px rgb(0 0 0 / 5%);
}

.membership-check-in-history-data > tbody > tr > td:first-child {
  border-left: 5px solid #00C875;
}

.membership-check-in-history-data > tbody > tr > td {
  background: #F5F6F8;
  font-size: 14px;
  border-top: none !important;
  border-bottom-width: 0px !important;
}

.membership-check-in-history-data th {
  background: white;
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
}

.mt-6 {
  margin-top: 5rem !important;
}

.mt-7 {
  margin-top: 9rem !important;
}

.download-customer-section {
  float: right !important;
  margin-top: 9rem !important;
}

.download-customer-button {
  color: #3694F8 !important;
}

.font-weight-bold {
  font-weight: bold !important;
}

.table-booking-class-history>tbody>tr>td:first-child {
  border-left: 5px solid #00C875;
}

.w-58 {
  width: 58rem !important;
}

.w-70 {
  width: 70rem !important;
}

.table-booking-class-history > tbody > tr > td {
  background: #F5F6F8;
}

.dz-progress {
  background-color: limegreen !important;
}

.show-bank-account-details {
  background-color: #FFDB00 !important; 
  color: black !important;
}

.button4 {border-radius: 12px;}

.bold-blue-text {
  color: #007FDB !important; 
  font-weight: bold !important;
}

.mw-120 {
  max-width: 120px;   
}

.btn-width12em {
  width: 12em!important;
}

.white-text {
  color: white !important;
}

.w-1350 {
  width: 1350px;
}

.w-1750 {
  width: 1750px;
}

.w-1200 {
  width: 1200px;
}

.custom-w-1200 {
  width: 1200px !important;
}

.w-1500 {
  width: 1500px;
}

.report-trainer-data thead th {
  font-weight: normal;
  font-size: 14px;
  padding-bottom: 12px;
  color: #222;
}

.report-trainer-data > tbody > tr > td {
  color: rgba(34, 34, 34, 0.7);
  border: 1px solid #fff;
  box-shadow: inset 0px -1px 3px rgba(0, 0, 0, 0.05);
}

.report-trainer-data > tbody > tr:hover > td {
  background-color:#E7EBEF;
  box-shadow: inset 0px -1px 3px rgba(0, 0, 0, 0.05);
  transition: background-color 0.25s ease-in-out;
}

.report-trainer-data .neutral {
  color: #94A3B8;
}

ul.list-group-reschedule-active-membership-buttons .list-group-item {
  border: none;
}

.w-1700 {
  width: 1700px;
}

.font-large {
  font-size: medium!important;
}

.modal-title-center {
  margin: 0 auto!important; 
  text-align: center!important; 
  width: 100%!important;
}

.border-radius-12 {
  border-radius: 12px!important;
}

.btn-dark-green {
  background-color: #059033!important;
}

.collection-schedule-images .img-preview .preview-multi {
  width: 120px;
  height: 110px;
}

.collection-schedule-images {
  height: 250px;
  overflow-y: scroll;
}

.bank_tag_search .select2-container .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  position: absolute !important;
  bottom: 10px !important;
}

.bank_tag_search .select2-selection__rendered {
  padding: 1.4% !important;
}

.light-grey-background {
  background-color: #F5F6F8 !important;
}

.disabled-element-opacity {
  opacity: 1 !important;
}

.walk-in-booking-history-pending-payment-border-left {
  border-left: 5px solid #7E52D6 !important;
}

.walk-in-booking-history-paid-payment-border-left {
  border-left: 5px solid #00BFFF !important;
}

.walk-in-booking-history-normal-payment-border-left {
  border-left: 5px solid grey !important;
}

.walk-in-booking-history-data>tbody>tr>td:first-child, #datatable-event>tbody>tr>td:first-child {
  color: black !important;
}

.w-2250 {
  width: 2250px;
}

.schedule-history-class-detail {
  background-color: #F5F6F8 !important;
}

.schedule-history-table-container {
  max-height: 300px;
  overflow-y: scroll;
}

#active-membership-datatable>tbody>tr>td:first-child {
  border-left: 6px solid #8565c4 !important;
  color: orange;
}

#active-membership-datatable>tbody>tr>td {
  color: rgba(34, 34, 34, 0.7);
  box-shadow: inset 0px -1px 3px rgba(0, 0, 0, 0.05);
}

#active-membership-datatable>tbody>tr>td {
  background: #F5F6F8;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border-top: none !important;
  border-bottom-width: 0px !important;
  border: 3px solid white;
}

.active-membership-membership-check-in-history-data > tbody > tr > td {
  background: #F5F6F8;
  font-size: 14px;
  border-top: none !important;
  border-bottom-width: 0px !important;
}

.active-membership-membership-check-in-history-data > tbody > tr > td {
  color: rgba(34, 34, 34, 0.7);
  box-shadow: inset 0px -1px 3px rgb(0 0 0 / 5%);
}

.active-membership-membership-check-in-history-data > tbody > tr > td:first-child {
  border-left: 6px solid #00C875;
}

.active-membership-membership-check-in-history-data>tbody>tr>td {
  background: #F5F6F8;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;
  border-top: none !important;
  border-bottom-width: 0px !important;
  border: 3px solid white;
}

.schedule-history-attendaces>tbody>tr>td:first-child {
  color: orange;
  font-weight: bold;
}