@font-face {
    font-family: jost;
    src: url('../fonts/Jost/Jost-VariableFont_wght.ttf');
}

body {
    font-family: jost !important;
}

[data-typography="jost"] {
    font-family: jost !important;
}

.nav-header .logo-abbr {
    max-width: 8.5rem;
}

.nav-header .brand-logo {
    background: #fcfcfc;
}

.table-middle td,
.table-middle th {
    vertical-align: middle;
    text-align: center;
}

.badge-charcoal {
    background: #36454F !important;
}

.bg-charcoal {
    background: #36454F !important;
}

.data-table-modifeld table {
    padding-top: 11px;
    margin-bottom: 29px;
    border-bottom: 0 !important;
}

.data-table-modifeld .dataTables_paginate {
    padding-top: 11px;
    padding-bottom: 11px;
}

.data-table-modifeld .dataTables_paginate span a {
    background: olive !important;
    color: white !important;
}

table.dataTable tbody td {
    font-size: 14px;
}

.form-element label {
    color: #3d4465 !important;
}

.course_desc_container .ck.ck-editor {
    border: 1px solid #d5d5d5;
    border-radius: 6px;
    overflow: hidden;
}

.course_desc_container .ck.ck-editor .ck-editor__top.ck-reset_all .ck.ck-toolbar {
    background: white;
}

.course_desc_container .ck.ck-editor__main .ck-editor__editable {
    background: white !important;
}

.course_desc_container .ck.ck-editor .ck-editor__top.ck-reset_all .ck.ck-toolbar .ck.ck-button {
    color: black;
    background: #81800a29;
    border-radius: 7px;
}

.select2-container--default .select2-selection--single {
    height: 45px;
    padding-top: 8px;
    border: 0.0625rem solid #f0f1f5;
    border-radius: 0.625rem;
    padding-left: 12px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #525252 !important;
}

.radius-30 {
    border-radius: 40px;
}

.course_desc_container .ck.ck-editor .ck-editor__top.ck-reset_all .ck.ck-toolbar .ck-toolbar__items {
    width: 100%;
    justify-content: space-between;
}

.drag-dropfile {
    border: 3px #f0f1f5;
    padding-top: 23px;
    padding-bottom: 15px;
    text-align: center;
    background: #fbfbfb;
    border-style: dashed;
}

.drag-dropfile .dragIcon {
    background: white;
    border-radius: 50%;
    border: 1px solid #c1c1c1;
    font-size: 20px;
    padding-right: 12px;
    padding-left: 12px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.week-box {
    min-width: 13rem;
    text-align: center;
    padding: 6px;
    background: #364465;
    border-radius: 3px;
    box-shadow: 0px 0px 3px 0px #000000c7;
    min-height: 100%;
    height: 100%;
}

.week-box .week-title {
    font-weight: 700;
    font-size: 28px;
    color: white;
}

.week-box .week-alias i {
    position: relative;
    top: -3px;
    right: 2px;
    font-size: 11px;
    color: white;
}

.week-box .week-alias {
    font-size: 18px;
    color: white;
    border-bottom: .5px solid #fffffff0;
}

.add-week-box {
    min-height: 100%;
    height: 100%;
    padding: 30px 30px 30px 30px;
    border: 1px dashed #00000070;
    border-radius: 10px;
}

.add-week-box i {
    font-size: 27px;
    color: #3a4465;
}

.week-box.active {
    background: linear-gradient(1deg, #81800a, #000000 174%);
}

.remove-week {
    display: table;
    position: relative;
    background: red;
    color: white;
    border-radius: 50px;
    padding: 2px 9px 2px 9px;
    font-size: 16px;
    z-index: 1;
    margin-bottom: -29px;
    right: -183px;
    top: -17px;
    border: 1px solid white;
}

.days-division-row .days-box {
    min-width: 11rem;
    text-align: center;
    border: 1px #00000059;
    margin-right: 16px;
    border-style: solid;
    height: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    background: #304565;
    border-radius: 9px;
}

.days-division-row .days-box .day-name {
    color: white;
    font-weight: 700;
    font-size: 19px;
    border-bottom: 1px solid;
    border-top: 1px solid;
    padding-top: 3px;
    padding-bottom: 1px;
}

.days-division-row .days-box .day-title {
    color: white;
    font-size: 14px;
}

.days-division-row .days-box .day-weekwise {
    color: black;
    background: #fffd1f;
    border-radius: 15px;
    display: table;
    margin: auto;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.days-division-row .days-box.active {
    border: 5px solid #fffd2d;
}

.days-division-row,
.weeks-list {
    overflow-x: auto;
    padding-bottom: 14px;
}


.days-division-row::-webkit-scrollbar,
.weeks-list::-webkit-scrollbar {
    height: 3px;
    border-radius: 28px;
}

.days-division-row::-webkit-scrollbar-track,
.weeks-list::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.days-division-row::-webkit-scrollbar-thumb,
.weeks-list::-webkit-scrollbar-thumb {
    background-color: #a3a3a3;
}

.day-form .excersise-panel {
    margin-top: 20px;
    margin-bottom: 20px;
}

.label-heading {
    color: black;
    font-size: 20px;
}

.label-desc {
    font-size: 14px;
}

.place-black::placeholder {
    color: black !important;
}

.subscription-plan-admin-title {
    text-align: center;
    font-size: 20px;
    color: white;
    margin-bottom: 16px;
    border-bottom: 1px solid;
    border-color: white;
    text-transform: uppercase;
}

.subscription-plan {
    text-align: center;
    padding: 11px 11px 0px 11px;
    background: white;
    border-radius: 9px;
}

.plan-box {
    background: #304565;
    padding: 12px;
    border-radius: 10px;
}

.subscription-plan .badge-featured {
    margin-bottom: 10px;
}

.plan-title {
    font-size: 16px;
    color: black;
    margin-bottom: 10px;
}

.plan-features-pricing {
    background: #ff7800;
    color: white;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 20px;
}

.plan-features-pricing .per-month {
    font-size: 13px;
    border-radius: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: white;
}

.edit-pen {
    position: relative;
    top: -1px;
}

.select-payment-plan {
    display: block;
    position: relative;
    float: right;
    width: 20px;
    height: 20px;
    bottom: 4px;
    right: -2px;
    z-index: 9;
}

.plan-box:not(.active) *:not(.select-payment-plan) {
    opacity: .6;
}

.payment-method-image img {
    max-width: 100%;
    border-radius: 9px;
    filter: drop-shadow(0px 0px 1px black);
    margin-top: 8px;
}

.payment-method-selection {
    background: #f6f6f6;
    padding: 19px;
    border-radius: 18px;
}

.payment-method-selection-box {
    border-right: 1px solid #00000045;
}

.payment-method-box .payment-method-title {
    font-size: 18px;
    text-transform: uppercase;
    color: black;
}

.payment-method-box .payment-method-desc {
    color: #000000;
    font-size: 14px;
}

.profile-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-text {
    padding-bottom: 17px;
}

.profile-text .profile-name {
    display: block;
    color: black;
    font-weight: 700;
    margin-top: 7px;
    margin-bottom: 7px;
}

.dataTables_empty {
    text-align: center !important;
}

.plan-btn {
    background: white;
    padding: 7px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plan-btn button {
    width: 100%;
}

.week-locked {
    background: #000000b3;
    position: relative;
    bottom: 77px;
    max-width: 8rem;
    min-width: 12.5rem;
    margin-left: -2px;
    border-radius: 3px;
    margin-bottom: -79px;
    height: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    margin-top: -4px;
    color: white;
}

.week-locked img {
    max-width: 3rem;
}

.trainee-days {
    padding: 10px;
    max-height: 33.5rem;
    overflow-x: hidden;
    padding-top: 0px !important;
    padding-bottom: 0 !important;
}

.trainee-days .days-box {
    margin-right: 0;
    margin-bottom: 16px;
    box-shadow: 0px 0px 0px 1px white;
}

.program-divisions-title {
    margin-bottom: 25px;
    margin-top: 3px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
}

.program-divisions-title h4 {
    font-size: 19px;
    font-weight: 700;
    color: white;
}

.program-divisions-bar {
    background: #1b262b;
    padding-right: 2px;
    padding-left: 2px;
}

.programDaysDivide .card {
    border-radius: 10px;
    overflow: hidden;
}

.trainee-days.days-division-row::-webkit-scrollbar {
    height: 3px;
    width: 0;
    border-radius: 28px;
}

.trainee-days.days-division-row::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(255 255 255 / 70%);
}

.trainee-days.days-division-row::-webkit-scrollbar-thumb {
    background-color: #ffffffd9;
}

.day-locked img {
    max-width: 3rem;
}

.day-locked {
    width: 100%;
    background: #000000c7;
    height: 7.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -110px;
    z-index: 1;
    position: relative;
    margin-bottom: -12px;
}

.trainee-days .days-box {
    overflow: hidden;
    border-radius: 3px;
}

.trainee-excersize-bar {
    display: flex;
    overflow-x: auto;
    padding-bottom: 14px;
    padding-left: 13px;
    padding-right: 13px;
    padding-top: 7px;
}

.day-top-bar {
    background: #1b262b;
    padding-left: 13px;
    border-left: 1px solid;
    padding-right: 13px;
}

.trainee-excersize-box {
    background: linear-gradient(1deg, #81800a, #000000 174%);
    margin-right: 15px;
    border-radius: 0;
    box-shadow: 0px 0px 2px 1px #ffffff;
}

.trainee-excersize-box .week-alias {
    color: white;
    padding-bottom: 4px;
    border-bottom: .5px solid white;
}

.trainee-excersize-box .week-alias i {
    color: black;
    font-size: 17px;
    position: relative;
    top: 0px;
    background: white;
    border-radius: 50%;
    padding: 4px;
    box-shadow: 1px 1px 1px 1px black;
}

.trainee-excersize-box .week-title {
    color: white;
    font-size: 20px;
    margin-top: 6px !important;
}

.trainee-excersize-box.active {
    background: #274665;
    box-shadow: 0px 0px 3px 1px #ffffff;
}

.trainee-excersize-box.active .week-alias {
    color: white;
    border-bottom: .5px solid white;
}

.trainee-excersize-box.active .week-title {
    color: white;
}

.trainee-excersize-bar::-webkit-scrollbar {
    height: 3px;
    width: 0;
    border-radius: 28px;
}

.trainee-excersize-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(255 255 255 / 70%);
}

.trainee-excersize-bar::-webkit-scrollbar-thumb {
    background-color: #ffffffd9;
}

.exercise-data::-webkit-scrollbar {
    height: 3px;
    width: 0;
    border-radius: 28px;
}

.excersize-media-col::-webkit-scrollbar {
    height: 0px;
    width: 0px;
}

.exercise-data::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.exercise-data::-webkit-scrollbar-thumb {
    background-color: #a3a3a3;
}

.exercise-data {
    padding-top: 26px;
    max-height: 31rem;
    padding-left: 23px;
    overflow-y: auto;
    overflow-x: hidden;
}

.exercise-data .exercise-title {
    font-size: 27px;
    color: black;
    font-weight: 700;
}

.exercise-data .exercise-type {
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 7px;
}

.exercise-data .exercise-type label {
    margin-bottom: 0px !important;
    color: black;
    font-size: 17px;
}

.exercise-data .exercise-type .badge {
    margin-top: 6px;
    margin-left: 0;
}

.exercise-measurement label {
    color: black;
    margin-bottom: 0px !important;
    font-size: 17px;
}

.exercise-measurement p {
    margin-top: 6px;
    display: inline-block;
}

.exercise-description {
    color: #848484;
}

.exercise-description label {
    color: black;
    font-size: 17px;
}

.exercise-routine-meta p {
    margin-bottom: 0 !important;
    font-weight: 700;
    color: #274665;
}

.exercise-routine-meta {
    margin-bottom: 9px;
}

.exercise-routine-meta p .week-meta {
    color: #848484;
    font-weight: 300;
    margin-right: 7px;
}

.excersize-media-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-color: #00000078;
    background-blend-mode: overlay;
    height: 6.1rem;
    box-shadow: 0px 0px 3px 1px white;
    overflow: hidden;
}

.excersize-media-box .play-btn i {
    color: #ff0000;
    font-size: 19px;
}

.excersize-media-col {
    background: #1b262b;
    max-height: 31rem;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid;
}

.excersize-media {
    padding: 17px;
    border-radius: 46px !important;
    overflow: hidden;
    max-width: 100%;
}

.excersize-media-box .play-btn {
    background: white;
    padding-right: 21px;
    padding-left: 23px;
    padding-top: 6px;
    padding-bottom: 6px;
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-mark-resolved {
    border-radius: 37px;
}

.trainee-days .days-box.active {
    border: 5px solid #ffffff;
    box-shadow: none;
}

.trainee-days.days-division-row .days-box .day-weekwise {
    background: #ffffff;
}

.badge-black {
    background: black;
}

.badge-theme {
    background: #274665;
}

.btn-theme,
.btn-theme:hover {
    background: #164765;
    color: white;
}

.excersize-media-box img {
    max-width: 3rem;
}

.btn-black {
    background: black;
    color: white;
}

.info-bulb {
    color: #81800a;
    padding: 5px;
    border-radius: 50%;
}

body {
    background: #e1dfdf;
}

.title-bar {
    border-bottom: 1px solid #00000036;
}

.tabs-programs .nav.nav-pills .nav-link.active {
    border: 2px solid olive !important;
    border-radius: 39px;
}

.tabs-programs .nav.nav-pills .nav-link {
    background: transparent;
    color: black;
    padding-right: 20px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.card-program {
    background: white;
    padding: 9px;
    border-radius: 8px;
    box-shadow: 0px 0px 3px 0px #00000057;
    padding-bottom: 20px;
}

.card-program .card-program-img {
    max-width: 100%;
    border-radius: 6px;
}

.card-program .card-program-text .card-program-title {
    font-size: 24px;
    color: #808000;
    font-weight: 900;
}

.card-program .card-program-text {
    margin-top: 10px;
}

.card-program .card-program-text .card-program-desc {
    color: black;
    margin-top: 12px;
    margin-bottom: 15px;
}

.card-program .badge {
    font-weight: 400;
}

.border-bottom-title {
    border-bottom: 1px solid #979797;
    margin-left: 9px;
    width: 100%;
}

.whitespace-nowrap {
    white-space: nowrap;
}

.week-row {
    padding-right: 30px;
    padding-left: 30px;
}

.week-row .accordion-header {
    border: 0;
    border-radius: 0;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 15px;
    padding-top: 15px;
}

.week-day-box {
    border: 1px solid #cdcdcd;
    padding: 26px;
    border-radius: 12px;
    cursor: pointer;
    transition: all .3s;
}

.week-day-box:hover {
    transform: scale(0.9);
}

.week-day-box .icon img {
    max-width: 2rem;
}

.week-day-box .icon {
    text-align: center;
    display: table;
    margin: auto;
    background: white;
    border-radius: 50%;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 49px 0 #00000033;
    border: 1px solid #00000014;
}

.week-day-box .title {
    text-align: center;
    color: black;
    font-weight: 900;
}

.week-day-box .desc {
    text-align: center;
    padding-top: 8px;
    color: black;
    font-weight: 900;
}

.week-day-box .border-desc {
    height: 2px;
}

.btn-ico {
    border-radius: 50%;
    padding-right: 9px;
    padding-left: 11px;
    padding-top: 5px;
    padding-bottom: 4px;
    font-size: 12px;
}

.week-day-box .start-btn {
    border-radius: 38px;
}

.week-day-box.active {
    background: #1E262B;
}

.week-day-box.active .title {
    color: white;
}

.week-day-box.active .desc {
    color: white;
}

.week-day-box.active .border-desc {
    background-color: #7a7810 !important;
    opacity: 1;
}

.week-row-content {
    overflow: auto;
}

.week-row-content::-webkit-scrollbar {
    height: 3px;
    border-radius: 28px;
}

.week-row-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.week-row-content::-webkit-scrollbar-thumb {
    background-color: #a3a3a3;
}

.start-btn {
    border: 1px solid #e8ecef;
}

.ov-visible {
    overflow: visible !important;
}

.ov-auto {
    overflow: auto !important;
}

.progress-thumb {
    background: #00c45f;
    color: white;
    border-radius: 50%;
    padding-top: 4px;
    padding-bottom: 18px;
    padding-right: 8px;
    padding-left: 8px;
    position: relative;
    top: -8px;
}

.week-content {
    border-top: 1px solid #cdcdcd;
}

.px-20 {
    padding-left: 20px;
    padding-right: 20px;
}

.excercise-box {
    padding: 14px;
    border-radius: 10px;
    box-shadow: 0px 7px 4px 0 #0000001a;
}

.excercise-box .name-label {
    font-weight: 800;
}

.excercise-box .name {
    font-weight: 800;
}

.icon-rounded {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: white;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 1px 1px 21px 0 #0000001a;
}

.excercise-media-box img {
    max-width: 100%;
}

.excercise-media-bar {
    overflow: auto;
    display: flex;
    align-items: center;
    padding-bottom: 10px;
}

.excercise-media-bar::-webkit-scrollbar {
    height: 3px;
    border-radius: 28px;
}

.excercise-media-bar::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgb(0 0 0 / 15%);
}

.excercise-media-bar::-webkit-scrollbar-thumb {
    background-color: #a3a3a3;
}

.probile-bar {
    padding-bottom: 22px;
    border-radius: 26px !important;
    overflow: hidden;
    background: #f7f7f7;
}

.profile-img {
    display: table;
    margin: auto;
    border-radius: 50%;
    overflow: hidden;
    height: 130px;
    width: 130px;
    border: 4px solid #706e0f;
    box-shadow: 1px 0px 17px 0 #00000038;
}

.profile-image-section {
    background: url('../images/elements/profile-section-banner.jpeg');
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}

.profile-stats {
    padding-left: 35px;
    padding-right: 35px;
}
.profile-goals {
    padding-left: 35px;
    padding-right: 35px;
}
.excercise-media-box {
    margin-right: 22px;
}