#layout-menu,
#layout-menu .popover-header {
  background-color: #000 !important;
}

.special-buttons {
  background-color: #000 !important;
}

html.dark-mode #layout-menu,
html.dark-mode #layout-menu .special-buttons,
html.dark-mode #layout-menu .special-buttons a:not(:focus) {
  background-color: #21292c !important;
}

.about {
  display: none !important;
}

#taskmenu .selected,
.popupmenu .listing li>a:not(.disabled):hover,
.quota-widget .value {
  background-color: #b91d22 !important;
}

html.dark-mode .quota-widget .value {
  background-color: #37beff !important;
}

.popupmenu .listing li.selected {
  background-color: #b91d22 !important;
}

#taskmenu .compose,
#taskmenu a,
#taskmenu a:hover,
#taskmenu a.logout,
#taskmenu a.logout:hover {
  color: #fff !important;
}

ul.treelist li.selected>a,
ul.treelist li.selected>div>a,
.listing li.selected>div>*,
.listing li.selected,
.listing tr.selected td {
  background-color: #e6ebf3 !important;
}

html.dark-mode ul.treelist li.selected>a,
html.dark-mode ul.treelist li.selected>div>a,
html.dark-mode .listing li.selected>div>*,
html.dark-mode .listing li.selected,
html.dark-mode .listing tr.selected td {
  background-color: #374549 !important;
}

.btn-primary {
  background-color: #b91d22 !important;
  border-color: #b91d22 !important;
}

.btn.btn-primary#dsemailsendbtn {
  background-color: #000 !important;
}

.btn-danger:focus {
  box-shadow: 0 0 0 0 !important;
}

.btn.btn-primary.custodia-migration-info {
  background-color: #000 !important;
  border-color: #000 !important;
}

.btn.btn-primary.submit.custodia-data-migrate-start-button.disabled {
  background-color: #8b9fa7 !important;
  border-color: #8b9fa7 !important;
}

.custodia-watermark {
  background: url('../images/sekurmail.png') !important;
  background-size: 30% !important;
  background-blend-mode: luminosity !important;
  background-origin: padding-box !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
  background-repeat: no-repeat !important;
  opacity: 0.15 !important;
}

html.dark-mode .custodia-watermark {
  background: #21292c url('../images/sekurmail_dark.png') !important;
  background-size: 30% !important;
  background-blend-mode: soft-light !important;
  background-origin: padding-box !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

.task-login #logo {
  max-height: 200px !important;
}

.task-login #layout-content {
  background-color: #000 !important;
}

.task-tasks .watermark {
  background: url('../images/sekurmail.png') !important;
  background-size: 30% !important;
  background-blend-mode: luminosity !important;
  background-origin: padding-box !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

html.dark-mode .task-tasks .watermark {
  background: #21292c url('../images/sekurmail_dark.png') !important;
  background-size: 30% !important;
  background-blend-mode: soft-light !important;
  background-origin: padding-box !important;
  background-position-x: 50% !important;
  background-position-y: 50% !important;
  background-repeat: no-repeat !important;
  opacity: 1 !important;
}

.show-pass {
  position: absolute;
  right: 0px;
  top: 2px;
  width: 40px;
  height: 40px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  filter: brightness(0) saturate(100%) invert(32%) sepia(0%) saturate(0%) hue-rotate(170deg) brightness(90%) contrast(88%);
  cursor: pointer;
  z-index: 10;
}

.show-pass.show {
  background-image: url("../images/eye.svg");
}

.show-pass.hide {
  background-image: url("../images/eye-off.svg");
}