.dock-container .deleteIcon{
/*  color: red;*/
font-size: var(--font-size);
/*height: 1rem;
width: 1rem;*/
left: var(--border-padding);
position: absolute;
}

.dock-container .deleteIcon::before{
  margin: 0;
}


.dock-container .cancelIcon,
.dock-container .checkIcon,
.dock-container .exercise-select-multiple-btn{
right: var(--border-padding);
position: absolute;
/*font-size: 8px;*/
}



/*.dock-container .checkIcon{
color: blue;
font-size: 1rem;
height: 1rem;
width: 1rem;
right: var(--border-padding);
transition: all 0.3s cubic-bezier(0.23, 1, 0.32, 1);
}

.dock-container .cancelIcon{
font-size: 1rem;
right: var(--border-padding);
position: absolute;
}*/

/*.dock-container .checkIcon.select-true{
transform: translate(50%,50%) scale(0.6);
}*/

#dock-area{
    position: fixed;
width: 100%;
background: var(--bg);
bottom: 0;
z-index: 99;
}



/*#tools-menu-button, #track-button, */
#tools-menu-actionBtnContainer{
position: fixed;
bottom: 1.5rem;
left: 50%;
transform: translateX(-50%);
transition: all 0.2s cubic-bezier(.33,1,.53,1);
z-index: 99;
display: flex;
gap: 1rem;
}

/*#tools-menu-button.go-down,*/
#tools-menu-actionBtnContainer.go-down{
  bottom: -3rem;
}

#tools-menu-container{
height: calc(100 * var(--vh));
width: 100%;
background: transparent;
position: fixed;
bottom: 0;
transition: all 0s cubic-bezier(.33,1,.53,1);
left: 0;
z-index: -9;
}

#tools-menu-container.active {
/*  z-index: 9999;*/
z-index: 99999999;
}

#tools-menu-overlay{
  height: 100%;
  background: transparent;
  z-index: -99;
}

#tools-menu-container.active #tools-menu-overlay{
  background: rgba(0,0,0,0.2);
  z-index: 0;
}

#tools-menu-container #tools-menu{
  background: white;
width: 100%;
height: var(--tools-menu-height);
bottom: calc(var(--tools-menu-height) * -1);
z-index: 9;
transition: all 0.2s cubic-bezier(.33,1,.53,1);
border-radius: 0.625rem;
display: flex;
padding: 1rem;
place-content: center;
gap: 1rem;
flex-wrap: wrap;
}

#tools-menu-container.active #tools-menu{
position: absolute;
bottom: 0;
}

#client-todays-training-top-container #tools-menu{
display: flex;
flex-direction: row;
gap: 1rem;
flex-wrap: wrap;
margin: 0;
place-content: center;
padding: 1rem 0;
}

.tools-btn {
  /*box-shadow: none;*/
  /*background: #ededed;*/
  /*color: var(--btncolor);*/
  flex-direction: column;
  border: 1px solid var(--border-color-default);
  font-size: 10px;
  /*font-size: 1rem;*/
  /*border: 1px solid transparent;*/
}

.tools-btn::before{
  font-size: 1.25rem;
  height: 1.25rem;
width: 1.25rem;
margin-bottom: 4px;
  /*margin: 0;*/
}

.tools-btn ion-icon,
.tools-btn span:first-child{
  font-size: 1.5rem;
  color: var(--btncolor-nogradient-op80-black2);
}

.tools-btn span:first-child{
  font-size: 1rem;
font-weight: 350;
}
/*
.tools-btn:active{
    background: white;
    box-shadow: none;
    border: none;
}

.tools-btn:hover, .tools-btn:focus, .tools-btn:active:focus{
  background: white;
  border: 1px solid #ededed;
  box-shadow: none;
}
*/




.picker-fixed .picker-footer {
  display: flex;
}