body{margin:0;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;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app,.app__body{height:100vh}.app__body{display:flex}.header{border-bottom:1px solid #f5f5f5;padding:5px 10px}.header,.header__left{display:flex;justify-content:space-between}.header__left{align-items:center}.header__img{width:80px;object-fit:contain}.header__title{font-size:24px;color:#333;font-weight:400}.header__middle{flex:0.6 1;background:#e0e4e6;border-radius:8px;display:flex;justify-content:space-between;align-items:center;padding:5px 20px}.header__middle input{outline:none;border:none;width:100%;background:none;font-size:medium}.header .MuiSvgIcon-root{color:grey}.header__right{display:flex;align-items:center}.sidebar{flex:0.3 1;margin-right:20px;max-width:300px}.sidebar__compose{margin-top:15px!important;margin-left:10px!important;margin-bottom:15px!important;text-transform:capitalize!important;color:grey!important;border-radius:30px!important;box-shadow:0 2px 5px -2px rgba(0,0,0,.75);padding:15px!important}.sidebar__option{display:flex;align-items:center;padding:0 10px;height:40px;cursor:pointer;color:#818181;border-radius:0 20px 20px 0}.sidebar__option--active,.sidebar__option--active h3,.sidebar__option--active p,.sidebar__option:hover,.sidebar__option:hover h3,.sidebar__option:hover p{background:#fcecec;font-weight:400,im!important;color:#c04b37}.sidebar__option p{font-weight:500;display:none}.sidebar__option:hover p{display:inline}.sidebar__option .MuiSvgIcon-root{padding:10px}.sidebar__option h3{flex:1 1;font-weight:400;font-style:14px;margin-left:10px}.sidebar__option--active p{display:inline;display:inline!important}.sidebar__footer{display:flex;justify-content:center}.mail{flex:1 1;background:#f5f5f5}.mail__tools{display:flex;justify-content:space-between;background:#fff}.mail__body{display:flex;flex-direction:column;margin:30px;background-color:#fff;padding:20px;height:100vh;box-shadow:0 5px 7px 0 rgba(0,0,0,.24)}.mail__bodyHeader{display:flex;align-items:center;border-bottom:1px solid #f5f5f5;padding:20px;position:relative}.mail__bodyHeader h2{font-weight:400;margin-right:20px}.mail__bodyHeader p{margin-left:20px}.mail__importantIcon{color:#e8ab02}.mail__message{padding:10px;margin-right:20px;overflow-wrap:break-word}.mail__time{color:grey;font-size:12px;position:absolute;top:24px;right:0}.email__list{flex:1 1;overflow:scroll}.email__list::-webkit-scrollbar{display:none}.emailList__settings{justify-content:space-between;border-top:1px solid #f5f5f5}.emailList__section,.emailList__settings{display:flex;position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:999}.emailList__section{border-bottom:1px solid #f5f5f5}.emailList__list{padding-bottom:20%}.section{display:flex;align-items:center;border-bottom-width:2px;padding-left:15px;min-width:200px;cursor:pointer;color:grey;border-width:0!important}.section--selected{background-color:#f5f5f5;border-width:3px!important}.section:hover{border-width:3px!important;background:#f5f5f5}.section h4{font-size:14px;margin-left:15px}.email__row{display:flex;align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;z-index:999;height:50px}.email__row:hover{border-top:1px solid #f5f5f5;box-shadow:0 4px 4px -2px rgba(0,0,0,.24)}.email__options{display:flex}.emailRow__message{display:flex;flex:0.8 1;align-items:center;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:12px;font-weight:700}.emailRow__description{font-weight:400;color:grey}.sendMail{position:absolute;bottom:0;right:50px;background:#404040;width:30%;min-height:60%;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;box-shadow:0 5px 7px 0 rgba(0,0,0,.24)}.sendmail__header{display:flex;justify-content:space-between;align-items:center;color:grey;padding:13px}.sendmail__header h2{color:#f5f5f5;font-size:13px}.sendMail__send{background:#3079ed!important;text-transform:capitalize!important;margin:15px!important;padding:7px 12px;border-radius:4px}.sendMail__close{cursor:pointer;color:#fff!important}.sendMail__close:hover{color:coral!important}.sendMail form{display:flex;flex:1 1;flex-direction:column}.sendMail form input{height:30px;padding:10px;outline:none;border:none;border-bottom:1px solid #f5f5f5}.sendMail__message{flex:1 1}.sendMail__error{background-color:#fff;color:red;padding:2px;text-align:right;margin-top:0;margin-bottom:0}.login{display:grid;place-items:center;height:100vh}.login__container{display:flex;flex-direction:column}.login__container img{object-fit:contain;height:80px}
/*# sourceMappingURL=main.de6ba220.chunk.css.map */