.mailFilters flx-text>div{margin-bottom:5px}.childNodes{padding-left:8px}.mailFolders{font-size:12px;line-height:1.5em}.mailFolders .nochildren{padding-left:13px}.mailFolders [folderid]{padding:2px;cursor:pointer}.mailFolders [folderid].selected{font-weight:bold;color:#2eafe7}.mailFolders [folderid]:hover{background-color:rgba(31,142,238,0.19);border:solid 1px #1f8eee}.mailList .selected{background-color:rgba(31,142,238,0.19)}.mailList .nomail-data{background-image:url('/Dashboards/img/mails/empty.svg');background-repeat:no-repeat;background-position:center;height:500px;width:100%}.mailList .nosettings-data{background-image:url('/Dashboards/img/mails/settings.svg');background-repeat:no-repeat;background-position:center;height:500px;width:100%}.mailList .nomail-text,.mailList .nosettings-text{font-size:34px;color:#fff;text-align:center}.loadMoreRow .loadMore{text-align:center;color:#2eafe7}.mailFilters{padding-top:20px}.mailFilters hr{border-color:#fff}.mailFilters a{color:#fff}.mailToolbar{padding-top:20px;padding-bottom:20px;border-bottom:1px solid #fff}.mailToolbar .mail-button-separator{margin-right:300px;display:block}.box-mail-bagbutton{width:35px;float:left}.box-mail-bagbutton .btn.btn-default.bagButton{border:none;margin:6px 0px 4px 4px}.box-mail-bagbutton .btn.btn-default.bagButton.active{background-color:transparent;box-shadow:none}.box-mail-data{width:calc(100% - 35px);float:right}.box-mail{color:#b3bbc3;background-color:#fff;border-left:solid 5px #2eafe7;line-height:1.2;padding-right:4px}.box-mail:hover{background-color:#e5f5fc}.box-mail .from{font-size:16px;font-weight:300;font-weight:bold}.box-mail .message{display:block;font-size:11px}.box-mail .subject{line-height:20px;color:#2eafe7;font-weight:bold}.box-mail .date{font-size:12px}.box-mail .icons{font-size:18px}.box-mail.seen{border-left:solid 5px #e6e6e6}.box-mail.seen .subject,.box-mail.seen .date,.box-mail.seen .body,.box-mail.seen .from{font-weight:normal;color:#616e7c}.box-mail .btn-default{background-color:transparent}.box-mail-folders{padding:10px;line-height:1.9}flx-mailview>.toolbar>.btn-group>.btn{background-color:transparent;border:none;margin-right:14px}.mail-viewer{padding:20px;background-color:#fff;margin-top:15px}.mail-viewer .from{font-size:16px;color:#2eafe7;font-weight:bold}.mail-viewer iframe{border:none;width:100%;height:100%}.mail-viewer hr{margin-top:#fff}.mail-attachment{box-sizing:border-box;cursor:pointer;display:block;float:left;font-size:14px;height:48px;line-height:20px;margin:5px;padding:2px 4px;text-size-adjust:100%;border:solid 1px #fff}.mail-attachment:hover{background-color:#e5f5fc}main[pagename=sysMailBoxPage] .LeftPosition{width:125px}main[pagename=sysMailBoxPage] .RightPosition{width:calc(100% - 125px)}main[pagename=syspage-list-mailobject] .LeftPosition{width:125px}main[pagename=syspage-list-mailobject] .RightPosition{width:calc(100% - 125px)}.mail-viewer-attachment{display:flex;align-items:center;justify-content:space-between;border-radius:6px;background-color:rgba(120,154,152,0.1);color:#000;overflow:hidden;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-o-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s;width:300px;height:36px;margin:10px 5px;padding:0px 10px}.mail-viewer-attachment>div:first-child{max-width:92%;display:flex;align-items:center;justify-content:space-between}.mail-viewer-attachment>div:first-child>i{margin-right:6px}.mail-viewer-attachment>div:first-child>small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-viewer-attachment .mail-viewer-download{cursor:pointer;opacity:0.8;font-weight:bold;-webkit-transition:all 0.15s ease-in-out 0s;-moz-transition:all 0.15s ease-in-out 0s;-o-transition:all 0.15s ease-in-out 0s;transition:all 0.15s ease-in-out 0s;border-radius:4px;padding:4px 6px;color:unset;text-decoration:unset}.mail-viewer-attachment .mail-viewer-download:hover{opacity:1;background-color:rgba(120,154,152,0.2)}.box-mail-sync{background-color:#fff}.sync-content{width:100%;height:80px;display:flex;justify-content:center;align-items:center}.sync-content .sync{width:80px;height:50px;position:relative}.sync-content .sync p{top:0;padding:0;margin:0;color:#2eafe7;animation:text 3.5s ease both infinite;font-size:12px;letter-spacing:1px}@keyframes text{0%{letter-spacing:1px;
transform:translateX(0px)}
40%{letter-spacing:2px;
transform:translateX(26px)}
80%{letter-spacing:1px;
transform:translateX(32px)}
90%{letter-spacing:2px;
transform:translateX(0px)}
100%{letter-spacing:1px;
transform:translateX(0px)}}
.sync-content .sync span{background-color:#ceecf9;border-radius:50px;display:block;height:16px;width:16px;bottom:0;position:absolute;transform:translateX(64px);animation:loading 3.5s ease both infinite}.sync-content .sync span:before{position:absolute;content:"";width:100%;height:100%;background-color:#2eafe7;border-radius:inherit;animation:loading2 3.5s ease both infinite}@keyframes loading{0%{width:16px;
transform:translateX(0px)}
40%{width:100%;
transform:translateX(0px)}
80%{width:16px;
transform:translateX(64px)}
90%{width:100%;
transform:translateX(0px)}
100%{width:16px;
transform:translateX(0px)}}
@keyframes loading2{0%{transform:translateX(0px);
width:16px}
40%{transform:translateX(0%);
width:80%}
80%{width:100%;
transform:translateX(0px)}
90%{width:80%;
transform:translateX(15px)}
100%{transform:translateX(0px);
width:16px}}