/* light mode */

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
  color: #707070;
}

.light-mode .assesment-icon {
  display: block;
  background-color: #f9f9fb;
  border-radius: 0.5rem;
  border: 1px solid #eaecf0;
  padding: 6px 8px 6px 8px;
  text-align: center;
  gap: 1rem;
}

.light-mode .dark-assesment-icon,
.light-mode .heading3 {
  display: none;
}

.light-mode .display {
  display: none;
}

.light-mode .heading4 {
  color: #2e2e2e;
  font-size: 16px;
  font-weight: 600;
}

.light-mode .table-header {
  background: #f9f9fb;
}

.light-mode .view-profile-btn {
  border-color: var(--primary-color);
  border-radius: 100px;
}

.light-mode .cost-details {
  background: #f0f0f0;
}

.light-mode .border-color-cost {
  border-color: #e5e5e5 !important;
}

@media (max-width: 1024px) {
  .light-mode .teacher-detail {
    background: #f0f0f0;
  }
  .dark-mode .teacher-detail {
    background: var(--background-modal-swimmer-profile);
  }
  .light-mode .white-bg {
    background-color: #ffffff;
  }
  .dark-mode .white-bg {
    background-color: var(--active-main-nav-bg-color);
  }
  .light-mode .my-booking-table {
    background: white;
  }
  .dark-mode .my-booking-table {
    background: var(--background-color);
  }
  .light-mode .profile {
    .dropdown-menu {
      li a:hover,
      li a:focus {
        color: #776942 !important;
        .dropdown-item:hover {
          color: #776942 !important;
          background: transparent !important;
        }
      }
    }
    .logout-button {
      button {
        color: #776942 !important;
      }
    }
  }
  .dark-mode .profile {
    .dropdown-menu {
      li a:hover,
      li a:focus {
        color: #776942 !important;
        button {
          color: #776942 !important;
          background: transparent !important;
        }
      }
    }
    .logout-button {
      button {
        color: #ffffff !important;
      }
    }
    .logout-button:hover {
      button {
        color: #776942 !important;
      }
    }
  }
}
/* dark mode */

.dark-mode .border-color-cost {
  border-color: var(--border-color) !important;
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
  color: var(--primary-text-color);
}

.dark-mode .view-profile-btn {
  border-color: var(--secondary-btn-border-color);
  background: var(--active-main-nav-bg-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
  color: var(--primary-text-color);
}

.dark-mode .table {
  border-color: var(--border-color) !important;
}

.dark-mo .dark-mode .description-data {
  color: var(--secondary-text-color);
}

.dark-mode .assesment-icon,
.dark-mode .heading3 {
  display: none;
}

.display .display {
  display: none;
}

.dark-mode .cost-details {
  background: var(--background-modal-swimmer-profile);
}

.dark-mode .heading4 {
  color: #f0f0f0;
  font-weight: 600px;
  font-size: 14px;
}

.dark-mode .dark-assesment-icon {
  display: block;
  background-color: #2a2e31;
  border-radius: 0.5rem;
  border: 1px solid #2a2e31;
  padding: 6px 8px 6px 8px;
  text-align: center;
  color: #000;
}

.dark-mode .table-header {
  background: #2a2e31;
}

/* venue Css */
/* light mode */

.light-mode .card-background {
  background: var(--card-background-color-light);
}

.light-mode .primary-btn {
  background: var(--primary-color);
  color: #ffffff;
  border-radius: 100px;
}

.light-mode .secondary-btn {
  background: var(--secondary-btn-bg-color);
  color: #ffffff;
  border-radius: 100px;
}

.light-mode .view-profile-btn {
  border: 1px solid #e5e5e5;
}

.light-mode .action-btn {
  z-index: 1;
  background: #ffffff;
}

.light-mode .events-list li,
.light-mode .cards-title .light-mode {
  color: var(--dashboard-cards-title-color);
}

.light-mode .events-list li,
.light-mode .cards-title {
  border-color: #ecedf0;
}

.light-mode .progress-light {
  display: block;
}

.light-mode .progress-dark {
  display: none;
}

.light-mode .swimmer-info {
  border-color: #ecedf0;
}

.light-mode .completed-progress {
  border-color: #e5e7eb;
  background: #f9f9f9;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
  color: #2e2e2e;
}

.light-mode .stages-completed {
  color: #969696;
}

.light-mode .view-stages-completed {
  color: #b39629;
}

.light-mode .swimmer-name,
.light-mode .task-done {
  color: var(--dashboard-cards-title-color);
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
  color: #707070;
}

.light-mode .assesment-icon {
  display: block;
  margin-bottom: 3px;
}

.light-mode .dark-assesment-icon {
  display: none;
}

.light-mode .title-data {
  color: #1f1f1f;
}

.light-mode .description-data {
  color: var(--border-color);
}

.light-mode .table-header {
  background: #f9f9fb;
}

.light-mode .container2 {
  border-left: 1px solid;
}

.light-mode .heading1 {
  display: none;
}

/* dark mode */

.dark-mode .card-background {
  /* background: var(--card-background-color); */
}

.dark-mode .events-list li,
.dark-mode .cards-title,
.dark-mode .action-heading {
  color: var(--primary-text-color);
}

.dark-mode .events-list li,
.dark-mode .cards-title {
  border-color: var(--border-color);
}

.dark-mode .progress-dark {
  display: block;
}

.dark-mode .swimmer-info {
  border-color: var(--border-color);
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
  color: var(--primary-text-color);
}

.dark-mode .task-done {
  color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
  color: var(--primary-text-color);
}

.dark-mode .completed-progress {
  background: var(--card-background-color);
  border-color: var(--border-color) !important;
}

.dark-mode .my-progress-section,
.dark-mode .table {
  border-color: var(--border-color) !important;
}

.dark-mode .swimmer-tasks-info,
.dark-mode .description-data {
  color: var(--secondary-text-color);
}

.dark-mode .stages-completed {
  color: var(--secondary-text-color);
}

.dark-mode .view-stages-completed {
  color: #ad9b55;
}

.dark-mode .assesment-icon,
.dark-mode .progress-light {
  display: none;
}

.dark-mode .dark-assesment-icon {
  display: block;
  margin-bottom: 3px;
}

.dark-mode .form-group input {
  background-color: #1f2224;
  border: 1px solid #777777;
}

.dark-mode .name-heading,
.dark-mode .card-number,
.dark-mode .card-styling-heading {
  color: var(--primary-text-color);
}

.dark-mode .location-heading,
.dark-mode .venue-card-name,
.dark-mode .card-styling-paragraph {
  color: var(--secondary-text-color);
}

/* .dark-mode .background {
  background-color: #22262a;
  border: 1px solid #2a2e31;
}

.dark-mode .background1 {
  background-color: #2a2e31;
  border: 1px solid #2a2e31;
}

.dark-mode .card1 {
  background-color: #2a2e31 !important;
} */

/* .dark-mode .map-styling {
  background-color: #22262a;
  border: 1px solid #22262a;
  padding: 0.5rem;
  color: #bfa355;
} */

.dark-mode .container2 {
  border-left: 1px solid #525252;
}

.dark-mode .card {
  border: 1px solid #525252;
}

.dark-mode li::marker {
  color: #4d001f;
}

/* user-profile */
/* light mode */

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
  color: #707070;
}

/* .light-mode .assesment-icon {
  display: block;
  width: 7.7rem;
  height: 3.2rem;
  margin-bottom: 1rem;
  border: 1px solid #4D001F;
  background-color: #fff;
  color: #151515;
  border-radius: 0.5rem;
} */

.light-mode .dark-assesment-icon,
.light-mode .dark-heading1,
.light-mode .dark-name-icon {
  display: none;
}

.light-mode .display {
  display: none;
}

.light-mode .form input {
  background-color: #ffffff;
}

.light-mode .name-icon {
  color: #404144;
  font-size: 28px;
  background-image: url(../assets-ap/icons/Mask\ group.svg);
  background-size: cover;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 77px;
  width: 77px;
  padding: 1rem;
  border-radius: 50%;
}

.light-mode .heading1 {
  color: #707895;
}

.light-mode .table-header {
  background: #f9f9fb;
}

.light-mode .form-group input {
  display: flex;
  height: 48px;
  padding: 0 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  border: 1px solid #b9b9ba;
  border-radius: 8px;
  border: 1px solid var(--input-title-holder, #afafaf);
  background: var(--Bg-2, #fcfcfc);
}
.light-mode .form-group:focus,
.light-mode .form-group:focus-visible {
  outline: none !important;
  border-radius: 8px !important;
  border: 1px solid var(--input-title-holder, #afafaf) !important;
  background: var(--Bg-2, #fcfcfc);
  box-shadow: none !important;
}
.light-mode .form-group input:focus,
.light-mode .form-group input:focus-visible {
  outline: none !important;
  border-radius: 8px !important;
  border: 1px solid var(--input-title-holder, #afafaf) !important;
  background: var(--Bg-2, #fcfcfc);
  box-shadow: none !important;
}

.light-mode .form-group select {
  /* width: 31rem; */
  height: 2.8rem;
  border: 1px solid #b9b9ba;
  border-radius: 0.5rem;
}

.light-mode .form-group {
  position: relative;
}

.light-mode .control {
  display: flex;
}

.light-mode .span {
  position: absolute;
  top: -0.6rem;
  left: 1rem;
  color: var(--Body, #525252);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; /* 166.667% */
}

/* dark mode */

.dark-mode .swimmer-name,
.dark-mode .table-heading {
  color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
  color: var(--primary-text-color);
}

.dark-mode .table {
  border-color: var(--border-color) !important;
}

.dark-mo .dark-mode .description-data {
  color: var(--secondary-text-color);
}

.dark-mode .assesment-icon {
  display: none;
}

.dark-mode .heading1 {
  color: #f0f0f0;
}

.dark-mode .dark-form {
  background-color: #151515;
  border: 1px solid black;
}

/* .dark-mode .dark-assesment-icon {
  display: block;
  width: 7.7rem;
  height: 3.2rem;
  margin-bottom: 1rem;
  border: 1px solid #4D001F;
  background-color: #1f2224;
  color: #4D001F;
  border-radius: 0.5rem;
} */

.dark-mode .dark-name-icon {
  color: #404144;
  font-size: 28px;
  background-image: url(../assets-ap/icons/Mask\ group.svg);
  background-size: cover;
}

.dark-mode .control {
  display: flex;
}

.dark-mode .form-group input {
  /* width: 31rem; */
  height: 2.8rem;
  border: 1px solid #b9b9ba;
  border-radius: 0.5rem;
  background-color: #1f2224;
  color: #f0f0f0;
}

.dark-mode .form-group select {
  /* width: 31rem; */
  height: 2.8rem;
  border: 1px solid #b9b9ba;
  border-radius: 0.5rem;
  background-color: #1f2224;
  color: #f0f0f0;
}

.dark-mode .form-group {
  position: relative;
  display: block;
}

.dark-mode .timetable-box .bg-error,
.light-mode .timetable-box .bg-error {
  background-color: #b2beb5 !important;
  color: #fff !important;
}

.dark-mode .span {
  position: absolute;
  top: -0.6rem;
  left: 1rem;
  background-color: #1f2224;
  font-size: 12px;
  color: #b9b9ba;
}

.dark-mode .bg-color {
  background-color: #1f2224;
}

.dark-mode .tab-link {
  width: 165px;
  height: 49px;
  padding: 1rem;
}

.dark-mode .modal-background {
  background-color: #22262a;
}

.dark-mode .stroke {
  border: 1px solid #525252;
}

/* swimmers */
/* light mode */

.light-mode .assesment-icon {
  display: block;
}

.light-mode .secondary-btn {
  border: 1px solid #4d001f;
  color: #4d001f;
  background-color: #fff;
}

.light-mode .dark-assesment-icon,
.light-mode .dark-heading {
  display: none;
}

.light-mode .secondary-btn1 {
  background-color: #fff;
  border: 1px solid #4d001f;
  color: #4d001f;
  /* width: 210px;
  height: 44px; */
}

.light-mode .primary-btn1 {
  background-color: #ff9090;
  border: 1px solid #ff9090;
  color: #2a2e31;
  /* width: 210px; */
  height: 44px;
}

.light-mode .display {
  display: none;
}

.light-mode .heading {
  color: #707895;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
  color: #2e2e2e;
}

.light-mode .table-header {
  background: #f9f9fb;
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
  color: #707070;
}

/* dark mode */

.dark-mode .assesment-icon {
  display: none;
}

.dark-mode .form-group input {
  height: 2.8rem;
  border: 1px solid #b9b9ba;
  border-radius: 0.5rem;
  background-color: #1f2224 !important;
  color: #f0f0f0;
}

.dark-mode .form-group select {
  height: 2.8rem;
  border: 1px solid #b9b9ba;
  border-radius: 0.5rem;
  background-color: #1f2224;
  color: #f0f0f0;
}

.dark-mode .span {
  position: absolute;
  top: -0.6rem;
  left: 1rem;
  background-color: #1f2224;
  font-size: 12px;
  color: #b9b9ba;
}

.dark-mode .vertical {
  border: 1px solid #525252;
}

.dark-mode .paragraph-style {
  color: var(--primary-text-color);
}

.dark-mode .heading1 {
  color: #404144;
}

.dark-mode .dark-assesment-icon {
  display: block;
}

.dark-mode .name {
  color: var(--secondary-text-color);
}

.dark-mode .heading {
  color: #f0f0f0;
}

.dark-mode .table-header {
  background: #2a2e31;
}

.dark-mode .modal-paragraph {
  color: #b9b9ba;
}

.dark-mode .secondary-btn1 {
  background-color: #22262a;
  border: 1px solid #4d001f;
  color: #4d001f;
  width: 227px;
  height: 44px;
}

.light-mode .primary-btn1 {
  background-color: #ff9090;
  border: 1px solid #ff9090;
  color: #2a2e31;
  width: 227px;
  height: 44px;
}

/* profile  */
/* light mode */

.light-mode .card-background {
  background: var(--card-background-color-light);
}

.light-mode .primary-btn {
  background: var(--primary-color);
  color: #fff;
}

.light-mode .secondary-btn {
  background: var(--secondary-btn-bg-color);
}

.light-mode .view-profile-btn {
  border: 1px solid #e5e5e5;
}

.light-mode .action-btn {
  z-index: 1;
  background: #ffffff;
}

.light-mode .events-list li,
.light-mode .cards-title .light-mode {
  color: var(--dashboard-cards-title-color);
}

.light-mode .events-list li,
.light-mode .cards-title {
  border-color: #ecedf0;
}

.light-mode .gradient-light,
.light-mode .progress-light {
  display: block;
}

.light-mode .gradient-dark,
.light-mode .dark-reminder,
.light-mode .progress-dark {
  display: none;
}

.light-mode .swimmer-info {
  border-color: #ecedf0;
}

.light-mode .completed-progress {
  border-color: #e5e7eb;
  background: #f9f9f9;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
  color: #2e2e2e;
}

.light-mode .stages-completed {
  color: #969696;
}

.light-mode .view-stages-completed {
  color: #b39629;
}

.light-mode .swimmer-name,
.light-mode .task-done {
  color: var(--dashboard-cards-title-color);
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
  color: #707070;
}

.light-mode .swimmer-progress .light-mode .assesment-icon {
  display: block;
}

.light-mode .icon {
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  padding: 0.6rem;
}

.light-mode .dark-swimmer-progress,
.light-mode .dark-assesment-icon {
  display: none;
}

.light-mode .title-data {
  color: #1f1f1f;
}

.light-mode .description-data {
  color: var(--border-color);
}

.light-mode .table-header {
  background: #f9f9fb;
}

/* dark mode */

.dark-mode .card-background {
  /* background: var(--card-background-color); */
}

.dark-mode .main-heading-color {
  color: var(--primary-text-color);
}

.dark-mode .secondary-btn,
.dark-mode .view-profile-btn {
  border: 1px solid var(--secondary-btn-border-color);
  background: transparent;
  color: var(--golden);
}

.dark-mode .action-btn {
  z-index: 1;
  border: 1px solid var(--border-color) !important;
  background: var(--card-background-color) !important;
}

.dark-mode .text-color {
  color: var(--primary-text-color);
}

.dark-mode .profile-view {
  background: #22262a;
}

.dark-mode .events-list li,
.dark-mode .cards-title,
.dark-mode .action-heading {
  color: var(--primary-text-color);
}

.dark-mode .events-list li,
.dark-mode .cards-title {
  border-color: var(--border-color);
}

.dark-mode .gradient-dark,
.dark-mode .dark-swimmer-progress,
.dark-mode .dark-reminder,
.dark-mode .progress-dark {
  display: block;
}

.dark-mode .swimmer-info {
  border-color: var(--border-color);
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
  color: var(--primary-text-color);
}

.dark-mode .task-done {
  color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
  color: var(--primary-text-color);
}

.dark-mode .completed-progress {
  background: var(--card-background-color);
  border-color: var(--border-color) !important;
}

.dark-mode .my-progress-section,
.dark-mode .table {
  border-color: var(--border-color) !important;
}

.dark-mode .swimmer-tasks-info,
.dark-mode .description-data {
  color: var(--secondary-text-color);
}

.dark-mode .stages-completed {
  color: var(--secondary-text-color);
}

.dark-mode .view-stages-completed {
  color: #ad9b55;
}

.dark-mode .gradient-light,
.dark-mode .swimmer-progress,
.dark-mode .light-reminder,
.dark-mode .assesment-icon,
.dark-mode .progress-light {
  display: none;
}

.dark-mode .dark-assesment-icon {
  display: block;
}

.dark-mode .table-header {
  background: #2a2e31;
}

.dark-mode .paragraph {
  color: var(--secondary-text-color);
}

.dark-mode .heading1 {
  color: var(--primary-text-color);
}

/* header  */

/* Light mode */
.light-mode {
  background-color: #f8f9fa;
  transition: all 0.5s;
}

.light-mode .header {
  background: var(--black);
  transition: all 0.5s;
}

.light-mode nav .links a {
  color: var(--nav-text-color);
}

.light-mode header ul li a,
.light-mode header ul li {
  color: var(--main-nav-text-color);
}

.light-mode header,
.light-mode nav {
  background: #ffffff;
  transition: all 0.5s;
}

.light-mode nav .profile a {
  color: var(--nav-text-color);
}

.profile .dropdown-item:active {
  background-color: var(--primary-color);
  color: #151515;
}

.profile .dropdown-item:hover {
  background-color: transparent !important;
  color: #776942;
}

.light-mode nav .links .active-link {
  color: var(--activeTab-light-color);
  background: var(--primary-color);
  border-radius: 100px;
}

.light-mode nav .links a:hover {
  /* color: var(--activeTab-light-color);
  background: var(--primary-color);
  border-radius: 100px; */
}

.light-mode .bell-icon .light-bell {
  display: block;
}

.light-mode .bell-icon .dark-bell {
  display: none;
}

/* Dark mode  */
.dark-mode {
  background-color: var(--background-color);
  color: var(--secondary-text-color) !important;
  transition: all 0.5s;
}

.dark-mode header,
.dark-mode nav {
  background: var(--black);
  transition: all 0.5s;
}

.dark-mode nav .links a {
  color: var(--secondary-text-color);
}

.dark-mode nav .links .active-link {
  color: var(--primary-color);
  background: var(--activeTab-background-color);
}

.dark-mode nav .links a:hover {
  color: var(--primary-color);
  background: var(--activeTab-background-color);
}

.dark-mode nav .profile a {
  color: var(--secondary-text-color);
}

.dark-mode .bell-icon .light-bell {
  display: none;
}

.dark-mode .bell-icon .dark-bell {
  display: block;
}

/* dashboard */
/* light mode */

.light-mode .card-background {
  background: var(--card-background-color-light);
}

.light-mode .primary-btn-dashboard {
  background: var(--primary-color);
  color: #ffffff;
  border-radius: 100px;
  font-weight: normal;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.14px;
}

.light-mode .secondary-btn-dashboard {
  background: var(--secondary-btn-bg-color);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.14px;
}
.light-mode .secondary-btn-dashboard:focus,
.light-mode .secondary-btn-dashboard:hover {
  border-radius: 100px !important;
}

.light-mode .view-profile-btn {
  border: 1px solid #e5e5e5;
  height: 38px;
}

.light-mode .action-btn {
  z-index: 1;
  background: #ffffff;
}

.light-mode .events-list li,
.light-mode .cards-title .light-mode {
  color: var(--dashboard-cards-title-color);
}

.light-mode .events-list li,
.light-mode .cards-title {
  border-color: #ecedf0;
}

.light-mode .gradient-light,
.light-mode .progress-light {
  display: block;
}

.light-mode .gradient-dark,
.light-mode .dark-reminder,
.light-mode .progress-dark {
  display: none;
}

.light-mode .swimmer-info {
  border-color: #ecedf0;
}

.light-mode .completed-progress {
  border-color: #e5e7eb;
  background: #f9f9f9;
}

.light-mode .count-stages-completed,
.light-mode .t-head {
  color: #2e2e2e;
}

.light-mode .stages-completed {
  color: #969696;
}

.light-mode .view-stages-completed {
  color: #b39629;
}

.light-mode .swimmer-name,
.light-mode .task-done {
  color: var(--dashboard-cards-title-color);
}

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
  color: #707070;
}

.light-mode .swimmer-progress .light-mode .assesment-icon {
  display: block;
}

.light-mode .dark-swimmer-progress,
.light-mode .dark-assesment-icon {
  display: none;
}

.light-mode .title-data {
  color: #1f1f1f;
}

.light-mode .description-data {
  color: var(--border-color);
}

.light-mode .table-header {
  background: #f9f9fb;
}

/* dark mode */

.dark-mode .card-background {
  /* background: var(--card-background-color); */
}

.dark-mode .main-heading-color {
  color: var(--primary-text-color);
}

.dark-mode .secondary-btn-dashboard,
.dark-mode .view-profile-btn {
  border: 1px solid var(--secondary-btn-border-color);
  background: transparent;
  color: var(--golden);
}

.light-mode .text-color {
  color: #212529;
}

.text-gold {
  color: #bfa355;
}

.text-gold:hover {
  color: #bfa355;
  text-decoration: none;
}

.indoor-style {
  background-color: white;
  color: #212529;
}

.dark-mode .indoor-style {
  background-color: #22262a;
  color: #bfa355;
}

.dark-mode .action-btn {
  z-index: 1;
  border: 1px solid var(--border-color) !important;
  background: var(--card-background-color) !important;
}

.dark-mode .text-color {
  color: var(--primary-text-color);
}

.dark-mode .profile-view {
  background: #22262a;
}

.dark-mode .events-list li,
.dark-mode .cards-title,
.dark-mode .action-heading {
  color: var(--primary-text-color);
}

.dark-mode .events-list li,
.dark-mode .cards-title {
  border-color: var(--border-color);
}

.dark-mode .gradient-dark,
.dark-mode .dark-swimmer-progress,
.dark-mode .dark-reminder,
.dark-mode .progress-dark {
  display: block;
}

.dark-mode .swimmer-info {
  border-color: var(--border-color);
}

.dark-mode .swimmer-name,
.dark-mode .table-heading {
  color: var(--primary-text-color);
}

.dark-mode .task-done {
  color: var(--primary-text-color);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
  color: var(--primary-text-color);
}

.dark-mode .completed-progress {
  background: var(--card-background-color);
  border-color: var(--border-color) !important;
}

.dark-mode .my-progress-section,
.dark-mode .table {
  border-color: var(--border-color) !important;
}

.dark-mode .swimmer-tasks-info,
.dark-mode .description-data {
  color: var(--secondary-text-color);
}

.dark-mode .stages-completed {
  color: var(--secondary-text-color);
}

.dark-mode .view-stages-completed {
  color: #ad9b55;
}

.dark-mode .gradient-light,
.dark-mode .swimmer-progress,
.dark-mode .light-reminder,
.dark-mode .assesment-icon,
.dark-mode .progress-light {
  display: none;
}

.dark-mode .dark-assesment-icon {
  display: block;
}

.dark-mode .table-header {
  background: #2a2e31;
}

/* booking */

/* light mode */

.light-mode .swimmer-tasks-info,
.light-mode .table-heading {
  color: #707070;
}

.light-mode .assesment-icon {
  display: block;
}

.light-mode .dark-assesment-icon {
  display: none;
}

.light-mode .display {
  display: none;
}

.light-mode .table-header {
  background: #f9f9fb;
}

.light-mode .selected-swimmer {
  border-color: var(--primary-color) !important;
}

.light-mode .swimmer-profile {
  background: #f0f0f0;
}

/* dark mode */

.dark-mode .swimmer-name,
.dark-mode .table-heading {
  color: var(--primary-text-color);
}

.dark-mode .swimmer-profile {
  background: var(--background-modal-swimmer-profile);
}

.dark-mode .count-stages-completed,
.dark-mode .t-head,
.dark-mode .title-data {
  color: var(--primary-text-color);
}

.dark-mode .selected-swimmer {
  border-color: var(--selected-swimmer-border-color) !important;
}

.dark-mode .selected-swimmer {
  background-color: #2a2e31 !important;
}

.dark-mode .table {
  border-color: var(--border-color) !important;
}

.dark-mo .dark-mode .description-data {
  color: var(--secondary-text-color);
}

.dark-mode .assesment-icon {
  display: none;
}

.display .display {
  display: none;
}

.dark-mode .heading4 {
  color: #f0f0f0;
  font-weight: 600px;
  font-size: 14px;
}

.dark-mode .dark-assesment-icon {
  display: block;
}

.dark-mode .table-header {
  background: #2a2e31;
}

.dark-mode .btn-change {
  width: 82px;
  height: 41px;
  background-color: #212529;
  color: var(--golden);
  border-radius: 8px;
}

.dark-mode .swimmers-card,
.dark-mode .card-day,
.dark-mode .venue-style,
.dark-mode .form-group input,
.dark-mode .day-container-style2,
.dark-mode .day-container-style3,
.dark-mode .timer-container {
  background-color: #2a2e31;
  border: 1px solid #2a2e31;
}

.dark-mode .day-container-style {
  color: var(--normal-btn-color);
}

.dark-mode .cancel-btn {
  background-color: #2a2e31;
}

.dark-mode .vertical {
  border: 1px solid #525252;
}

.dark-mode .day-heading,
.dark-mode .heading1,
.dark-mode .name-color,
.dark-mode .available-venue-color,
.dark-mode .card-name,
.dark-mode .swimmer-name,
.dark-mode .day-container-style2,
.dark-mode .day-container-style3,
.dark-mode .timer-container,
.dark-mode .span-color2 {
  color: var(--primary-text-color);
}

.dark-mode .profile-dropdown .dropdown-item {
  color: #fff;
}

.border-left-gold-1 {
  border-left: 3px solid #ffd700 !important;
}
.dark-mode .border-left-gold-1 {
  border-left: 3px solid #ffd700 !important;
}