/**
 * АРМАДА — акцент #E11D2A поверх elastic (skin elastic-armada, extends elastic).
 * Не правим /usr/share/roundcube/skins/elastic.
 */
:root {
  --armada-accent: #e11d2a;
  --armada-accent-hover: #c41924;
  --armada-accent-soft: #fde8ea;
  --armada-link: #e11d2a;
}

#logo {
  max-height: 72px;
}

.quota-widget .value {
  background-color: var(--armada-accent) !important;
}

.btn-primary {
  color: #fff !important;
  background: var(--armada-accent) !important;
  border-color: var(--armada-accent) !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background: var(--armada-accent-hover) !important;
  border-color: var(--armada-accent-hover) !important;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background: var(--armada-accent) !important;
  border-color: var(--armada-accent) !important;
  opacity: 0.65;
}

.ui-menu .ui-state-active {
  background-color: var(--armada-accent) !important;
}

.ui-slider .ui-slider-handle.ui-state-active {
  background: var(--armada-accent) !important;
}

.ui-datepicker.ui-widget-content .ui-state-highlight {
  background: var(--armada-accent-soft);
  color: var(--armada-accent);
}

.ui-datepicker a.ui-state-active {
  background: var(--armada-accent) !important;
}

.popover .menu li a:not(.disabled):hover,
.popupmenu .listing li > a:not(.disabled):hover {
  color: #fff !important;
  background-color: var(--armada-accent) !important;
}

.popover .menu .dropbutton a.dropdown:hover {
  background-color: var(--armada-accent) !important;
}

#messagestack .alert-info.information {
  background-color: var(--armada-accent) !important;
}

.ui.alert a:not(.btn) {
  color: var(--armada-link) !important;
}

a,
.listing li.selected,
.listing tr.selected td {
  --rc-color-link: var(--armada-link);
}

.listing li.selected,
.listing tr.selected td {
  color: var(--armada-accent);
}

@media screen and (max-width: 1024px) {
  #taskmenu .action-buttons a,
  #taskmenu .action-buttons a:hover {
    color: var(--armada-accent) !important;
  }
}

#login-form .btn-primary {
  font-weight: 600;
}

.task-login #layout-content h1.voice + * + #login-form,
.task-login #login-footer {
  color: #555;
}