/* «سماء الدرور» — Roundcube icons redrawn as line icons, the same 24-grid / 2px-stroke language as the admin panel.
   Each glyph keeps its own box (so nothing moves); the glyph is hidden and the line icon is painted in its colour. */
.menu a.compose:before, .floating-action-buttons a.button.compose:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/compose.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/compose.svg) center/1.15em 1.15em no-repeat}
.menu a.mail:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat}
.menu a.contacts:before, .menu a.addressbook:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat}
.menu a.settings:before, .menu a.actions:before, a.button.icon.settings:before, button.btn.settings:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/settings.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/settings.svg) center/1.15em 1.15em no-repeat}
.menu a.theme.light:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/sun.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/sun.svg) center/1.15em 1.15em no-repeat}
.menu a.theme.dark:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/moon.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/moon.svg) center/1.15em 1.15em no-repeat}
.menu a.about:before, .menu a.info:before, a.button.icon.properties:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/about.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/about.svg) center/1.15em 1.15em no-repeat}
.menu a.help:before, a.button.icon.help:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/help.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/help.svg) center/1.15em 1.15em no-repeat}
.menu a.logout:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/logout.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/logout.svg) center/1.15em 1.15em no-repeat}
.menu a.refresh:before, a.button.icon.refresh:before, button.btn.refresh:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/refresh.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/refresh.svg) center/1.15em 1.15em no-repeat}
.menu a.reply:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/reply.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/reply.svg) center/1.15em 1.15em no-repeat}
.menu a.reply-all:before, .menu a.reply.all:before, .menu a.reply.list:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/replyall.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/replyall.svg) center/1.15em 1.15em no-repeat}
.menu a.forward:before, .menu a.forward.attachment:before, .menu a.forward.bounce:before, .menu a.forward.inline:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/forward.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/forward.svg) center/1.15em 1.15em no-repeat}
.menu a.delete:before, .menu a.search.delete:before, a.button.icon.delete:before, a.button.icon.discard:before, button.btn.delete:before, button.btn.discard:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/trash.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/trash.svg) center/1.15em 1.15em no-repeat}
.menu a.markmessage:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/tag.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/tag.svg) center/1.15em 1.15em no-repeat}
.menu a.more:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/more.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/more.svg) center/1.15em 1.15em no-repeat}
.menu a.select:before, .menu a.selection:before, .menu a.select.invert:before, a.button.icon.selection:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/select.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/select.svg) center/1.15em 1.15em no-repeat}
.menu a.threads:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/threads.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/threads.svg) center/1.15em 1.15em no-repeat}
.menu a.options:before, a.button.icon.options:before, button.btn.options:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/options.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/options.svg) center/1.15em 1.15em no-repeat}
.menu a.save:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/save.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/save.svg) center/1.15em 1.15em no-repeat}
.menu a.attach:before, .menu a.vcard:before, a.button.icon.attach:before, button.btn.attach:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/attach.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/attach.svg) center/1.15em 1.15em no-repeat}
.menu a.signature:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/signature.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/signature.svg) center/1.15em 1.15em no-repeat}
.menu a.responses:before, .menu a.insertresponse:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/responses.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/responses.svg) center/1.15em 1.15em no-repeat}
.menu a.send:before, a.button.icon.send:before, a.button.icon.bounce:before, button.btn.send:before, button.btn.bounce:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/send.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/send.svg) center/1.15em 1.15em no-repeat}
.menu a.search:before, a.button.icon.search:before, button.btn.search:before, .searchbar form:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/search.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/search.svg) center/1.15em 1.15em no-repeat}
.menu a.archive:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/archive.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/archive.svg) center/1.15em 1.15em no-repeat}
.menu a.junk:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/junk.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/junk.svg) center/1.15em 1.15em no-repeat}
.menu a.notjunk:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/notjunk.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/notjunk.svg) center/1.15em 1.15em no-repeat}
.menu a.move:before, .menu a.folders:before, a.button.icon.folders:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/move.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/move.svg) center/1.15em 1.15em no-repeat}
.menu a.copy:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/copy.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/copy.svg) center/1.15em 1.15em no-repeat}
.menu a.print:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/print.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/print.svg) center/1.15em 1.15em no-repeat}
.menu a.flag:before, .menu a.select.flagged:before, .menu a.unflag:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/flag.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/flag.svg) center/1.15em 1.15em no-repeat}
.menu a.read:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat}
.menu a.unread:before, .menu a.expand.unread:before, .menu a.select.unread:before, .searchbar a.unread:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/unread.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/unread.svg) center/1.15em 1.15em no-repeat}
.menu a.download:before, .menu a.download.eml:before, .menu a.download.maildir:before, .menu a.download.mbox:before, .menu a.export:before, .menu a.export.all:before, .menu a.export.selection:before, a.button.icon.export:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/download.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/download.svg) center/1.15em 1.15em no-repeat}
.menu a.import:before, .menu a.upload:before, a.button.icon.import:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/upload.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/upload.svg) center/1.15em 1.15em no-repeat}
.menu a.edit:before, .menu a.rename:before, a.button.icon.edit:before, button.btn.edit:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/edit.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/edit.svg) center/1.15em 1.15em no-repeat}
.menu a.create:before, a.button.icon.create:before, button.btn.create:before, .floating-action-buttons a.button:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/plus.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/plus.svg) center/1.15em 1.15em no-repeat}
.menu a.extwin:before, a.button.icon.extwin:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/extwin.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/extwin.svg) center/1.15em 1.15em no-repeat}
.menu a.source:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/source.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/source.svg) center/1.15em 1.15em no-repeat}
.menu a.undo:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/undo.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/undo.svg) center/1.15em 1.15em no-repeat}
.menu a.qrcode:before, a.button.icon.qrcode:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/qrcode.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/qrcode.svg) center/1.15em 1.15em no-repeat}
.menu a.encrypt:before, .menu a.enigma:before, a.button.icon.encrypt:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/lock.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/lock.svg) center/1.15em 1.15em no-repeat}
.menu a.check.selected:before, a.button.icon.save:before, a.button.icon.submit:before, a.button.icon.continue:before, .listing.iconized.selectable li a.selected:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/check.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/check.svg) center/1.15em 1.15em no-repeat}
.menu a.select.none:before, a.button.icon.cancel:before, a.button.icon.close:before, a.button.icon.remove:before, .searchbar a.reset:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/close.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/close.svg) center/1.15em 1.15em no-repeat}
.menu a.back:before, .menu a.prev:before, a.button.icon.back-list-button:before, a.button.icon.back-sidebar-button:before, a.button.icon.back-content-button:before, a.button.icon.back:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevleft.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/chevleft.svg) center/1.15em 1.15em no-repeat}
.menu a.prevpage:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevleft.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/chevleft.svg) center/1.15em 1.15em no-repeat}
.menu a.nextpage:before, .menu a.expand:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevright.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/chevright.svg) center/1.15em 1.15em no-repeat}
.menu a.firstpage:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/first.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/first.svg) center/1.15em 1.15em no-repeat}
.menu a.lastpage:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/last.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/last.svg) center/1.15em 1.15em no-repeat}
.searchbar a.options:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevdown.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/chevdown.svg) center/1.15em 1.15em no-repeat}
.searchbar.open a.options:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevup.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/chevup.svg) center/1.15em 1.15em no-repeat}
a.button.icon.task-menu-button:before, button.btn.task-menu-button:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/menu.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/menu.svg) center/1.15em 1.15em no-repeat}
a.button.icon.sidebar-menu:before, a.button.icon.toolbar-menu-button:before, a.button.icon.toolbar-list-button:before, button.btn.sidebar-menu:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/kebab.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/kebab.svg) center/1.15em 1.15em no-repeat}
.folderlist li a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/folder.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/folder.svg) center/1.15em 1.15em no-repeat}
.folderlist li.inbox > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/inbox.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/inbox.svg) center/1.15em 1.15em no-repeat}
.folderlist li.drafts a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/drafts.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/drafts.svg) center/1.15em 1.15em no-repeat}
.folderlist li.sent a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/send.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/send.svg) center/1.15em 1.15em no-repeat}
.folderlist li.junk a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/junk.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/junk.svg) center/1.15em 1.15em no-repeat}
.folderlist li.trash a:before, .folderlist li.trash.empty > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/trash.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/trash.svg) center/1.15em 1.15em no-repeat}
.folderlist li.archive > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/archive.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/archive.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.preferences > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/options.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/options.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.folders > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/folder.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/folder.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.identities > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/idcard.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/idcard.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.responses > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/responses.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/responses.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.password > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/lock.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/lock.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.filter > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/filter.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/filter.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.vacation > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/clock.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/clock.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.forward > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/forward.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/forward.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.setupphone > a:before, #settings-menu li.setupphone > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/phone.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/phone.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.twofactor2a > a:before, #settings-menu li.twofactor2a > a:before, .listing.iconized li.twofactorauth > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/shield.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/shield.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.addressbook a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.contactgroup a:before, .listing.iconized li.group > i:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.contactsearch a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/search.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/search.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li > i:before, .listing.iconized tr.contact.person td.name:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/user.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/user.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.contact.group td.name:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.general > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/monitor.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/monitor.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.mailbox > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.mailview > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/eye.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/eye.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.compose > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/compose.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/compose.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.addressbook > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/contacts.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.folders > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/folder.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/folder.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.server > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/server.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/server.svg) center/1.15em 1.15em no-repeat}
.listing.iconized tr.encryption > td.section:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/lock.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/lock.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li.enigma.keys > a:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/key.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/key.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li a.about:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/about.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/about.svg) center/1.15em 1.15em no-repeat}
.listing.iconized li a.help:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/help.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/help.svg) center/1.15em 1.15em no-repeat}
.folderlist li a:before{position:static!important;display:inline-block!important;width:1.25em!important;height:1.25em!important;line-height:1.25em!important;vertical-align:-.28em!important;margin-inline-end:.55rem!important;margin-inline-start:0!important;float:none!important}
#taskmenu a:before, .toolbar a.button:before, .header .menu a:before{-webkit-mask-size:1.3em 1.3em!important;mask-size:1.3em 1.3em!important}
.folderlist li a:before, .listing.iconized li > a:before{color:inherit!important}
.listing.iconized tr td.section:before, .listing.iconized tr.contact td.name:before, #identities-table td.mail:before, #filtersetslist td.name:before{position:static!important;display:inline-block!important;width:1.25em!important;height:1.25em!important;line-height:1.25em!important;vertical-align:-.28em!important;margin-inline-end:.55rem!important;float:none!important}
.input-group-text.icon.edit:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/edit.svg) center/1.05em 1.05em no-repeat;mask:url(../images/i/edit.svg) center/1.05em 1.05em no-repeat}
.input-group-text.icon.add:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/plus.svg) center/1.05em 1.05em no-repeat;mask:url(../images/i/plus.svg) center/1.05em 1.05em no-repeat}
.input-group-text.icon.add.recipient:before{-webkit-mask-image:url(../images/i/contacts.svg);mask-image:url(../images/i/contacts.svg)}
.input-group-text.icon.delete:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/close.svg) center/1.05em 1.05em no-repeat;mask:url(../images/i/close.svg) center/1.05em 1.05em no-repeat}
.html-editor .editor-toolbar .mce-i-html:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/source.svg) center/1.1em 1.1em no-repeat;mask:url(../images/i/source.svg) center/1.1em 1.1em no-repeat}
.file-upload.droptarget:after{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/upload.svg) center/56px 56px no-repeat;mask:url(../images/i/upload.svg) center/56px 56px no-repeat;opacity:.4}
.quota-widget:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/drive.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/drive.svg) center/1.15em 1.15em no-repeat}
.menu a.filterlink:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/filter.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/filter.svg) center/1.15em 1.15em no-repeat}
/* phone / tablet task menu: the icon box takes the row's own height so icon and label share one centre line */
@media screen and (max-width:480px){
  #taskmenu a:before{height:47px!important;line-height:47px!important;width:1.5em!important;margin-right:.6rem!important;-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-size:1.35em 1.35em!important;mask-size:1.35em 1.35em!important}
  html[lang^="ar"] #taskmenu a:before{float:right!important;margin-right:0!important;margin-left:.6rem!important}
  html[lang^="ar"] #taskmenu a{text-align:right!important}
}
@media screen and (min-width:481px) and (max-width:1024px){
  #taskmenu a:before{height:42px!important;-webkit-mask-position:center!important;mask-position:center!important}
}
/* header icon buttons: the masked icon needs the full button height (a font glyph overflowed its
   17.5px ::before and still looked centred; a mask paints only the box, so it sat at the top) */
#layout .header a.button.icon:before{ height:100% !important; -webkit-mask-position:center !important; mask-position:center !important }
/* 1.7: Refresh is `a.button.icon.toolbar-button` and shows its label on wide screens — there the icon
   keeps its own height or it pushes "Refresh" out of the bar. */
@media (min-width:1201px){ #layout .header a.button.icon.toolbar-button:before{ height:1.75rem !important } }
/* 1.7 message-header links (Summary · Headers · Plain text) are new classes still on Elastic's font */
#message-header a.headers-summary:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/mail.svg) center/1.15em 1.15em no-repeat}
#message-header a.headers-all:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/about.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/about.svg) center/1.15em 1.15em no-repeat}
#message-header a.plain:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/text.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/text.svg) center/1.15em 1.15em no-repeat}
.menu a.next:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevright.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/chevright.svg) center/1.15em 1.15em no-repeat}
#message-header a.extwin:before, .header-subject a.extwin:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/extwin.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/extwin.svg) center/1.15em 1.15em no-repeat}
/* the small caret beside Reply all / Forward that opens their menu */
.menu a.dropdown:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevdown.svg) center/.8em .8em no-repeat;mask:url(../images/i/chevdown.svg) center/.8em .8em no-repeat}
/* list rows, folder tree, form buttons still painted with Elastic's font (found by a glyph scan of every screen) */
button.btn.btn-primary.submit:before, button.btn.btn-primary.save:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/check.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/check.svg) center/1.15em 1.15em no-repeat;display:inline-block;width:1.15em;vertical-align:-.15em}
.menu a.purge:before, a.button.icon.purge:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/trash.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/trash.svg) center/1.15em 1.15em no-repeat}
#identities-table td.mail:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/idcard.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/idcard.svg) center/1.15em 1.15em no-repeat}
#filterslist td.name:before, #filtersetslist td.name:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/filter.svg) center/1.15em 1.15em no-repeat;mask:url(../images/i/filter.svg) center/1.15em 1.15em no-repeat}
.treetoggle.expanded:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevdown.svg) center/.85em .85em no-repeat;mask:url(../images/i/chevdown.svg) center/.85em .85em no-repeat}
.treetoggle.collapsed:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevright.svg) center/.85em .85em no-repeat;mask:url(../images/i/chevright.svg) center/.85em .85em no-repeat}
html[lang^="ar"] .treetoggle.collapsed:before{-webkit-text-fill-color:transparent;background-color:currentColor;-webkit-mask:url(../images/i/chevleft.svg) center/.85em .85em no-repeat;mask:url(../images/i/chevleft.svg) center/.85em .85em no-repeat}