.emailItem{width:100%;box-sizing:border-box;padding:10px;display:flex;gap:24px;border:1px solid black;border-radius:5px;background-color:#fff;border:1px solid #CFD2CD;color:#636363;margin-bottom:12px;cursor:pointer}.ReadEmail{background-color:#f2f2f2}.selected{border:1px solid #E54065}.emailItem_avatar{width:40px;height:40px;border-radius:50%;background-color:#e54065;color:#f5f5f5;display:flex;justify-content:center;align-items:center}.emailItem_detail span{color:#655e5e;font-weight:600}.emailItem_detail_description{overflow:hidden;width:400px;white-space:nowrap;text-overflow:ellipsis;padding:13px 0}.emailItem_detail_dateAndTime span{margin:0 5px}.emailItem_detail span>.emailItem_Favourite_btn{color:#e54065}.emailBody{display:flex;width:80%;flex-direction:column;border:1px solid lightgray;border-radius:10px;padding:30px;background-color:#fff;color:#636363}.emailBody_header{display:flex;justify-content:space-between;margin-bottom:20px}.emailBody_metaData{display:flex;align-items:center;gap:10px}.emailBody_header_avatar{display:flex;justify-content:center;align-items:center;width:50px;height:50px;font-size:large;border-radius:50%;margin-right:10px;background-color:#e54065;color:#f5f5f5}.emailBody_header_subject{font-size:20px;font-weight:500;margin-bottom:10px}.emailBody_header_date{display:flex;gap:10px}.emailBody_header_favouriteBtn{border:none;background-color:#e54065;color:#f5f5f5;height:30px;border-radius:20px;padding:0 10px;cursor:pointer}*{margin:0;padding:0}.mainlayout_container{background-color:#f4f5f9;padding:10px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.split_view{display:grid;grid-template-columns:1fr 2fr}.mainlayout_container_body{display:flex;justify-content:center;height:fit-content;margin-top:30px}.filterContainer{display:flex;gap:10px;margin-bottom:10px}.filterContainer button{border:none;cursor:pointer}.selectedFilter_style{box-sizing:border-box;padding:6px 10px;border-radius:10px;background-color:#e1e4ea}.paginationContainer{display:flex;justify-content:center;margin-top:20px;gap:10px}