*,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}.app__body{display:flex}.header{justify-content:space-between;position:-webkit-sticky;position:sticky;background:#fff;border-bottom:1px solid #eeecec;padding-top:6px;padding-bottom:6px;z-index:9999;top:0}.header,.header__left{display:flex;align-items:center}.header__left{flex:0.1 1;margin-left:12px;margin-right:80px}.header__left>img{object-fit:contain;margin-left:5px}.header__middle{display:flex;flex:0.7 1;align-items:center;background-color:#f1f3f4;padding:10px 15px;border-radius:8px;height:29px;margin-right:20px}.header__middle>.MuiSvgIcon-root{color:grey;padding-left:3px;padding-right:3px}.header__middle>input{border:none;width:100%;padding:10px;outline:none;color:#9d9999;font-size:medium;background-color:transparent}.header__right{flex:0.1 1;display:flex;padding-right:5px;padding-left:300px;padding-top:5px;margin-left:0}.sidebar{flex:0.2 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:grey;padding:8px 20px 8px 10px!important;border-radius:30px!important;border:1px solid #f1f3f4!important;box-shadow:0 2px 5px -2px rgba(0,0,0,.75);letter-spacing:1px!important}.compose__button{padding-left:5px;padding-right:10px}.sidebar2>h4,.sidebar3>h4{font-size:15px;font-weight:500;padding-top:10px;padding-left:17px}.sidebar1,.sidebar2,.sidebar3{border-bottom:1px solid #eeecec}.hangouts{color:#818181;margin-top:10px;margin-bottom:10px;border-top-right-radius:20px;border-bottom-right-radius:20px}.hangouts,.main{display:flex;align-items:center}.main{flex:1 1}.arrowDown{padding-top:3px;padding-left:0;margin-left:0}.hangouts:hover{background-color:#fcecec;font-weight:800!important}.sidebar__footer{margin-top:10px;display:flex;justify-content:center}.sidebarOption{display:flex;align-items:center;height:40px;padding:0 15px;border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;color:#818181}.sidebarOption>.MuiSvgIcon--root{padding:5px}.sidebarOption>h3{flex:1 1;margin-left:15px;font-weight:500;font-size:15px;color:#484848}.sidebarOption>p{display:none;font-weight:300}.sidebarOption--active>p{display:inline!important}.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}.mail{flex:1 1}.mail__tools{display:flex;justify-content:space-between;background-color:#fff;border-bottom:1px solid #eeecec}.mail__body,.mail__toolsLeft{display:flex}.mail__body{flex-direction:column;margin:10px 20px 20px;background-color:#fff;height:100vh}.mail__bodyHeader{display:flex;align-items:center;justify-content:space-between;padding-left:60px;padding-bottom:10px;position:relative}.mail__bodyHeaderLeft>h2{font-weight:500;margin-right:20px}.mail__bodyTitle{justify-content:space-between;position:relative}.mail__bodyTitle,.mail__bodyTitleLeft{display:flex;align-items:center}.mail__bodyTittleLeftP{margin-left:10px;font-weight:700}.mail__bodyTitleRight{display:flex;align-items:center}.mail__bodyTitleRight>p{font-size:12px;color:grey}.mail__message>p{padding:15px;overflow-wrap:break-word}.mail__message{margin-top:15px;margin-:15px;background-color:#eeecec;height:100vh;box-shadow:0 5px 7px 0 rgba(0,0,0,.24)}.mail__bodyHeaderLeft,.mail__bodyHeaderLeftInbox{display:flex;align-items:center}.mail__bodyHeaderLeftInbox{font-size:small!important;background-color:#eeecec;padding-bottom:3px;padding-left:3px;padding-right:3px;border-radius:5px;color:grey;cursor:pointer}.mail__bodyHeaderLeftInbox:hover{background-color:#a5a4a4;color:#323232}.mail__bodyHeaderLeftInbox>.MuiSvgIcon-root{font-size:small!important;padding-top:3px}.emailList{flex:1 1;overflow:scroll}.emailList::-webkit-scrollbar{display:none}.emailList{-ms-overflow-style:none;scrollbar-width:none}.emailList__settings{justify-content:space-between;padding-right:10px}.emailList__sections,.emailList__settings{position:-webkit-sticky;position:sticky;top:0;display:flex;border-bottom:1px solid #eeecec;background-color:#fff;z-index:999}.emailList__list{padding-bottom:20%}.section{display:flex;align-items:center;border-bottom-width:2px;padding:15px;min-width:200px;cursor:pointer;color:grey;border-width:0!important;margin-right:4px}.section>h4{font-size:14px;font-weight:600;margin-left:15px}.section--selected,.section:hover{border-width:3px!important;border-bottom-right-radius:5px}.section:hover{background-color:#f5f5f5}.emailRow{display:flex;align-items:center;height:50px;border-bottom:1px solid #eeecec;cursor:pointer;z-index:999}.emailRow:hover{border:1px solid #eeecec;box-shadow:0 4px 4px -2px rgba(0,0,0,.24)}.emailRow__options{display:flex}.emailRow__message{display:flex;flex:0.8 1;align-items:center;font-size:15px}.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:11px;font-weight:700}.emailRow__description{font-weight:400;color:grey}.sendMail{position:absolute;bottom:0;right:50px;background-color:#404040;width:50%;height:65%;max-width:550px;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;border:1px solid #eeecec;box-shadow:0 3px 7px 0 rgba(0,0,0,.24)}.sendMail__header{padding:10px 13px;display:flex;justify-content:space-between;color:#bdbbbb}.sendMail__header>h3{color:#eeecec;font-size:15px}.sendMail__close{cursor:pointer;padding-left:3px;padding-right:3px}.sendMail>form{display:flex;flex-direction:column;flex:1 1}.sendMessage__error{background-color:#fff;color:grey;text-align:right;padding:3px;font-size:10px}.sendMail>form>input{height:30px;padding:10px;border:none;border-bottom:1px solid #eeecec;outline:none}.sendMail__message{flex:1 1}.sendMail__options{display:flex;align-items:center;justify-content:space-between;padding-right:10px;color:#bdbbbb}.sendMail__option1{display:flex;flex-direction:row}.sendMail__emoji{padding-top:20px!important}.sendMail__emoji>.MuiSvgIcon-root{padding-right:10px!important}.sendMail__option2{padding-left:5px!important}.sendMail__send{background-color:#3079cd!important;text-transform:capitalize!important;margin:15px!important;color:#eeecec!important}.login{background-color:#f2f2f2;display:grid;place-items:center;height:100vh}.login__container{display:flex;flex-direction:column}.login__container>img{object-fit:contain;height:200px}
/*# sourceMappingURL=main.99908ba9.chunk.css.map */