:root {
  --exigo-lime: #99cc00;
  --exigo-olive: #688219;
  --exigo-charcoal: #434343;
}

/* Stock Elastic accent selectors; keep layout and semantic error colors intact. */
:root { --exigo-link: #89ad20; }
html.dark-mode { --exigo-link: #b2e12a; }
a,
a:hover,
.btn-link,
#taskmenu .action-buttons a,
#taskmenu .action-buttons a:hover,
.ui.alert a:not(.btn),
.folderlist li.mailbox.recent>a,
div.tox .tox-dialog .tox-dialog__body-nav-item--active,
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover,
html.dark-mode #taskmenu .action-buttons a,
html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected>a,
html.dark-mode .listing li.selected>div>a,
html.dark-mode .listing tr.selected td,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a,
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status,
html.dark-mode .tox .tox-dialog__body-nav-item--active,
html.dark-mode .tox .tox-collection__item--enabled,
html.dark-mode .ui-datepicker .ui-state-highlight,
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
  color: var(--exigo-link);
}
.quota-widget .value,
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover,
#messagestack .alert-info.information,
.popupmenu .listing li>a:not(.disabled):hover,
.popupmenu .listing li.selected,
.googie_list li.googie_list_onhover,
html.dark-mode #messagestack .alert-info,
html.dark-mode .ui.alert.boxinformation,
html.dark-mode .btn-primary,
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before,
html.dark-mode .tox .tox-dialog__footer .tox-button,
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
  background-color: var(--exigo-olive);
}
.table-widget table.options-table tr.selected td,
.listing li.selected,
.listing tr.selected td,
ul.treelist li.selected>a,
ul.treelist li.selected>div>a {
  background-color: #eef6d8;
}
.floating-action-buttons a.button {
  background: var(--exigo-olive);
  box-shadow: 0 0 5px 5px #eef6d8;
}
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled,
div.tox .tox-dialog__footer .tox-button,
div.tox .tox-dialog__footer .tox-button.disabled,
div.tox .tox-dialog__footer .tox-button:disabled,
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
  background: var(--exigo-olive);
  border-color: var(--exigo-olive);
}
.btn-primary:focus,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
div.tox .tox-dialog__footer .tox-button:focus,
div.tox .tox-dialog__footer .tox-button:hover,
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active,
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active {
  background: #526914;
  border-color: #526914;
}
.ui-menu .ui-state-active {
  background-color: var(--exigo-olive)!important;
}
.ui-slider .ui-slider-range,
.image-selector .attachmentslist li:focus,
.image-selector .attachmentslist li:hover {
  background: #eef6d8;
}
.ui-slider .ui-slider-handle.ui-state-active {
  background: var(--exigo-olive);
  border-color: #526914;
}
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default,
.ui-datepicker .ui-state-highlight,
.ui-datepicker.ui-widget-content .ui-state-highlight {
  background: #eef6d8;
  color: var(--exigo-link);
}
.ui-datepicker a.ui-state-active {
  background: var(--exigo-olive)!important;
}
html.layout-phone .popover-header,
html.layout-small .popover-header,
html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb,
html.dark-mode .btn-primary:hover:not(:disabled),
html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled) {
  background-color: #526914;
}
html:not(.touch) .listing li>a:focus,
html:not(.touch) .listing.focus tbody tr.focused>td:first-child,
html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused>td.selection+td {
  border-left: 2px solid #dcecb7;
}
.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent>a>.unreadcount,
html.dark-mode .floating-action-buttons a.button {
  background: var(--exigo-olive);
}
.formcontent.raweditor .CodeMirror-focused,
.multi-input>.content.focused,
.recipient-input.focus,
.tagedit-list[tabindex="-1"],
.form-control:focus,
.custom-file-input:focus~.custom-file-label,
div.tox .tox-color-input>input:focus,
div.tox .tox-listboxfield .tox-listbox--select:focus,
div.tox .tox-textarea:focus,
div.tox .tox-textfield:focus,
html.dark-mode .input-group a:focus {
  border-color: var(--exigo-olive);
  box-shadow: 0 0 0 .2rem rgb(153 204 0 / 25%);
}
.input-group a:focus {
  background-color: rgb(153 204 0 / 25%);
}
.input-group-text input:focus {
  border-color: var(--exigo-olive)!important;
}
.custom-switch .custom-control-input:focus~.custom-control-label:before {
  box-shadow: 0 0 0 .2rem rgb(153 204 0 / 25%);
}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before,
html.dark-mode .custom-file-label:focus:not(.is-invalid),
html.dark-mode .form-control:focus:not(.is-invalid),
html.dark-mode .multi-input:not(.is-invalid)>.content.focused,
html.dark-mode .recipient-input.focus,
html.dark-mode .formcontent.raweditor .CodeMirror-focused {
  border-color: var(--exigo-olive);
}
.custom-switch .custom-control-input:checked~.custom-control-label::before {
  border-color: var(--exigo-olive);
  background-color: var(--exigo-olive);
}
.custom-switch .custom-control-input:checked:disabled~.custom-control-label::before {
  border-color: #cde596;
  background-color: #cde596;
}
div.tox.focused {
  border-color: var(--exigo-olive)!important;
  box-shadow: 0 0 0 .2rem rgb(153 204 0 / 25%)!important;
}
.message-htmlpart blockquote,
.message-part blockquote {
  color: var(--exigo-link);
  border-left: 2px solid var(--exigo-olive);
  border-right: 2px solid var(--exigo-olive);
}
html.dark-mode {
  scrollbar-color: #526914 #4d6066;
}
html.dark-mode .message-part blockquote {
  border-color: #bdd879;
  color: var(--exigo-link);
}

.btn-primary, .btn-primary:disabled {
  color: #26320c !important;
  background-color: var(--exigo-lime) !important;
  border-color: var(--exigo-lime) !important;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff !important;
  background-color: #526914 !important;
  border-color: #526914 !important;
}
.btn-primary:focus, .form-control:focus {
  border-color: var(--exigo-olive);
  box-shadow: 0 0 0 .2rem rgb(153 204 0 / 25%);
}
#layout-menu, #taskmenu .special-buttons {
  background-color: var(--exigo-charcoal) !important;
}
#taskmenu a.selected, #taskmenu .action-buttons a.compose {
  color: #26320c !important;
  background-color: var(--exigo-lime) !important;
}
#taskmenu a.selected:hover, #taskmenu .action-buttons a.compose:hover {
  color: #fff !important;
  background-color: #526914 !important;
}
html:not(.dark-mode) .listing li.selected > a,
html:not(.dark-mode) .listing li.selected > div,
html:not(.dark-mode) .listing tr.selected td {
  color: var(--exigo-charcoal);
  background-color: #eef6d8;
}
html.dark-mode .form-control:focus:not(.is-invalid),
html.dark-mode .custom-select:focus:not(.is-invalid),
html.dark-mode .recipient-input.focus,
html.dark-mode .multi-input:not(.is-invalid) > .content.focused,
html.dark-mode .input-group a:focus {
  border-color: var(--exigo-lime) !important;
  box-shadow: 0 0 0 .2rem rgb(153 204 0 / 25%) !important;
}
html.dark-mode .listing li.selected,
html.dark-mode .listing li.selected > a,
html.dark-mode .listing li.selected > div > a,
html.dark-mode .listing tr.selected td,
html.dark-mode .messagelist tr.selected td.subject a,
html.dark-mode .messagelist tr.selected td.subject span.msgicon.status {
  color: var(--exigo-lime);
  background-color: #36422b;
}
html.dark-mode .menu.toolbar a.selected,
html.dark-mode .nav-tabs .nav-link.active {
  color: var(--exigo-lime);
}
html.dark-mode .custom-control-input:checked ~ .custom-control-label::before {
  background-color: var(--exigo-olive) !important;
  border-color: var(--exigo-olive) !important;
}
html.dark-mode .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgb(153 204 0 / 25%) !important;
}
