/* 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);
}
.light-mode .cost-details {
    background: #f0f0f0;
}
.light-mode .border-color-cost {
    border-color: #e5e5e5 !important;
}

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

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

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

    color: #fff !important;
}

.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 .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;
}

.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;
}
/* 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 #bdb187;
  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 {
    /* width: 31rem; */
    height: 2.8rem;
    border: 1px solid #b9b9ba;
    border-radius: 0.5rem;
}

.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;
    background-color: #fff;
    font-size: 12px;
    color: #b9b9ba;
}

/* swimmers */
/* light mode */

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

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

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

.light-mode .secondary-btn1 {
    background-color: #fff;
    border: 1px solid #bdb187;
    color: #bdb187;
    /* 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;
}
.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 !important;
}

.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;
}

/* header  */

/* Light mode */
.light-mode {
    background-color: #f8f9fa;
    transition: all 0.5s;
}
.light-mode .header {
    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;
}
.light-mode nav .links .active-link {
    color: var(--activeTab-light-color);
    background: var(--primary-color);
}

.light-mode nav .links a:hover {
    color: var(--activeTab-light-color);
    background: var(--primary-color);
}
.light-mode .bell-icon .light-bell {
    display: block;
}
.light-mode .bell-icon .dark-bell {
    display: none;
}

/* dashboard */
/* light mode */

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

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

.light-mode .secondary-btn-dashboard {
    background: var(--secondary-btn-bg-color);
}
.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 */

/* 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;
}