#client-stats-calendar-container > .infoBox{
padding: 1rem;
}

#client-stats-calendar-container > .infoBox > div{
font-size: var(--font-size-body-regular);
font-weight: 400;
padding-left: var(--border-padding);
font-family: var(--font-apple-system);
}

#client-stats-calendar-container > .infoBox > div > span{
/*font-size: var(--font-size-large);
font-weight: 500;
font-family: var(--font-manrope);*/
font-weight: 600;
font-family: var(--font-apple-system);
}

#client-stats-calendar-and-chart-container{
  padding: 0rem 1rem 1rem 1rem;
}

#sleepInputContainer{
  margin-bottom: 1rem;
padding: 1rem;
display: flex;
place-content: center;
}


.range-container{
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-around;
padding: 1rem;
border-radius: 0.5rem;
}

.range-container .range-input{
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    width: 80%;
    height: 8px;
    background-color: #d5d5d5;
    border-radius: 8px;
    outline: none;
}
.range-container .range-input::-webkit-slider-runnable-track{
    -webkit-appearance: none;
    height: 8px;
}
.range-container .range-input::-moz-track{
    -moz-appearance: none;
    height: 8px;
}
.range-container .range-input::-ms-track{
    appearance: none;
    height: 8px;
}
.range-container .range-input::-webkit-slider-thumb{
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background-color: #3264fe;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
    border: none;
}
.range-container .range-input::-moz-range-thumb{
    -webkit-appearance: none;
    height: 20px;
    width: 20px;
    background: #3264fe;
    background: var(--btncolor);
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
    border: none;
}
.range-container .range-input::-ms-thumb{
    appearance: none;
    height: 20px;
    width: 20px;
    background-color: #3264fe;
    border-radius: 50%;
    cursor: pointer;
    margin-top: -6px;
    border: none;
}
.range-container .range-input:active::-webkit-slider-thumb{
    background-color: #ffffff;
    border: 3px solid #3264fe;
}
.range-container .slider-value{
    position: relative;
    /*background-color: #3264fe;*/
    background: var(--btncolor);
    color: #ffffff;
    text-align: center;
    font-family: "Roboto Mono",monospace;
    padding: 0.35rem 1rem;
border-radius: 0.5rem;
margin-left: 1rem;
min-width: 90px;
font-size: var(--font-size-body-regular);
}








/*#client-my-account-container, */
.my-account-container{
  display: grid;
grid-template-columns: 30% auto;
/*padding: var(--border-padding);*/
/*gap: var(--border-padding);*/
background: var(--bg);
}

/*#client-my-account-ActionBtncontainer, */
.my-account-ActionBtncontainer{
  height: 100%;
/*background: var(--body2);*/
background: var(--bg);
overflow: hidden;
border-radius: var(--border-radius-box) 0 0 var(--border-radius-box);
border-right: 1px solid var(--border-color);
}

/*#client-my-account-Secondary-ActionBtncontainer, */
.my-account-Secondary-ActionBtncontainer{
  padding: 1rem;
  z-index: 99;
}

/*#client-my-account-MainAreacontainer, */
.my-account-MainAreacontainer{
  height: 100%;
background: var(--bg);
/*background: var(--body2);*/
overflow: hidden;
border-radius: 0 var(--border-radius-box) var(--border-radius-box) 0;
}

/*#client-my-account-ActionBtncontainer .profile-banner, */
.my-account-ActionBtncontainer .profile-banner{
  flex-direction: column;
  place-content: center;
}

/*#client-my-account-ActionBtncontainer .profile-banner .profile-picture,
#client-my-account-ActionBtncontainer .profile-banner .metadata,*/
.my-account-ActionBtncontainer .profile-banner .profile-picture,
.my-account-ActionBtncontainer .profile-banner .metadata{
display: flex;
flex-direction: row;
justify-content: center;
}


/*#client-my-account-ActionBtncontainer .btnContainer, */
.my-account-ActionBtncontainer .btnContainer{
  display: grid;
  padding: 1rem;
  gap: 0.5rem;
}


/*#client-my-account-ActionBtncontainer .btnContainer span, */
.my-account-ActionBtncontainer .btnContainer span.listBtn {
  /*font-size: 1rem;*/
  /*background: white;*/
  /*border: 1px solid;*/
  /*padding: 0.5rem;*/
  cursor: pointer;
  background: var(--bg);
  /*background: var(--body);*/
}

.my-account-ActionBtncontainer .btnContainer span.listBtn:hover{
  background: var(--bg);
}

.my-account-ActionBtncontainer .btnContainer span.listBtn:active{
  background: var(--border-color-default);
}


.my-account-ActionBtncontainer .btnContainer span::before {
  content: '';
  height: 0%;
  width: 4px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 99;
  background: var(--btncolor);
  border-radius: 10px;
  transition: all 0.2s ease;
}

.my-account-ActionBtncontainer .btnContainer span:hover::before, 
.my-account-ActionBtncontainer .btnContainer span.active::before {
  height: 70%;
}

.my-account-ActionBtncontainer .btnContainer span.active{
  background: var(--bg);
  box-shadow: var(--box-shadow-outer-card);
}


/*#client-my-account-MainAreacontainer #client-my-account-MainArea-MyProfile,
#client-my-account-MainAreacontainer #client-my-account-MainArea-MyFiles,
#client-my-account-MainAreacontainer #client-my-account-MainArea-Billing,
#client-my-account-MainAreacontainer #client-my-account-MainArea-PaymentHistory,*/
.my-account-MainAreacontainer .my-account-MainArea-MyProfile,
.my-account-MainAreacontainer .my-account-MainArea-MyFiles,
.my-account-MainAreacontainer .my-account-MainArea-MyTrainer,
.my-account-MainAreacontainer .my-account-MainArea-MyCertificates,
.my-account-MainAreacontainer .my-account-MainArea-Billing,
.my-account-MainAreacontainer .my-account-MainArea-PaymentHistory,
.my-account-MainAreacontainer .my-account-MainArea-ChangePassword{
  height: 100%;
}


/*.client-myProfile, */
.myProfile{
  height: 100%;
  overflow: auto;
}

.client-myTrainer.myProfile .disabled {
  background: transparent;
}


/*.client-myProfile .profile-banner, */
.myProfile .profile-banner{
/*position: sticky;
top: 0;
z-index: 9;*/
/*background: white;*/
}

/*.client-myProfile .account-metadata, */
.myProfile .account-metadata{
  padding: 1rem;
  gap: 1rem;
display: grid;
}


/*.account-metadata #client-account-metadata-primary-form, */
.account-metadata .account-metadata-primary-form, 
.account-metadata .account-metadata-secondary-form,
.user-account-credentials-form {
  /*border: 1px solid var(--inner-box-border-color);*/
  padding: var(--border-padding);
  border-radius: var(--border-radius-box);
  background: var(--bg);
  /*box-shadow: var(--box-shadow-outer-card);*/
}

.account-metadata .account-metadata-primary-form .row, 
.account-metadata .account-metadata-secondary-form .row,
.user-account-credentials-form .row{
  margin-left: calc(-1 * calc(var(--mdb-gutter-x)*0.5));
  margin-right: calc(-1 * calc(var(--mdb-gutter-x)*0.5));
}

.account-metadata .account-metadata-primary-form > .row:first-of-type, 
.account-metadata .account-metadata-secondary-form > .row:first-of-type,
.user-account-credentials-form > .row:first-of-type{
  margin-top: calc(1 * var(--border-padding));
}

/*.account-metadata #client-account-metadata-secondary-form, */
/*.account-metadata .account-metadata-secondary-form {
  padding: 1rem;
  border-radius: 0.5rem;
  border: 1px solid;
}*/

.account-metadata .editBtn{
  position: absolute;
  right: var(--border-padding);
}


/*.client-myFiles, */
.myFiles{
  height: 100%;
  overflow: auto;
  display: grid;
grid-template-rows: calc(75% - calc(var(--border-padding) / 2)) calc(25% - calc(var(--border-padding) / 2));
/*padding: var(--border-padding);*/
padding: 0;
gap: var(--border-padding);
background: transparent;
padding-top: 0;
}

.myFiles.read-only {
  grid-template-rows: 100%;
}

/*.client-myFiles .fileList, */
.myFiles .fileList{
border-radius: var(--border-radius-box);
/*border: 1px solid black;*/
height: 100%;
overflow: hidden;
/*box-shadow: var(--box-shadow-inner-card);*/
}

/*.client-myFiles .fileList .btnContainer,*/
.myFiles .fileList .btnContainer{
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  width: 100%;
  padding: var(--border-padding);
  box-shadow: var(--inner-box-border-color);
  /*background: white;*/
}

/*.client-myFiles .fileList .btnContainer .listBtn,*/
.myFiles .fileList .btnContainer .listBtn{
  border-radius: var(--border-radius-button);
}

/*.client-myFiles .fileList .btnContainer .listBtn:not(:last-child),*/
.myFiles .fileList .btnContainer .listBtn:not(:last-child){
  margin-bottom: calc(var(--border-padding) / 2);
}

/*.client-myFiles .fileList .btnContainer .listBtn a,*/
.myFiles .fileList .btnContainer .listBtn a{
width: calc(100% - calc(var(--border-padding) * 3));
color: black;
}

/*.client-myFiles .fileList .btnContainer .listBtn a:hover,*/
.myFiles .fileList .btnContainer .listBtn a:hover{
  text-decoration: none;
  color: black;
}


/*.client-myFiles .fileList .btnContainer .listBtn div p,*/
.myFiles .fileList .btnContainer .listBtn div p{
  font-size: 1.1rem;
  font-weight: 400;
}

/*.client-myFiles .fileList .btnContainer .listBtn div span,*/
.myFiles .fileList .btnContainer .listBtn div span{
  font-size: 0.85rem;
  font-weight: 300;
}

/*.client-myFiles .newFiles,*/
.myFiles .newFiles{
  padding: 0 1rem;
/*padding: 1rem;*/
border-radius: var(--border-radius-box);
/*border: 1px solid black;*/
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}

.filesDropzone{
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-box);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  /*background: rgba(209, 209, 214, 0.22);*/
/*border: 1px solid var(--inner-box-border-color);*/
background: var(--body2);
border: var(--border-color);
display: flex;
flex-direction: column;
place-content: center;
text-align: center;
cursor: pointer;
}

.filesDropzone span{
  pointer-events: none;
}






#client-todays-training-page #client-todays-training-top-container{
/*  position: sticky;
  top: var(--search-bar-height);*/
  /*padding: 1rem 1rem;*/
z-index: 9;
background: white;
/*box-shadow: 0px 2px 20px #d7d7d763;*/
border-radius: 0.625rem;
overflow: hidden;
overflow-y: auto;
}



#client-todays-training-page .dayb .bucketContainer{
  overflow: auto;
  /*padding: 1rem;*/
  display: grid;
row-gap: var(--border-padding);
grid-auto-rows: max-content;
}

#client-todays-training-page #client_training_menu{
  display: flex;
/*  justify-content: space-between;*/
  /*margin-bottom: 1rem;*/
padding: 0 0.5rem;
justify-content: end;
gap: 0.5rem;
}

#client-todays-training-page #client_training_menu .form-group{
  margin: 0;
}

#client-todays-training-page .dayb{
/*border: 2px solid red;*/
/*margin-bottom: 20px;*/
padding: calc(1 * var(--border-padding));
display: grid;
grid-template-columns: 1.5fr 1.25fr;
height: calc(var(--innerHeight) - calc(calc(var(--navbar-height) + var(--search-bar-height))) - calc(2 * var(--border-padding)));
overflow: hidden;
column-gap: calc(1 * var(--border-padding));
}

#client-todays-training-page .bucket{
/*border: 2px solid powderblue;*/
/*padding: 1rem;*/
/*margin-bottom: 10px;*/
background: var(--bg);
/*box-shadow: inset 2px 2px 10px 3px lightgreen, inset -2px -2px 10px 3px lightgreen;*/
/*border-radius: 0.625rem;*/
display: grid;
row-gap: 0.5rem;
padding: calc(var(--border-padding) / 2);
border-radius: var(--border-radius-box);
}

#client-todays-training-page .bucketBadgeWrapper{
  /*margin-bottom: 0.5rem;*/
}

#client-todays-training-page .bucketBadgeWrapper .badge,
#client-todays-training-page .bucket .group .groupsetBadge{
  font-size: var(--font-size-body-regular);
  border-radius: var(--border-radius-button);
  font-weight: 450;
  font-family: var(--font-apple-system);
}


/*#client-todays-training-page .group{
margin-bottom: 5px;
border: var(--groupset-border)
border-radius: 0.5rem;
padding: 0.5rem;

}
*/
#client-todays-training-page .bucket .exercise{
margin: 0;
padding: 0.25rem 0.75rem;
border-radius: var(--border-radius-button);
margin-left: calc(var(--border-padding) / 2);
/*display: grid;*/
/*grid-template-columns: auto calc(1.5rem + 32px);*/
cursor: pointer;
/*border-bottom: 1px solid;*/

width: calc(100% - calc(var(--border-padding) / 2));
padding-left: 2rem;
}

#client-todays-training-page .bucket .exercise:hover {
  background: var(--border-color-default);
box-shadow: 0px 2px 20px #d7d7d763;

}

#client-todays-training-page .bucket .group{
  padding: calc(var(--border-padding) / 2);
}

#client-todays-training-page .bucket .group .groupsetBadge{
  margin-bottom: calc(var(--border-padding) / 2);
  color: black;
  display: inline-block;
  font-size: var(--font-size-body-regular);
text-transform: capitalize;
}

#client-todays-training-page .bucket .group .exercise{
  margin: 0;
/*  padding-left: 2rem;*/
  width: 100%;
}

#client-todays-training-page .exercise .exercise-data{
/*  display: grid;
grid-template-rows: 1fr 1fr;
align-items: center;*/

display: grid;
grid-template-columns: auto 1.5rem;
width: 100%;
}

#client-todays-training-page .exercise .exercise-data .exercise-name{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#client-todays-training-page .exercise .exercise-data-icons{
  display: grid;
grid-template-rows: 1fr 1fr;
justify-content: end;
}

#client-todays-training-page .exercise .exercise-data-icons .material-symbols-outlined{
  font-size: var(--font-size-body-regular);
}

#client-todays-training-page .minc-modal.exercise-details .description{
  max-height: 250px;
overflow-y: auto;
display: inline-block;
box-shadow: 0px -2px 20px #d7d7d763;
}


#stats-primary-data-form.select-stats-program-day{
  z-index: 99;
}

#stats-primary-data-form #stats-program-day-selector-list{
position: absolute;
border: 1px solid var(--border-color-default);
background: var(--bg);
padding: calc(var(--border-padding) / 2);
display: none;
right: 2rem;
top: 110%;
z-index: 999999999;
border-radius: var(--border-radius-box);
box-shadow: var(--box-shadow-inner-card);
}

#stats-primary-data-form.select-stats-program-day #stats-program-day-selector-list{
display: grid;
grid-template-columns: repeat(7, 1fr);
gap: calc(var(--border-padding) / 2);
}



@media only screen and (max-width: 767px) {


#client-todays-training-page .dayb{
  height: calc(var(--innerHeight) - var(--search-bar-height));
  grid-template-rows: auto;
row-gap: var(--border-padding);
}

#client-todays-training-page .dayb .bucketContainer{
padding-bottom: var(--search-bar-height);
}

#tools-menu-actionBtnContainer{
  width: 100%;
place-content: center;
display: flex !important;
place-items: center;
}

/*#client-my-account-container,*/
.my-account-container{
grid-template-columns: 100%;
grid-template-rows: 76px auto;
}

#client-stats-calendar-and-chart-container{
  padding: 0rem 0rem 1rem 0rem;
}


#stats-page, #trainer-client-checkin-page, #todolist-page, #notes-app-page{
  height: 100%;
}

#stats-page.active, #trainer-client-checkin-page.active, #todolist-page.active, #notes-app-page.active{
  width: 100%;
left: 0;
}

#stats-form-container{
  padding: 0;
}

#stats-form-container #stats-form-container-page1, #stats-form-container.page2 #stats-form-container-page2{
  padding: calc(var(--border-padding) * 1);
}

#stats-form-container-page1, #stats-form-container-page2 form, #stats-form-container-page2 form > div:nth-child(2){
  grid-template-columns: 1fr;
}

#stats-form-container-page1 form, #stats-form-container-page2 form > div:first-child, #stats-form-container-page2 form > div:nth-child(2) > div{
  width: 100%;
}

}