*{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{height:100vh;width:100%}.app__body{display:flex;height:100vh}.header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f5f5f5;margin-top:5px;margin-bottom:10px;position:-webkit-sticky;position:sticky;z-index:999}.header__left>img{object-fit:contain;height:50px;margin-left:5px}.header__left,.header__middle{display:flex;align-items:center}.header__middle{flex:0.7 1;background-color:#f5f5f5;padding:5px;border-radius:5px}.header__middle>input{width:100%;margin:10px;border:none;font-size:medium;outline-width:0;background-color:transparent}.header__middle>.MuiSvgIcon-root{color:grey}.header__right{display:flex;justify-content:space-between;padding-right:10px}.header__avatar{cursor:pointer}.sidebar{flex:0.2 1;padding:10px;max-width:300px;min-width:200px}.sidebar__compose{margin-top:15px!important;margin-left:10px!important;margin-bottom:15px!important;text-transform:capitalize!important;color:grey;padding:15px!important;border-radius:30px!important;box-shadow:0 2px 5px -2px rgba(0,0,0,.75)}.sidebar__addIcon{color:green}.sidebar__footer{display:flex;justify-content:center}.sidebarOption{display:flex;align-items:center;height:40px;padding:0 10px;border-radius:20px;color:grey;cursor:pointer}.sidebarOption>p{display:none;font-weight:300}.sidebarOption>h3{flex:1 1;font-size:14px;margin-left:10px;font-weight:500}.sidebarOption>.MuiSvgIcon-root{padding:5px}.sidebarOption:hover>p{display:inline}.sidebarOption--active,.sidebarOption--active>h3,.sidebarOption--active>p,.sidebarOption:hover,.sidebarOption:hover>h3,.sidebarOption:hover>p{background-color:#fcecec;color:#c04b37;font-weight:800!important}.sidebarOption--active>p{display:inline!important}.mail{flex:1 1;background-color:#f5f5f5}.mail__tools{min-width:700px;justify-content:space-between}.mail__body,.mail__tools{display:flex;background-color:#fff}.mail__body{flex-direction:column;margin:20px;padding:20px;height:100vh;box-shadow:0 4px 4px 0 rgba(0,0,0,.24)}.mail__bodyHeader{display:flex;align-items:center;border-bottom:1px solid #f5f5f5;position:relative;padding:15px}.mail__bodyHeader>h2{font-weight:400;margin-right:20px}.mail__important{color:#e8ab02!important}.mail__message>p{padding:10px;margin-right:20px;overflow-wrap:break-word}.mail__time{position:absolute;font-size:14px;color:grey;right:10px;top:24px}.emailList{flex:1 1;overflow:scroll;width:100%!important;min-width:500px!important}.emailList__settings{justify-content:space-between;padding-right:10px}.emailList__sections,.emailList__settings{display:flex;position:-webkit-sticky;position:sticky;top:0;border-bottom:1px solid #f5f5f5;background-color:#fff;z-index:999}.emailList__sections{height:50px}.emailList__settingsLeft,.emailList__settingsRight{max-width:200px;min-width:200px}.emailList__list{padding-bottom:10%}.emailList::-webkit-scrollbar{display:none}.emailList{-ms-overflow-style:none;scrollbar-width:none}.section{display:flex;align-items:center;min-width:200px;padding:15px;cursor:pointer;border-bottom-width:2px;color:grey;border-width:0!important}.section:hover{border-width:3px!important;background-color:#f5f5f5}.section--selected{border-color:#f5f5f5;border-width:3px!important}.section>h4{font-size:15px;margin-left:15px}.emailRow{display:flex;align-items:center;height:35px;border-bottom:1px solid #f5f5f5;cursor:pointer;z-index:999}.emailRow:hover{border-top:1px solid #f5f5f5;box-shadow:0 4px 4px 2px rgba(0,0,0,.07)}.emailRow__message{display:flex;flex:0.7 1;align-items:center;font-size:13px}.emailRow__options{display:flex}.emailRow__message>h4{width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:5px;padding-right:5px}.emailRow__title{font-size:13px;flex:0.3 1;min-width:100px}.emailRow__description{min-width:100px}.emailRow__time{padding-right:15px;font-size:9px;font-weight:700}.emailRow__description{font-weight:500;color:grey}.sendMail{position:absolute;bottom:0;right:50px;background-color:#d3d3d3;width:40%;height:60%;max-width:500px;border-top-left-radius:10px!important;border-top-right-radius:10px!important;border:1px solid #f5f5f5;box-shadow:0 5px 7px 0 rgba(0,0,0,.2)}.sendMail__header{display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:#1f1c1c}.sendMail__close{cursor:pointer}.sendMail__header>h3{color:#f5f5f5;font-size:14px}.sendMail__close{color:#f5f5f5}.sendMail__send{background-color:#3079ed!important;text-transform:capitalize!important;margin:10px!important;color:#f5f5f5!important;font-size:14px;font-weight:700!important}.sendMail>form{display:flex;flex:1 1;flex-direction:column;height:90%}.sendMail>form>input{height:30px;padding:10px;border:none;border-bottom:1px solid #f5f5f5;outline:none}.sendMail__message{flex:1 1}.sendMail__error{background-color:#fff;color:red;text-align:right;padding:2px}.login{display:grid;place-items:center;height:100vh}.login__container>img{object-fit:contain;height:200px}.login__container{display:flex;flex-direction:column}.login__button{border-radius:20px;margin-top:20px!important}
/*# sourceMappingURL=main.81eff37b.chunk.css.map */