*{overflow:hidden}*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App,.app__body{height:100vh}.app__body{display:flex}.header{min-width:320px;position:relative;justify-content:space-between;border-bottom:1px solid #f5f5f5;transition:box-shadow .25s ease 0s}.header,.header_left{display:flex;align-items:center}.header_left{height:48px;padding:8px 30px 8px 8px;vertical-align:middle}.header_middle{display:flex;flex:0.7 1;align-items:center;background-color:#f5f5f5;border:1px solid transparent;border-radius:8px}.header_middle>input{border:none;width:100%;padding:10px;outline:none;font-size:medium;background-color:transparent}.header_middle:hover{background-color:#fff;box-shadow:0 1px 1px 0 rgb(65 69 73/30%),0 1px 3px 0 rgb(65 69 73/15%)}.header_right{display:flex;padding-right:20px}@media screen and (max-width:720px){.header_right{display:none}.header_left>img{width:80px}.header_middle{flex:0.9 1;margin-right:10px;height:40px}.header_middle>input{padding:4px}}.sidebar{flex:0.3 1;max-width:300px;padding-right:20px}.sidebar__compose{margin-top:15px!important;margin-left:10px!important;margin-bottom:15px!important;text-transform:capitalize!important;color:#202124;font-weight:500;color:#353434;font-family:Georgia,"Times New Roman",Times,serif;padding:2px 15px!important;border-radius:30px!important;box-shadow:0 2px 5px -2px rgba(0,0,0,.75)}.sidebar__footer{display:flex;justify-content:center}.sidebarOption{display:flex;align-items:center;height:45px;padding:0 10px;border-radius:20px;cursor:pointer;color:#595a5c}.sidebarOption>h3{font-family:Arial,Helvetica,sans-serif;flex:1 1;margin-left:10px;font-size:14px;font-weight:400}.sidebarOption>.MuiSvgIcon-root{padding:5px}.sidebarOption>p{display:none;font-weight:300}.sidebarOption--active,.sidebarOption--active>h3,.sidebarOption--active>p,.sidebarOption:hover,.sidebarOption:hover>h3,.sidebarOption:hover>p{background-color:#fcecec;color:#c04b37;font-weight:600!important}.sidebarOption--active>p{display:inline!important}.sidebarOption:hover>p{display:inline}.mail{flex:1 1;background-color:#faf9f9;height:120vh}.mail__tools{display:flex;justify-content:space-between;background-color:#fff}.mail_toolsLeft{display:flex}.mail__body{display:flex;flex-direction:column;margin:30px;background-color:#fff;padding:20px;max-height:100vh;height:100%;box-shadow:0 5px 7px 0 rgba(0,0,0,.24)}.body_mailHeader{display:flex;align-items:center;border-bottom:1px solid #f5f5f5;padding:20px;position:relative}.body_mailHeader>h2{font-weight:400;margin-right:20px}.mail_messgae>p{padding:18px;margin-right:20px;overflow-wrap:break-word}.body_mailHeader>p{margin-left:20px}.mail__time{position:absolute;top:24px;right:0;font-size:12px;color:grey}.emailList{flex:1 1;overflow:scroll}.emailList__settings{display:flex;top:0;justify-content:space-between;border-bottom:1px solid #f5f5f5;background-color:#fff;z-index:999;padding-right:10px}.emailList__sections{position:-webkit-sticky;position:sticky;top:0;display:flex;background-color:#fff;z-index:998}.emailList_List{padding-bottom:20px}.emailRow{display:flex;align-items:center;height:50px;border-bottom:1px solid #f5f5f5;cursor:pointer;z-index:997}.emailRow:Hover{border-top:1px solid #f5f5f5;box-shadow:0 4px 4px -2px rgba(0,0,0,.24)}.emailRow__message,.emailRow__options{display:flex;align-items:center}.emailRow__message{flex:0.8 1;font-size:13px}.emailRow__message>h4{width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:5px;padding-right:5px}.emailRow__title{font-size:13px;flex:0.3 1}.emailRow__time{padding-right:15px;font-size:9px;font-weight:700}.emailrow_description{font-weight:400;color:grey}.Section{display:flex;align-items:center;padding:15px;min-width:200px;cursor:pointer;border-width:0!important}.Section>h4{font-size:14px!important;font-weight:500;margin-left:15px}.section--selected,.Section:hover{background-color:#f5f5f5;border-width:3px!important}.sendmail{position:absolute;bottom:0;right:50px;background-color:#404040;width:40%;height:50%;max-width:500px;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;border:1px solid #f5f5f5;box-shadow:0 5px 0 rgba(0,0,0,.24)}.sendmail__header{display:flex;height:40px;margin:5px;align-items:center;color:#f5f5f5;font-size:13px}.sendmail__header>h3{flex-grow:1}.sendmail__send{background-color:#3079ed!important;text-transform:capitalize!important;margin:15px!important}.sendmail__close{cursor:pointer}.sendmail>form{display:flex;flex:1 1;flex-direction:column}.sendmail>form>input,textarea{height:30px;padding:10px;border:none;border-bottom:1px solid #f5f5f5;outline:none}.sendmail_message{flex:1 1;resize:none}.sendmail_errors{background-color:#fff;color:red;text-align:right;padding:2px;font-size:14px}.login{background-color:#f2f2f2;display:grid;place-items:center;height:100vh}.login__container{display:flex;flex-direction:column;align-items:center}.btns{background-color:#0c75ec;width:200px;border-radius:20px}.btns:hover{background-color:rgba(29,126,236,.74)}.login__container>img{object-fit:contain;height:200px}
/*# sourceMappingURL=main.87da1828.chunk.css.map */