/* Rainloop */
/* important: to insert custom CSS code
*  modify file 'rainloop/v/{version}/app/templates/Index.html'
*  find line '<link type="text/css" rel="stylesheet" href="{{BaseAppThemeCssLink}}" id="app-theme-link" />'
*  after it add new line with '<link type="text/css" rel="stylesheet" href="th23-custom.css" />'
*  and refresh cache to force rebuilding templates and include new CSS link by
*  opening file 'data/_data_/_default_/configs/application.ini'
*  find line '; Additional caching key. If changed, cache is purged'
*  on the following line change 'index = "v2"' to the next higher value eg 'index = "v3"'
*/

/* highlight selected folder using color */
.thm-folders .e-link.selectable.selected,
.thm-folders .e-link.selectable:hover,
.thm-settings-menu .e-item.selectable.selected .e-link,
.thm-settings-menu .e-item.selectable:hover .e-link {
  background-color: rgba(150, 150, 150, 0.3) !important;
  color: orange !important;
}

/* beautify message list */
.icon-none {
  width: 4px !important;
}
.b-list-delimiter {
  display: none;
}

/* hide count of unseen messages for spam folder */
.b-folder-system-item:nth-of-type(4) .count{
  display: none !important;
}

/* hide "mark all read" and "clear folder" commands for normal folders */
li[data-bind*="listSetAllSeen"] {
  display: none;
}
li[data-bind*="clearCommand"] {
  display: none;
}

/* highlight stared messages */
.messageList .b-content .messageListItem.flagged:not(.selected):not(.unseen) {
  background-color: #ffffd9;
}
.messageList .b-content .messageListItem.flagged:not(.selected):not(.unseen) .sidebarParent {
  background-color: #ffd68a;
}