.popover, body, button, div.tox, div.tox :not(.svg), input, optgroup, select, textarea {
  font-family: Montserrat-Light,sans-serif !important;
}


.popupmenu .listing li.selected, .popupmenu .listing li > a:not(.disabled):hover {
  color: #fff;
  background-color: #961251;
}

#layout-menu .popover-header img {
  max-width: 69px;
}


.btn-primary {
  color: #fff;
  background: #961251;
  border-color: #961251;
}


.btn-primary:focus, .btn-primary:hover {
  background: #730e3e;
  border-color: #730e3e;
}

.btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(115, 14, 62,.25);
}


.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active {
  background: #961251;
  border-color: #730e3e;
}

.btn-link {
  color: #961251;
}

.btn-link:hover {
  color: #730e3e;
}

.form-control:focus, .tagedit-list[tabindex="-1"] {
  border-color: #961251;
  box-shadow: 0 0 0 .2rem rgba(115, 14, 62,.25);
}

.recipient-input.focus {
  border-color: #961251;
  box-shadow: 0 0 0 .2rem rgba(115, 14, 62,.25);
}

a {
  color: #961251;
}

a:hover {
  color: #730e3e;
}


#taskmenu .action-buttons a {
  color: #f3d802;
  background: 0 0;
}
#taskmenu .action-buttons a:hover {
  color: #FFD000;
  background: #45555c;
}

ul.treelist li.selected > a, ul.treelist li.selected > div > a {
  color: #961251;
  background-color: #f4f4f4;
  /*background-color: rgba(243, 215, 2, 0.47); */
}
.listing li.selected, .listing tr.selected td {
  color: #961251;
  background-color: #f4f4f4;
}

.ui.alert.boxinformation {
  background-color: #f4f4f4;
}

.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #961251;
  background-color: #961251;
}

.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before {
  border-color: #961251;
  background-color: #961251;
}

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 #961251;
  outline: 0;
}

.ui-datepicker a.ui-state-active {
  background: #961251 !important;
  color: #fff !important;
  font-weight: 700;
}
.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: #fadded;
  color: #961251;
}

.login-logo {
  width: 365px;
  height: 100px;
  background: url(../images/logo-full-dark.svg);
}
#messagestack .loading, #messagestack div {
  background-color: rgba(55, 69, 73, 0.8) !important;
  color: #e2e8e9;
}

.folderlist li.mailbox .unreadcount {
  background: #961251;
}
.message-htmlpart blockquote, .message-part blockquote {
  color: #730e3e;
}
.quota-widget .value {
  background-color: #961251;
}

/* DARK MODE COLORS */

html.dark-mode .btn-primary {
  background-color: #961251;
  color: #e2e8e9;
}

html.dark-mode .btn-primary:hover:not(:disabled) {
  background-color: #730e3e;
}

html.dark-mode .custom-file-label:focus:not(.is-invalid), html.dark-mode .form-control:focus:not(.is-invalid) {
  color: #e2e7e9 !important;
  border-color: #961251;
}

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 {
  color: #f3d802;
  background-color: #374549;
}

html.dark-mode #taskmenu .action-buttons a {
  color: #f3d802;
}

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 {
  color: #f3d802;
}
html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #961251;
}

html.dark-mode .ui-datepicker .ui-state-highlight, html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
  color: #37beff;
  background-color: #374549;
}

html.dark-mode .recipient-input.focus {
  color: #e2e7e9;
  background-color: #2c373b;
  border-color: #961251;
}
html.dark-mode .input-group a:focus {
  border-color: #961251;
  box-shadow: 0 0 0 .2rem rgba(115, 14, 62,.25);
  z-index: 1;
}

html.dark-mode .login-logo {
  width: 365px;
  height: 100px;
  background: url(../images/logo-full.svg);
}
html.dark-mode .message-htmlpart blockquote, html.dark-mode .message-part blockquote {
  color: #f3d802;
}
html.dark-mode {
  scrollbar-color: #961251 #4d6066;
}



html.dark-mode a {
  color: #f3d802;
}

html.dark-mode a:hover {
  color: #FFD000;
}