.Object_CommsBox0 { position: relative; width: 100%; padding: 1rem ; height: 6.5rem; border-radius: 1rem ; margin:  0 0 0.5rem ; padding-left: 4.5rem ; }
.Object_CommsIcon2 { position: absolute; top: -0.3rem; left: 1rem; width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 40%;  font-size: 1.2rem; margin-right: 20px ; text-transform: capitalize; }
/* .Object_CommsIcon2Box { width: 80%; height: fit-content; display: block; } */


.Object_CommsBtn { height: 35px; width: 70px; margin: 0 2px 0 ; transition-duration: 0.3s; display: flex; justify-content: center; align-items: center; background-color: rgba(183, 12, 12, 0) ; border: solid 0.2px black;   }

.Object_CommsBtnIcon { height: 50%; }


/* .Unread { border-right: solid 10px rgb(200, 0, 0) ; margin:  0.5rem 0 0 ; border-bottom: solid 0.2px rgba(200, 0, 0, 0.3 ) ; }
.Read { border-right: solid 10px rgba(0, 0, 0, 0) ; margin:  0.5rem 0 0 ; border-bottom: solid 0.2px rgba(0, 0, 0, 0.3 ) ; } */
.Unread {  box-shadow: 0 0 5px rgba(0, 0, 0, 0) ; background-color: rgba(144, 144, 144, 0) ; border-bottom: solid 0.1rem rgba(128, 128, 128, 0.15 ) ; border-radius: 0 ; }
.Read { background-color: rgba(144, 144, 144, 0); border-bottom: solid 0.1rem rgba(128, 128, 128, 0.3 ) ; border-radius: 0 ; opacity: 0.5 ; }




.Object_CommsSection { float: left; width: 100%; padding: 70px 20% 7rem ; }

.Object_CommsHeadBox { float: right; width: 80%;  z-index: 1 ; }
.Object_CommsBtnBox { position: absolute; bottom: 0; left: 0; width: 100%;  display: flex; justify-content: right; padding: 2rem 3rem 2rem ; border-radius: 0 ; }

.Object_CommsCloseAndMarkUnread { position: absolute; top: 1.5rem; right: 1.5rem; height: 2rem; width: 2rem; border-radius: 100px;  font-size: 1.5rem; display: flex; justify-content: center; align-items: center; z-index: 2; }



.Object_CommsMessage { width: 100%; height: auto ;  line-height: 1.5rem ; }
.Object_CommsName { width: 100%; font-weight: 600; font-size: 1.5rem; margin: 0 0 2rem ; }
.Object_CommsName2 { float: left ; width: 100%;  height: 1.6rem ; font-weight: 600;  font-size: 1.2rem; overflow: hidden;  text-align: left; }
.Object_CommsMessage2 { float: left; width: 100%;  overflow: hidden; height: 1.4rem; background-color: rgba(0, 0, 255, 0); text-align: left; line-height: 1.6rem; }
.Object_CommsDate2 { float: left; width: 100%; height: 1.4rem; opacity: 0.7 ; font-size: 0.9rem ; text-align: left; margin-top: 0.3rem ; }





.Object_CommsBox02  { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(63, 132, 40, 0); padding: 7rem 5% 15rem ; height: 100%; border-radius: 5px; overflow-y: scroll; }











.OpenMessageOptions { position: fixed; bottom: 0; left: 0; width: 100%; height: fit-content; z-index: 10;  }
.OpenMessageOptionsBg2 { position: fixed; bottom: 0; left: 0; width: 100%; height: fit-content; padding: 100px 20% 100px ; background-color: rgb(39, 46, 46); border-radius: 5px; z-index: 12; }
.OpenMessageOptionsBg1 { position: fixed; bottom: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); z-index: 9; }
/* .Object_CommUnreadMessage2 { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(63, 132, 40, 0.701); padding: 5rem 3rem 3rem ; height: 100%; border-radius: 2px; overflow-y: scroll; } */




.Object_CommsBtnBox0 {  float: left; width: 100%; padding: 1.7rem 3rem 1.7rem ; background-color: rgba(255, 255, 255, 0.2) ; margin: 2px 0 0 ; display: flex; flex-direction: row; align-items: center; border-radius: 1rem;  }
.Object_CommsBtnText { display: flex; align-items: center; text-transform: capitalize; width: 70%; }
.Object_CommsBtnIconBox { height: 1.5rem ; display: flex; justify-content: center; align-items: center; margin-right: 30px ; }
.Object_CommsIcon1 { height: 100%; }
.Object_CommsBtnTextBox2 { width: 10%;  }





/* navigation slider */
.InboxSliderBase { position: fixed;  bottom: 0; right: 0; height: 100vh; width: 100%; z-index: 200 ; transition-duration: 0.1s; cursor: pointer ; }
.InboxSliderInner { position: absolute; top: 0; right: 0; height: 100vh; width: 50%; padding: 10vh 5% 10% ; overflow: hidden; overflow-y: scroll; box-shadow: 0 0 7px rgba(0, 0, 0, 0.7) ; cursor: default ; background-color: rgb(238, 241, 245); }
.InboxSliderOpen {  right: 0; width: 100%;  }
.InboxSliderClose {  right: -100%; width: 100%; }



.InboxTopBtnsBox { width: 100%; display: flex; flex-direction: row; justify-content: center; padding: 0 20% 0 ; }
.InboxTopBtns { float: right; padding: 1.4rem 1rem 1.4rem ; width: 100%; margin: 0 0% 0;  font-weight: 600; text-align: center;  cursor: pointer;  text-transform: uppercase;  background-color: rgba(0, 0, 0, 0) ; border-bottom: solid 7px rgb(240, 240, 240); transition-duration: 0.3s; }
.InboxTopBtnsActive { border-bottom: solid 7px rgb(0, 0, 0); transition-duration: 0.3s; }
/* .InboxTopBtnsActive { background-color: black; color: white;  } */


.MailLogo { height: 1rem; }





@media screen and ( max-width: 1700px ) {
}

@media screen and ( max-width: 1200px ) {
}

@media screen and ( max-width: 800px ) {
    .InboxSliderInner { width: 90%;  }
    .InboxTopBtnsBox { padding: 0 1% 0 ; }
    .Object_CommsSection { padding-left: 5%; padding-right: 5%; }
    
}

@media screen and ( max-width: 500px ) {
}