Untitled

.weekcalendar {

  margin-top: 1%;
  margin-bottom: 1%;

}

.tbodyjj {
  box-shadow: 0px 10px 20px 2px #bbb;
  transition: box-shadow 0.3s ease;
}


.tableweekcaltd {


  border: 2px solid #004821;


  padding: 10px;
  width: calc(14.28% - 4px - 2%) !important;
  margin: 0 2% !important;
  max-width: 100px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trclienttr:first-child .tableweekcaltd {
  border-top: 0 !important;
}

.trclienttr:last-child .tableweekcaltd {
  border-bottom: 0 !important;
}

.tableweekcaltd:first-child {
  border-left: 0 !important;
}

.tableweekcaltd:last-child {
  border-right: 0 !important;
}

.text-truncateweekevent {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 2px;
}

.dialogweek {
  color: #f2ebe7;
}

.weekcalendarddd {
  color: rgba(50, 240, 50, .7);

}

.dkljdjsdkjdjk {

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;

}

.papertypeweek {
  margin-top: 15px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 60px 30px;
  border-radius: 10px;
  margin-left: 5% !important;
}

.papertypavatar {
  margin-top: 15px;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  padding: 10px 30px !important;
  border-radius: 10px;
  margin-left: 5% !important;


}

.useravtarstack {
  display: flex;
  justify-content: center;
  /* Horizontal centering */
  align-items: center;
  /* Vertical centering */
  padding: 20px
}

.clientImags_users {
  border-radius: 50%;
  width: 10% !important;
  height: 100% !important;
  object-fit: cover;

}

.aavtarstack {
  width: 15% !important;
  height: 100% !important;
}

.avatar-text {
  text-align: center;
  /* Center text below the avatar */
  margin-top: 10px;
  /* Adjust margin as needed */
}

.p.Usern_Nameeee {
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #111110;
}

.Detailsssssss {
  text-align: center !important;

}

.calender-clientcustome {
  margin-top: 2%;
  /* background: #fff; */
  /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
  margin-top: 2%;
  margin-bottom: 2%;
  border-radius: 10px;
  margin-left: 0% !important;
}

.calender-clientcustome .MuiGrid-spacing-xs-1>.MuiGrid-item {
  padding: 0 !important;
}

.calender-clientcustome .MuiGrid-spacing-xs-1 {
  margin: 0 !important;
}

.calender-clientcustome .MuiPaper-elevation1 {
  box-shadow: -1px 2px 17px 0px rgba(184, 184, 184, 0.50);
  padding: 2%;
}


.avtarcard-clientcustome .MuiGrid-spacing-xs-1>.MuiGrid-item {
  padding: 0 !important;
}

.avtarcard-clientcustome .MuiGrid-spacing-xs-1 {
  margin: 0 !important;
}

.avtarcard-clientcustome .MuiPaper-elevation1 {
  box-shadow: -1px 2px 17px 0px rgba(184, 184, 184, 0.50);
  padding: 2%;

}

.tableweekcaltdd222ddd22d {
  border: 2px solid #004821;
  padding: 10px;
  width: calc(14.28% - 4px - 2%) !important;
  margin: 0 2% !important;
  max-width: 20rem !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tableweekcaltdd222ddd22dweektask {
  padding: 10px;
  width: calc(14.28% - 4px - 2%) !important;
  margin: 2% !important;
  font-weight: 600 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-shadow: 0px 10px 20px 2px #bbb;
  transition: box-shadow 0.3s ease
}