/*personal*/


/*personal body*/

.personal-wrapper .personal-footer .footer-wrapper {
  border-radius: 15px 15px 0px 0px;
}


.text-wrapper {
  width: 75%;
}
.info-wrapper {
  width: 25%;
  min-width: 55px;
  text-align: right;
}

.header-nav div {
  cursor: pointer;
}

.user-name-persona {
  cursor: pointer;
}

.user-mess-wrapper,
.admin-mess-wrapper {
  margin: 15px 0;
}

.personal-message {
  padding: 20px 0px;
  height: calc(100vh - 185px);
  overflow: auto;
}

.user-mess-wrapp {
  display: flex;
  justify-content: end;
}

.user-mess-wrapp .img {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  border-radius: 50%;
  background-size: cover;
  background-position: center;
}

.user-mess {
  max-width: 250px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 0px 20px 20px 20px;
  font-size: 14px;
  color: #979eab;
  display: flex;
  align-items: unset;
  justify-content: space-between;
}

.admin-mess-wrapp {
  display: flex;
  justify-content: flex-end;
}
.admin-mess {
  max-width: 250px;
  padding: 10px;
  border: 1px solid #c7d0e8;
  border-radius: 20px 0px 20px 20px;
  background-color: #ebf0fe;
  color: #799af8;
  font-size: 14px;
  display: flex;
}

.personal-mess-date {
  font-size: 10px;
  margin-left: 5px;
}

.user-mess .check {
  font-size: 10px;
  margin-left: 5px;
}

.admin-mess-wrapper {
  display: flex;
  justify-content: flex-end;
}

.admin-mess .check {
  font-size: 10px;
  margin-left: 5px;
}

.admin-mess-wrapper .mess-img {
  width: 70%;
  height: 150px;
  border-top-left-radius: 20px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-image: url("https://via.placeholder.com/300x300?text=User");
  background-position: center;
  background-size: cover;
}

.user-mess-wrapper .mess-img {
  width: 70%;
  height: 150px;
  border-top-left-radius: 0px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-image: url("https://via.placeholder.com/300x300?text=User");
  background-position: center;
  background-size: cover;
}

.mess-img-admin .check {
  position: relative;
  top: 80%;
  left: 92%;
  font-size: 10px;
  color: #fff;
}
.mess-img .check {
  position: relative;
  top: 80%;
  left: 90%;
  font-size: 10px;
  color: #fff;
}

/*@media (max-width: 768px) and (max-height: 1024px){*/
/*  .personal-message-from {*/
/*    height: 81.5vh;*/
/*  }*/
/*}*/

/*@media (max-width: 414px) and (max-height: 736px){*/
/*  .personal-message-from {*/
/*    height: 75vh;*/
/*  }*/
/*}*/

/*@media (max-width: 375px) and (max-height: 667px){*/
/*  .personal-message-from {*/
/*    height: 72vh;*/
/*  }*/
/*}*/

/*@media (max-width: 320px) and (max-height: 568px){*/
/*  .personal-message-from {*/
/*    height: 67vh;*/
/*  }*/
/*}*/