/* RoyDigi App - Full Dark Theme */

/* Background & Layout */
body{background:#0a0a0a !important;color:#e0e0e0 !important}
#layout{background:#0a0a0a !important}
#layout-sidebar,#layout-list,#layout-content{background:#0f0f0f !important;border-color:#1e1e1e !important}
#layout>div>.header{background:#111 !important;border-color:#1e1e1e !important;color:#e0e0e0 !important}
#layout>div>.footer{background:#111 !important;border-color:#1e1e1e !important}

/* Task menu (left sidebar icons) */
#layout-menu,#taskmenu{background:#080808 !important;border-color:#1e1e1e !important}
#taskmenu a{color:#888 !important}
#taskmenu a:hover,#taskmenu a.selected{color:#fff !important;background:#1a1a1a !important}
#taskmenu a.logout{color:#ff5552 !important}
#taskmenu .special-buttons{background:#080808 !important}

/* Logo in taskmenu */
#layout-menu .popover-header{background:#080808 !important;border-color:#1e1e1e !important}
#layout-menu .popover-header img{content:url(/mail/skins/elastic/images/logo.png);max-height:40px !important;max-width:60px !important;padding:4px !important;filter:brightness(1) !important}

/* Folder list */
.folderlist li a{color:#999 !important}
.folderlist li.selected>a,.folderlist li.selected>div>a{color:#fff !important;background:#1a1a1a !important}
.folderlist li{border-color:#161616 !important}
.folderlist li.mailbox .unreadcount{background:#fff !important;color:#000 !important}
.listing li,.listing tbody td{border-color:#161616 !important;color:#ccc !important}
.listing li.selected,.listing tr.selected td{background:#1a1a1a !important;color:#fff !important}

/* Search bar */
.searchbar{background:#0d0d0d !important;border-color:#1e1e1e !important}
.searchbar input{color:#e0e0e0 !important;background:transparent !important}
.searchbar form:before{color:#555 !important}

/* Toolbar */
.menu.toolbar a{color:#888 !important}
.menu.toolbar a:hover{background:#1a1a1a !important;color:#fff !important}

/* Message list */
.messagelist td.subject span.subject{color:#ccc !important}
.messagelist tr.unread td.subject span.subject{color:#fff !important;font-weight:600 !important}
.messagelist td.subject span.date,.messagelist td.subject span.fromto,.messagelist td.subject span.size{color:#555 !important}
.messagelist tr.selected td{background:#1a1a1a !important}
.messagelist tr:hover td{background:#141414 !important}

/* Message content area */
#layout-content>.content,#layout-content>.formcontent{background:#0f0f0f !important}
#message-content{background:#0f0f0f !important;color:#e0e0e0 !important}
#message-header>.subject{color:#fff !important}

/* Popover menus */
.popover{background:#111 !important;border-color:#1e1e1e !important}
.popover-body{color:#ccc !important}
.popover .menu li a{color:#ccc !important}
.popover .menu li a:hover{background:#fff !important;color:#000 !important}

/* Buttons */
.btn-primary{background:#fff !important;color:#000 !important;border-color:#fff !important}
.btn-primary:hover{background:#e0e0e0 !important;color:#000 !important}
.floating-action-buttons a.button{background:#fff !important;color:#000 !important}

/* Forms & inputs */
.form-control{background:#0d0d0d !important;border-color:#2a2a2a !important;color:#e0e0e0 !important}
.form-control:focus{border-color:#444 !important;background:#111 !important;box-shadow:none !important}
.input-group-text{background:#141414 !important;border-color:#2a2a2a !important;color:#666 !important}

/* Quota bar */
.quota-widget{color:#555 !important}
.quota-widget .value{background:#fff !important}
.quota-widget .bar{background:#1a1a1a !important;border-color:#2a2a2a !important}

/* Page nav */
.menu.pagenav a{color:#888 !important}
.menu.pagenav .pagenav-text{color:#555 !important}

/* Scrollbar */
::-webkit-scrollbar{width:4px !important}
::-webkit-scrollbar-track{background:#0a0a0a !important}
::-webkit-scrollbar-thumb{background:#2a2a2a !important;border-radius:4px !important}

#layout-menu .popover-header img{content:url(/mail/skins/elastic/images/logo.png) !important;max-height:40px !important;max-width:70px !important;padding:8px 4px !important}

.message-htmlpart{background:#fff !important}
#layout-content>.content{background:#0f0f0f !important}