/*.minc-modal-dialog{
z-index: 9999;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
border: none;
background: transparent;
}
*/
/*.minc-modal-dialog::backdrop{
  background: rgba(0,0,0,0.2);
  filter: blur(1.5rem);
}*/


#splash-screen, 
#no-network-screen{
  height: calc(var(--vh, 1vh) * 85);
  width: calc(var(--vw, 1vw) * 85);
  /*position: fixed;*/
  /*left: 50%;*/
  /*top: 50%;*/
  /*transform: translate(-50%,-50%);*/
  border: 0;
  border-radius: var(--border-radius-box);
  box-shadow: var(--box-shadow-outer-card);
}

#splash-screen::backdrop,
#no-network-screen::backdrop {
  background: rgb(187, 187, 187);
}


#splash-screen > div,
#no-network-screen > div{
  display: flex;
place-content: center;
place-items: center;
height: 100%;
width: 100%;
flex-direction: column;
padding: var(--border-padding);
}

#no-network-screen img {
  height: auto;
  object-fit: cover;
  width: 65%;
}

#no-network-screen > div > span{
  font-size: var(--font-size-body-regular);
padding: 0 var(--border-padding);
text-transform: uppercase;
font-weight: 500;
color: var(--fontDark);
text-align: center;
font-family: var(--font-apple-system);
}

.minc-modal{
/*border: 1px solid var(--btncolor);*/
border-radius: var(--border-radius-box);
padding: var(--border-padding);
background: var(--bg);
cursor: auto;
overflow: auto;
/*box-shadow: 0px 2px 20px #d7d7d763;*/
}

#minc-modal-info.modal-body {
  padding: var(--border-padding);
}

.client-today-training-stats-history-modal{
  height: 100%;
}

.modal-body .title,
.form-body .title {
  font-size: var(--font-size-regular) !important;
  font-family: var(--font-apple-system) !important;
  font-weight: 450;
}

.modal-body .body,
.form-body .body {
  font-size: var(--font-size-body-regular) !important;
  font-family: var(--font-manrope) !important;
  font-weight: 300;
}

.chat-timezone .modal-body .body{
color: var(--btncolor-nogradient);
}

.minc-modal .modal-body .exercise-list ol{
  overflow-y: scroll;
max-height: 170px;
list-style: decimal;
margin-bottom: var(--border-padding);
}

#modal-action {
  display: flex;
  justify-content: end;
  gap: var(--border-padding);
}


.minc-modal-overlay{
  height: 100%;
  background: transparent;
  z-index: -99;
  position: absolute;
width: 100%;
}

body.showModal .minc-modal-overlay, dialog::backdrop{
  background: rgba(0,0,0,0.2);
  z-index: 999999999;
  filter: blur(100px);
}

.minc-modal-dialog{
height: auto;
/*left: 50%;*/
/*top: 50%;*/
/*transform: translate(-50%,-50%);*/
z-index: 9999;
position: fixed;
border: none;
background: transparent;
max-height: calc(75 * var(--vh));
overflow: auto;
padding: 0;
/*opacity: 0;*/
}

div.minc-modal-dialog{
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}

#client-chart-modal{
  height: 100%;
  padding: calc(2 * var(--border-padding));
}

.minc-modal-form{
/*border: 1px solid var(--btncolor);*/
background: var(--bg);
border-radius: var(--border-radius-box);
/*cursor: auto;*/
/*padding: var(--border-padding);*/
/*box-shadow: 0px 2px 20px #d7d7d763;*/
/*margin-top: calc(2 * var(--border-padding));*/
/*position: relative;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);*/
}

body.showModal .minc-modal-dialog{
  z-index: 9999999999;
/*opacity: 1;  */
}

.toast-custom-chat{
  border-radius: var(--border-radius-button);
  /*background : linear-gradient(135deg, #1798fb 0%, #2D5CFE 100%);*/
  background: var(--bg);
  overflow: hidden;
  color: black;
  display: flex;
gap: var(--border-padding);
place-content: center;
place-items: center;
}

.toast-custom-chat::before {
  content: '';
  position: absolute;
  height: 100%;
  width: 3px;
  background: linear-gradient(135deg, #1798fb 0%, #2D5CFE 100%);
  left: 0;
  top: 50%;
  border-radius: var(--border-radius-button) 0 0 var(--border-radius-button)inherit;
  transform: translateY(-50%);
}

.toast-custom-chat .toast-close,
.toast-custom-general-notification .toast-close{
/*  color: black;
  height: 30px;
  width: 30px;
  border-radius: 50px;
  padding: 1.25rem;
  display: grid;
  place-content: center;
  font-size: 1rem;
  font-weight: 500;*/
  opacity: 1;
  /*border: 1px solid #333;*/
}

.toast-custom-chat .toast-close::before,
.toast-custom-general-notification .toast-close::before{
margin: 0;
}


.toast-custom-general-notification{
    border-radius: var(--border-radius-button);
  /*background : linear-gradient(135deg, #1798fb 0%, #2D5CFE 100%);*/
  background: var(--btncolor-black2);
  overflow: hidden;
  color: var(--bg);
  display: flex;
gap: var(--border-padding);
place-content: center;
place-items: center;
cursor: default;
}

.toast-custom-general-notification .general-notification{
  cursor: default;
}

.toast-custom-general-notification .toast-close{
  color: var(--bg);
}

.toast-custom-general-notification .toast-close:hover{
  color: var(--btncolor-nogradient-op80-black2);
  background: var(--bg);
}



.text-ellipsis{
  display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}

.text-ellipsis.one-line{
-webkit-line-clamp: 1;
}


.empty-state{
  width: 100%;
padding: var(--border-padding);
position: absolute;
padding-top: calc(2 * var(--border-padding));
}

.empty-state img{
  opacity: 1;
  padding: 0 1.5rem;
  width: 100%;
  max-width: 470px;
}

.empty-state .alert{
  display: block;
  text-align: center;
  font-family: var(--font-apple-system);
  font-size: var(--font-size-body-regular);
}

@media only screen and (max-width: 767px){
  .toastify{
    max-width: 85%;
  }

  .empty-state {
    padding-top: calc(6 * var(--border-padding));
  }
  .empty-state img{
  max-width: 100%;
}
#no-network-screen > div{
  padding: 0;

}
#no-network-screen img {
  width: 100%;
}

}