.app-email-content .content-area{margin-top:49px;width:calc(100% - 280px)}.app-email-content .content-area.content-left{float:left}.app-email-content .content-area.content-right{float:right}.app-email-content .content-area .app-wrapper hr{border-top:1px solid #d3d3d3;margin:.75rem -1rem 1rem}.app-email-content .content-area .app-wrapper .app-search{position:relative}.app-email-content .content-area .app-wrapper .app-search .search-icon{color:#bdbdbd;left:15px;position:absolute;top:15px}.app-email-content .content-area .app-wrapper .app-search .app-filter{background-color:#fff;border:none;border-radius:.4rem;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);margin-bottom:.5rem;max-width:calc(100% - 3rem);padding:.2rem .2rem .2rem 2.75rem}.app-email-content .content-area .app-wrapper .app-search .app-filter:focus{border-bottom:none!important;box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2)!important}.app-email-content .content-area .app-wrapper .email-header{align-items:baseline;display:flex;justify-content:space-between}.app-email-content .content-area .app-wrapper .email-header .subject{align-items:baseline;display:flex}.app-email-content .content-area .app-wrapper .email-header .subject .back-to-mails{margin-right:1rem}.app-email-content .content-area .app-wrapper .email-header .subject .back-to-mails a{color:#424242}.app-email-content .content-area .app-wrapper .email-header .subject .email-title{font-size:1.5rem;line-height:1.5;margin-top:1rem}.app-email-content .content-area .app-wrapper .email-header .header-action{display:flex;justify-content:space-around;width:175px}.app-email-content .content-area .app-wrapper .email-header .header-action .badge{border-radius:2px;color:#616161;display:flex;float:left;font-size:.75rem;margin-left:0;padding-right:8px}.app-email-content .content-area .app-wrapper .email-header .header-action i{cursor:pointer}.app-email-content .content-area .app-wrapper .email-content .list-title-area{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.app-email-content .content-area .app-wrapper .email-content .list-title-area .user-media{align-items:center;display:flex}.app-email-content .content-area .app-wrapper .email-content .list-title-area .user-media img{height:40px;margin-right:1rem;width:40px}.app-email-content .content-area .app-wrapper .email-content .list-title-area .user-media .list-title{display:flex;flex-direction:column}.app-email-content .content-area .app-wrapper .email-content .list-title-area .user-media .list-title .to-person{color:#757575;font-size:.85rem}.app-email-content .content-area .app-wrapper .email-content .list-title-area .title-right{align-items:center;display:flex;justify-content:space-between;width:250px}.app-email-content .content-area .app-wrapper .email-content .list-title-area .title-right .mail-time{color:#616161;font-size:.75rem;letter-spacing:.035rem}.app-email-content .content-area .app-wrapper .email-content .list-title-area .title-right i{color:#616161;cursor:pointer}.app-email-content .content-area .app-wrapper .email-content .email-desc p{margin:1rem auto}.app-email-content .content-area .app-wrapper .email-footer,.app-email-content .content-area .app-wrapper .email-footer .footer-title{margin:1rem 0}.app-email-content .content-area .app-wrapper .email-footer .footer-action{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between}.app-email-content .content-area .app-wrapper .email-footer .footer-action .attachment-list{display:flex}.app-email-content .content-area .app-wrapper .email-footer .footer-action .attachment-list .attachment{align-items:center;display:flex;flex-direction:column;margin-right:1rem}.app-email-content .content-area .app-wrapper .email-footer .footer-action .attachment-list .attachment .attached-image{max-width:75px}.app-email-content .content-area .app-wrapper .email-footer .footer-action .attachment-list .attachment .size{font-size:.75rem}.app-email-content .content-area .app-wrapper .email-footer .footer-action .attachment-list .attachment .links{display:flex;justify-content:space-between;margin-top:.25rem;width:100%}.app-email-content .content-area .app-wrapper .email-footer .footer-action .attachment-list .attachment .links a i{color:#9e9e9e;font-size:1.35rem}.app-email-content .content-area .app-wrapper .email-footer .footer-action .footer-buttons .forward i{filter:FlipH;transform:scaleX(-1)}.app-email-content .content-area .app-wrapper .email-footer .forward-box,.app-email-content .content-area .app-wrapper .email-footer .reply-box{margin-top:1rem}.app-email-content .content-area .app-wrapper .email-footer .forward-box.d-none,.app-email-content .content-area .app-wrapper .email-footer .reply-box.d-none{display:none}.snow-container{border:1px solid #dfe3e7;border-radius:4px;padding:1rem}.snow-container .ql-snow,.snow-container .ql-toolbar{border:none}.snow-container .ql-container{min-height:80px}.snow-container .ql-tooltip{left:0!important}.snow-container .ql-tooltip input[type=text]{width:100px}@media(max-width:900px){.content-area{margin-top:-110px!important}.content-area.content-left,.content-area.content-right{float:none!important;width:100%;z-index:1}}@media screen and (max-width:768px){.app-email-content .content-area{float:none;width:100%}}@media(max-width:600px){.app-email-content .content-area .app-wrapper .email-header{display:block}.app-email-content .content-area .app-wrapper .email-header .header-action{justify-content:flex-end;width:100%}.app-email-content .content-area .app-wrapper .email-header .header-action div,.app-email-content .content-area .app-wrapper .email-header .header-action span{margin-left:1rem}}@media screen and (max-width:540px){.app-email-content .content-area .app-wrapper .email-footer .footer-action{display:block}.app-email-content .content-area .app-wrapper .email-footer .footer-action .footer-buttons .btn.forward,.app-email-content .content-area .app-wrapper .email-footer .footer-action .footer-buttons .btn.reply{margin-top:5px}}
