@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');


.xcolor-df5aad .btn.btn-primary,
.xcolor-df5aad .btn.btn-success,
.xcolor-df5aad div.tox .tox-dialog__footer .tox-button,
.xcolor-df5aad .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-df5aad .floating-action-buttons a.button {
  background-color: #ffffff !important;
  color: #2B2B6A !important;
  border: none;
}
.xcolor-df5aad .btn.btn-primary:hover,
.xcolor-df5aad .btn.btn-success:hover,
.xcolor-df5aad div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-df5aad .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-df5aad .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-df5aad .btn.disabled,
.xcolor-df5aad .btn.disabled:hover,
.xcolor-df5aad .btn:disabled,
.xcolor-df5aad .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-df5aad .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #2B2B6A !important;
}
.xcolor-df5aad
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #ffffff !important;
  border: 1px solid #ffffff !important;
}
.xcolor-df5aad
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-df5aad .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-df5aad .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #2B2B6A !important;
}
.xcolor-df5aad a,
.xcolor-df5aad button.xanchor,
.xcolor-df5aad div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-df5aad input.icon-checkbox + label:before,
.xcolor-df5aad input.icon-checkbox:checked + label:before {
  color: #2B2B6A;
}
html.dark-mode .xcolor-df5aad a,
html.dark-mode .xcolor-df5aad button.xanchor,
html.dark-mode
.xcolor-df5aad
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-df5aad input.icon-checkbox + label:before,
html.dark-mode .xcolor-df5aad input.icon-checkbox:checked + label:before {
  color: #eda7d0;
}
.xcolor-df5aad .custom-file-label:focus:not(.is-invalid),
.xcolor-df5aad .form-control:focus:not(.is-invalid),
.xcolor-df5aad .recipient-input.focus,
.xcolor-df5aad .mce-tinymce.focused,
.xcolor-df5aad div.tox.focused {
  border-color: #2B2B6A !important;
}
.xcolor-df5aad #settings-menu li.selected,
.xcolor-df5aad .listing tr.selected td,
.xcolor-df5aad .listing li.selected > a,
.xcolor-df5aad ul.treelist li.selected > div > a,
.xcolor-df5aad ul.treelist li.selected > a,
.xcolor-df5aad .toolbarmenu.listing li:hover a.active {
  background-color: #ffe9f6;
}
.xcolor-df5aad #settings-menu li.selected,
.xcolor-df5aad .listing tr.selected td,
.xcolor-df5aad .listing li.selected > a,
.xcolor-df5aad ul.treelist li.selected > div > a,
.xcolor-df5aad ul.treelist li.selected > a,
.xcolor-df5aad .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-df5aad #settings-menu li.selected,
html.dark-mode .xcolor-df5aad .listing tr.selected td,
html.dark-mode .xcolor-df5aad .listing li.selected > a,
html.dark-mode .xcolor-df5aad ul.treelist li.selected > div > a,
html.dark-mode .xcolor-df5aad ul.treelist li.selected > a,
html.dark-mode .xcolor-df5aad .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-df5aad #settings-menu li.selected,
html.dark-mode .xcolor-df5aad .listing tr.selected td,
html.dark-mode .xcolor-df5aad .listing li.selected > a,
html.dark-mode .xcolor-df5aad ul.treelist li.selected > div > a,
html.dark-mode .xcolor-df5aad ul.treelist li.selected > a,
html.dark-mode .xcolor-df5aad .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-df5aad #layout-menu .popover-header {
  background-color: #ffffff !important;
}
html.dark-mode .xcolor-df5aad #layout-menu .popover-header {
  background-color: #ffffff !important;
}
.xcolor-df5aad .folderlist li.mailbox .unreadcount {
  background-color: #ed6fbd !important;
  color: #fff;
}
html.dark-mode .xcolor-df5aad .folderlist li.mailbox .unreadcount {
  background-color: #ed6fbd !important;
  color: #fff;
}
.xcolor-df5aad .ui-datepicker a.ui-state-active {
  background-color: #ffffff !important;
}
html.dark-mode .xcolor-df5aad .ui-datepicker a.ui-state-active {
  background-color: #ffffff !important;
}
.xcolor-df5aad div.header:not(.calendar-list-header),
.xcolor-df5aad div.header:not(.calendar-list-header) a,
.xcolor-df5aad div.header .toolbar.open,
.xcolor-df5aad .floating-action-buttons a.button,
.xcolor-df5aad.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #ffffff !important;
}
html.dark-mode:not(.touch) .xcolor-df5aad ::-webkit-scrollbar-thumb {
  background-color: #ffffff;
}
.xcolor-b0263b .btn.btn-primary,
.xcolor-b0263b .btn.btn-success,
.xcolor-b0263b div.tox .tox-dialog__footer .tox-button,
.xcolor-b0263b .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-b0263b .floating-action-buttons a.button {
  background-color: #b0263b !important;
  color: #fff !important;
  border: none;
}
.xcolor-b0263b .btn.btn-primary:hover,
.xcolor-b0263b .btn.btn-success:hover,
.xcolor-b0263b div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-b0263b .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-b0263b .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-b0263b .btn.disabled,
.xcolor-b0263b .btn.disabled:hover,
.xcolor-b0263b .btn:disabled,
.xcolor-b0263b .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-b0263b .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-b0263b
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #b0263b !important;
  border: 1px solid #b0263b !important;
}
.xcolor-b0263b
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-b0263b .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-b0263b .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #b0263b !important;
}
.xcolor-b0263b a,
.xcolor-b0263b button.xanchor,
.xcolor-b0263b div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-b0263b input.icon-checkbox + label:before,
.xcolor-b0263b input.icon-checkbox:checked + label:before {
  color: #b0263b;
}
html.dark-mode .xcolor-b0263b a,
html.dark-mode .xcolor-b0263b button.xanchor,
html.dark-mode
.xcolor-b0263b
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-b0263b input.icon-checkbox + label:before,
html.dark-mode .xcolor-b0263b input.icon-checkbox:checked + label:before {
  color: #d28f98;
}
.xcolor-b0263b .custom-file-label:focus:not(.is-invalid),
.xcolor-b0263b .form-control:focus:not(.is-invalid),
.xcolor-b0263b .recipient-input.focus,
.xcolor-b0263b .mce-tinymce.focused,
.xcolor-b0263b div.tox.focused {
  border-color: #b0263b !important;
}
.xcolor-b0263b #settings-menu li.selected,
.xcolor-b0263b .listing tr.selected td,
.xcolor-b0263b .listing li.selected > a,
.xcolor-b0263b ul.treelist li.selected > div > a,
.xcolor-b0263b ul.treelist li.selected > a,
.xcolor-b0263b .toolbarmenu.listing li:hover a.active {
  background-color: #ffe9ec;
}
.xcolor-b0263b #settings-menu li.selected,
.xcolor-b0263b .listing tr.selected td,
.xcolor-b0263b .listing li.selected > a,
.xcolor-b0263b ul.treelist li.selected > div > a,
.xcolor-b0263b ul.treelist li.selected > a,
.xcolor-b0263b .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-b0263b #settings-menu li.selected,
html.dark-mode .xcolor-b0263b .listing tr.selected td,
html.dark-mode .xcolor-b0263b .listing li.selected > a,
html.dark-mode .xcolor-b0263b ul.treelist li.selected > div > a,
html.dark-mode .xcolor-b0263b ul.treelist li.selected > a,
html.dark-mode .xcolor-b0263b .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-b0263b #settings-menu li.selected,
html.dark-mode .xcolor-b0263b .listing tr.selected td,
html.dark-mode .xcolor-b0263b .listing li.selected > a,
html.dark-mode .xcolor-b0263b ul.treelist li.selected > div > a,
html.dark-mode .xcolor-b0263b ul.treelist li.selected > a,
html.dark-mode .xcolor-b0263b .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-b0263b #layout-menu .popover-header {
  background-color: #b0263b !important;
}
html.dark-mode .xcolor-b0263b #layout-menu .popover-header {
  background-color: #b0263b !important;
}
.xcolor-b0263b .folderlist li.mailbox .unreadcount {
  background-color: #be364b !important;
  color: #fff;
}
html.dark-mode .xcolor-b0263b .folderlist li.mailbox .unreadcount {
  background-color: #be364b !important;
  color: #fff;
}
.xcolor-b0263b .ui-datepicker a.ui-state-active {
  background-color: #b0263b !important;
}
html.dark-mode .xcolor-b0263b .ui-datepicker a.ui-state-active {
  background-color: #b0263b !important;
}
.xcolor-b0263b div.header:not(.calendar-list-header),
.xcolor-b0263b div.header:not(.calendar-list-header) a,
.xcolor-b0263b div.header .toolbar.open,
.xcolor-b0263b .floating-action-buttons a.button,
.xcolor-b0263b.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #b0263b !important;
}
html.dark-mode:not(.touch) .xcolor-b0263b ::-webkit-scrollbar-thumb {
  background-color: #b0263b;
}
.xcolor-d74c1b .btn.btn-primary,
.xcolor-d74c1b .btn.btn-success,
.xcolor-d74c1b div.tox .tox-dialog__footer .tox-button,
.xcolor-d74c1b .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-d74c1b .floating-action-buttons a.button {
  background-color: #d74c1b !important;
  color: #fff !important;
  border: none;
}
.xcolor-d74c1b .btn.btn-primary:hover,
.xcolor-d74c1b .btn.btn-success:hover,
.xcolor-d74c1b div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-d74c1b .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-d74c1b .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-d74c1b .btn.disabled,
.xcolor-d74c1b .btn.disabled:hover,
.xcolor-d74c1b .btn:disabled,
.xcolor-d74c1b .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-d74c1b .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-d74c1b
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #d74c1b !important;
  border: 1px solid #d74c1b !important;
}
.xcolor-d74c1b
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-d74c1b .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-d74c1b .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #d74c1b !important;
}
.xcolor-d74c1b a,
.xcolor-d74c1b button.xanchor,
.xcolor-d74c1b div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-d74c1b input.icon-checkbox + label:before,
.xcolor-d74c1b input.icon-checkbox:checked + label:before {
  color: #d74c1b;
}
html.dark-mode .xcolor-d74c1b a,
html.dark-mode .xcolor-d74c1b button.xanchor,
html.dark-mode
.xcolor-d74c1b
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-d74c1b input.icon-checkbox + label:before,
html.dark-mode .xcolor-d74c1b input.icon-checkbox:checked + label:before {
  color: #e38e70;
}
.xcolor-d74c1b .custom-file-label:focus:not(.is-invalid),
.xcolor-d74c1b .form-control:focus:not(.is-invalid),
.xcolor-d74c1b .recipient-input.focus,
.xcolor-d74c1b .mce-tinymce.focused,
.xcolor-d74c1b div.tox.focused {
  border-color: #d74c1b !important;
}
.xcolor-d74c1b #settings-menu li.selected,
.xcolor-d74c1b .listing tr.selected td,
.xcolor-d74c1b .listing li.selected > a,
.xcolor-d74c1b ul.treelist li.selected > div > a,
.xcolor-d74c1b ul.treelist li.selected > a,
.xcolor-d74c1b .toolbarmenu.listing li:hover a.active {
  background-color: #ffeee8;
}
.xcolor-d74c1b #settings-menu li.selected,
.xcolor-d74c1b .listing tr.selected td,
.xcolor-d74c1b .listing li.selected > a,
.xcolor-d74c1b ul.treelist li.selected > div > a,
.xcolor-d74c1b ul.treelist li.selected > a,
.xcolor-d74c1b .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-d74c1b #settings-menu li.selected,
html.dark-mode .xcolor-d74c1b .listing tr.selected td,
html.dark-mode .xcolor-d74c1b .listing li.selected > a,
html.dark-mode .xcolor-d74c1b ul.treelist li.selected > div > a,
html.dark-mode .xcolor-d74c1b ul.treelist li.selected > a,
html.dark-mode .xcolor-d74c1b .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-d74c1b #settings-menu li.selected,
html.dark-mode .xcolor-d74c1b .listing tr.selected td,
html.dark-mode .xcolor-d74c1b .listing li.selected > a,
html.dark-mode .xcolor-d74c1b ul.treelist li.selected > div > a,
html.dark-mode .xcolor-d74c1b ul.treelist li.selected > a,
html.dark-mode .xcolor-d74c1b .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-d74c1b #layout-menu .popover-header {
  background-color: #d74c1b !important;
}
html.dark-mode .xcolor-d74c1b #layout-menu .popover-header {
  background-color: #d74c1b !important;
}
.xcolor-d74c1b .folderlist li.mailbox .unreadcount {
  background-color: #e35b2b !important;
  color: #fff;
}
html.dark-mode .xcolor-d74c1b .folderlist li.mailbox .unreadcount {
  background-color: #e35b2b !important;
  color: #fff;
}
.xcolor-d74c1b .ui-datepicker a.ui-state-active {
  background-color: #d74c1b !important;
}
html.dark-mode .xcolor-d74c1b .ui-datepicker a.ui-state-active {
  background-color: #d74c1b !important;
}
.xcolor-d74c1b div.header:not(.calendar-list-header),
.xcolor-d74c1b div.header:not(.calendar-list-header) a,
.xcolor-d74c1b div.header .toolbar.open,
.xcolor-d74c1b .floating-action-buttons a.button,
.xcolor-d74c1b.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #d74c1b !important;
}
html.dark-mode:not(.touch) .xcolor-d74c1b ::-webkit-scrollbar-thumb {
  background-color: #d74c1b;
}
.xcolor-ff9022 .btn.btn-primary,
.xcolor-ff9022 .btn.btn-success,
.xcolor-ff9022 div.tox .tox-dialog__footer .tox-button,
.xcolor-ff9022 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-ff9022 .floating-action-buttons a.button {
  background-color: #ff9022 !important;
  color: #fff !important;
  border: none;
}
.xcolor-ff9022 .btn.btn-primary:hover,
.xcolor-ff9022 .btn.btn-success:hover,
.xcolor-ff9022 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-ff9022 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-ff9022 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-ff9022 .btn.disabled,
.xcolor-ff9022 .btn.disabled:hover,
.xcolor-ff9022 .btn:disabled,
.xcolor-ff9022 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-ff9022 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-ff9022
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #ff9022 !important;
  border: 1px solid #ff9022 !important;
}
.xcolor-ff9022
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-ff9022 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-ff9022 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #ff9022 !important;
}
.xcolor-ff9022 a,
.xcolor-ff9022 button.xanchor,
.xcolor-ff9022 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-ff9022 input.icon-checkbox + label:before,
.xcolor-ff9022 input.icon-checkbox:checked + label:before {
  color: #ff9022;
}
html.dark-mode .xcolor-ff9022 a,
html.dark-mode .xcolor-ff9022 button.xanchor,
html.dark-mode
.xcolor-ff9022
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-ff9022 input.icon-checkbox + label:before,
html.dark-mode .xcolor-ff9022 input.icon-checkbox:checked + label:before {
  color: #feba79;
}
.xcolor-ff9022 .custom-file-label:focus:not(.is-invalid),
.xcolor-ff9022 .form-control:focus:not(.is-invalid),
.xcolor-ff9022 .recipient-input.focus,
.xcolor-ff9022 .mce-tinymce.focused,
.xcolor-ff9022 div.tox.focused {
  border-color: #ff9022 !important;
}
.xcolor-ff9022 #settings-menu li.selected,
.xcolor-ff9022 .listing tr.selected td,
.xcolor-ff9022 .listing li.selected > a,
.xcolor-ff9022 ul.treelist li.selected > div > a,
.xcolor-ff9022 ul.treelist li.selected > a,
.xcolor-ff9022 .toolbarmenu.listing li:hover a.active {
  background-color: #fff2e5;
}
.xcolor-ff9022 #settings-menu li.selected,
.xcolor-ff9022 .listing tr.selected td,
.xcolor-ff9022 .listing li.selected > a,
.xcolor-ff9022 ul.treelist li.selected > div > a,
.xcolor-ff9022 ul.treelist li.selected > a,
.xcolor-ff9022 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-ff9022 #settings-menu li.selected,
html.dark-mode .xcolor-ff9022 .listing tr.selected td,
html.dark-mode .xcolor-ff9022 .listing li.selected > a,
html.dark-mode .xcolor-ff9022 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-ff9022 ul.treelist li.selected > a,
html.dark-mode .xcolor-ff9022 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-ff9022 #settings-menu li.selected,
html.dark-mode .xcolor-ff9022 .listing tr.selected td,
html.dark-mode .xcolor-ff9022 .listing li.selected > a,
html.dark-mode .xcolor-ff9022 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-ff9022 ul.treelist li.selected > a,
html.dark-mode .xcolor-ff9022 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-ff9022 #layout-menu .popover-header {
  background-color: #ff9022 !important;
}
html.dark-mode .xcolor-ff9022 #layout-menu .popover-header {
  background-color: #ff9022 !important;
}
.xcolor-ff9022 .folderlist li.mailbox .unreadcount {
  background-color: #fe9834 !important;
  color: #fff;
}
html.dark-mode .xcolor-ff9022 .folderlist li.mailbox .unreadcount {
  background-color: #fe9834 !important;
  color: #fff;
}
.xcolor-ff9022 .ui-datepicker a.ui-state-active {
  background-color: #ff9022 !important;
}
html.dark-mode .xcolor-ff9022 .ui-datepicker a.ui-state-active {
  background-color: #ff9022 !important;
}
.xcolor-ff9022 div.header:not(.calendar-list-header),
.xcolor-ff9022 div.header:not(.calendar-list-header) a,
.xcolor-ff9022 div.header .toolbar.open,
.xcolor-ff9022 .floating-action-buttons a.button,
.xcolor-ff9022.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #ff9022 !important;
}
html.dark-mode:not(.touch) .xcolor-ff9022 ::-webkit-scrollbar-thumb {
  background-color: #ff9022;
}
.xcolor-83b600 .btn.btn-primary,
.xcolor-83b600 .btn.btn-success,
.xcolor-83b600 div.tox .tox-dialog__footer .tox-button,
.xcolor-83b600 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-83b600 .floating-action-buttons a.button {
  background-color: #83b600 !important;
  color: #fff !important;
  border: none;
}
.xcolor-83b600 .btn.btn-primary:hover,
.xcolor-83b600 .btn.btn-success:hover,
.xcolor-83b600 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-83b600 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-83b600 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-83b600 .btn.disabled,
.xcolor-83b600 .btn.disabled:hover,
.xcolor-83b600 .btn:disabled,
.xcolor-83b600 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-83b600 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-83b600
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #83b600 !important;
  border: 1px solid #83b600 !important;
}
.xcolor-83b600
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-83b600 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-83b600 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #83b600 !important;
}
.xcolor-83b600 a,
.xcolor-83b600 button.xanchor,
.xcolor-83b600 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-83b600 input.icon-checkbox + label:before,
.xcolor-83b600 input.icon-checkbox:checked + label:before {
  color: #83b600;
}
html.dark-mode .xcolor-83b600 a,
html.dark-mode .xcolor-83b600 button.xanchor,
html.dark-mode
.xcolor-83b600
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-83b600 input.icon-checkbox + label:before,
html.dark-mode .xcolor-83b600 input.icon-checkbox:checked + label:before {
  color: #b4c777;
}
.xcolor-83b600 .custom-file-label:focus:not(.is-invalid),
.xcolor-83b600 .form-control:focus:not(.is-invalid),
.xcolor-83b600 .recipient-input.focus,
.xcolor-83b600 .mce-tinymce.focused,
.xcolor-83b600 div.tox.focused {
  border-color: #83b600 !important;
}
.xcolor-83b600 #settings-menu li.selected,
.xcolor-83b600 .listing tr.selected td,
.xcolor-83b600 .listing li.selected > a,
.xcolor-83b600 ul.treelist li.selected > div > a,
.xcolor-83b600 ul.treelist li.selected > a,
.xcolor-83b600 .toolbarmenu.listing li:hover a.active {
  background-color: #f9ffe9;
}
.xcolor-83b600 #settings-menu li.selected,
.xcolor-83b600 .listing tr.selected td,
.xcolor-83b600 .listing li.selected > a,
.xcolor-83b600 ul.treelist li.selected > div > a,
.xcolor-83b600 ul.treelist li.selected > a,
.xcolor-83b600 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-83b600 #settings-menu li.selected,
html.dark-mode .xcolor-83b600 .listing tr.selected td,
html.dark-mode .xcolor-83b600 .listing li.selected > a,
html.dark-mode .xcolor-83b600 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-83b600 ul.treelist li.selected > a,
html.dark-mode .xcolor-83b600 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-83b600 #settings-menu li.selected,
html.dark-mode .xcolor-83b600 .listing tr.selected td,
html.dark-mode .xcolor-83b600 .listing li.selected > a,
html.dark-mode .xcolor-83b600 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-83b600 ul.treelist li.selected > a,
html.dark-mode .xcolor-83b600 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-83b600 #layout-menu .popover-header {
  background-color: #83b600 !important;
}
html.dark-mode .xcolor-83b600 #layout-menu .popover-header {
  background-color: #83b600 !important;
}
.xcolor-83b600 .folderlist li.mailbox .unreadcount {
  background-color: #92c709 !important;
  color: #fff;
}
html.dark-mode .xcolor-83b600 .folderlist li.mailbox .unreadcount {
  background-color: #92c709 !important;
  color: #fff;
}
.xcolor-83b600 .ui-datepicker a.ui-state-active {
  background-color: #83b600 !important;
}
html.dark-mode .xcolor-83b600 .ui-datepicker a.ui-state-active {
  background-color: #83b600 !important;
}
.xcolor-83b600 div.header:not(.calendar-list-header),
.xcolor-83b600 div.header:not(.calendar-list-header) a,
.xcolor-83b600 div.header .toolbar.open,
.xcolor-83b600 .floating-action-buttons a.button,
.xcolor-83b600.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #83b600 !important;
}
html.dark-mode:not(.touch) .xcolor-83b600 ::-webkit-scrollbar-thumb {
  background-color: #83b600;
}
.xcolor-00860e .btn.btn-primary,
.xcolor-00860e .btn.btn-success,
.xcolor-00860e div.tox .tox-dialog__footer .tox-button,
.xcolor-00860e .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-00860e .floating-action-buttons a.button {
  background-color: #00860e !important;
  color: #fff !important;
  border: none;
}
.xcolor-00860e .btn.btn-primary:hover,
.xcolor-00860e .btn.btn-success:hover,
.xcolor-00860e div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-00860e .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-00860e .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-00860e .btn.disabled,
.xcolor-00860e .btn.disabled:hover,
.xcolor-00860e .btn:disabled,
.xcolor-00860e .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-00860e .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-00860e
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #00860e !important;
  border: 1px solid #00860e !important;
}
.xcolor-00860e
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-00860e .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-00860e .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #00860e !important;
}
.xcolor-00860e a,
.xcolor-00860e button.xanchor,
.xcolor-00860e div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-00860e input.icon-checkbox + label:before,
.xcolor-00860e input.icon-checkbox:checked + label:before {
  color: #00860e;
}
html.dark-mode .xcolor-00860e a,
html.dark-mode .xcolor-00860e button.xanchor,
html.dark-mode
.xcolor-00860e
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-00860e input.icon-checkbox + label:before,
html.dark-mode .xcolor-00860e input.icon-checkbox:checked + label:before {
  color: #7aad76;
}
.xcolor-00860e .custom-file-label:focus:not(.is-invalid),
.xcolor-00860e .form-control:focus:not(.is-invalid),
.xcolor-00860e .recipient-input.focus,
.xcolor-00860e .mce-tinymce.focused,
.xcolor-00860e div.tox.focused {
  border-color: #00860e !important;
}
.xcolor-00860e #settings-menu li.selected,
.xcolor-00860e .listing tr.selected td,
.xcolor-00860e .listing li.selected > a,
.xcolor-00860e ul.treelist li.selected > div > a,
.xcolor-00860e ul.treelist li.selected > a,
.xcolor-00860e .toolbarmenu.listing li:hover a.active {
  background-color: #eeffef;
}
.xcolor-00860e #settings-menu li.selected,
.xcolor-00860e .listing tr.selected td,
.xcolor-00860e .listing li.selected > a,
.xcolor-00860e ul.treelist li.selected > div > a,
.xcolor-00860e ul.treelist li.selected > a,
.xcolor-00860e .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-00860e #settings-menu li.selected,
html.dark-mode .xcolor-00860e .listing tr.selected td,
html.dark-mode .xcolor-00860e .listing li.selected > a,
html.dark-mode .xcolor-00860e ul.treelist li.selected > div > a,
html.dark-mode .xcolor-00860e ul.treelist li.selected > a,
html.dark-mode .xcolor-00860e .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-00860e #settings-menu li.selected,
html.dark-mode .xcolor-00860e .listing tr.selected td,
html.dark-mode .xcolor-00860e .listing li.selected > a,
html.dark-mode .xcolor-00860e ul.treelist li.selected > div > a,
html.dark-mode .xcolor-00860e ul.treelist li.selected > a,
html.dark-mode .xcolor-00860e .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-00860e #layout-menu .popover-header {
  background-color: #00860e !important;
}
html.dark-mode .xcolor-00860e #layout-menu .popover-header {
  background-color: #00860e !important;
}
.xcolor-00860e .folderlist li.mailbox .unreadcount {
  background-color: #089817 !important;
  color: #fff;
}
html.dark-mode .xcolor-00860e .folderlist li.mailbox .unreadcount {
  background-color: #089817 !important;
  color: #fff;
}
.xcolor-00860e .ui-datepicker a.ui-state-active {
  background-color: #00860e !important;
}
html.dark-mode .xcolor-00860e .ui-datepicker a.ui-state-active {
  background-color: #00860e !important;
}
.xcolor-00860e div.header:not(.calendar-list-header),
.xcolor-00860e div.header:not(.calendar-list-header) a,
.xcolor-00860e div.header .toolbar.open,
.xcolor-00860e .floating-action-buttons a.button,
.xcolor-00860e.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #00860e !important;
}
html.dark-mode:not(.touch) .xcolor-00860e ::-webkit-scrollbar-thumb {
  background-color: #00860e;
}
.xcolor-00b2b3 .btn.btn-primary,
.xcolor-00b2b3 .btn.btn-success,
.xcolor-00b2b3 div.tox .tox-dialog__footer .tox-button,
.xcolor-00b2b3 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-00b2b3 .floating-action-buttons a.button {
  background-color: #00b2b3 !important;
  color: #fff !important;
  border: none;
}
.xcolor-00b2b3 .btn.btn-primary:hover,
.xcolor-00b2b3 .btn.btn-success:hover,
.xcolor-00b2b3 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-00b2b3 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-00b2b3 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-00b2b3 .btn.disabled,
.xcolor-00b2b3 .btn.disabled:hover,
.xcolor-00b2b3 .btn:disabled,
.xcolor-00b2b3 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-00b2b3 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-00b2b3
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #00b2b3 !important;
  border: 1px solid #00b2b3 !important;
}
.xcolor-00b2b3
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-00b2b3 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-00b2b3 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #00b2b3 !important;
}
.xcolor-00b2b3 a,
.xcolor-00b2b3 button.xanchor,
.xcolor-00b2b3 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-00b2b3 input.icon-checkbox + label:before,
.xcolor-00b2b3 input.icon-checkbox:checked + label:before {
  color: #00b2b3;
}
html.dark-mode .xcolor-00b2b3 a,
html.dark-mode .xcolor-00b2b3 button.xanchor,
html.dark-mode
.xcolor-00b2b3
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-00b2b3 input.icon-checkbox + label:before,
html.dark-mode .xcolor-00b2b3 input.icon-checkbox:checked + label:before {
  color: #6cc4c1;
}
.xcolor-00b2b3 .custom-file-label:focus:not(.is-invalid),
.xcolor-00b2b3 .form-control:focus:not(.is-invalid),
.xcolor-00b2b3 .recipient-input.focus,
.xcolor-00b2b3 .mce-tinymce.focused,
.xcolor-00b2b3 div.tox.focused {
  border-color: #00b2b3 !important;
}
.xcolor-00b2b3 #settings-menu li.selected,
.xcolor-00b2b3 .listing tr.selected td,
.xcolor-00b2b3 .listing li.selected > a,
.xcolor-00b2b3 ul.treelist li.selected > div > a,
.xcolor-00b2b3 ul.treelist li.selected > a,
.xcolor-00b2b3 .toolbarmenu.listing li:hover a.active {
  background-color: #ebfeff;
}
.xcolor-00b2b3 #settings-menu li.selected,
.xcolor-00b2b3 .listing tr.selected td,
.xcolor-00b2b3 .listing li.selected > a,
.xcolor-00b2b3 ul.treelist li.selected > div > a,
.xcolor-00b2b3 ul.treelist li.selected > a,
.xcolor-00b2b3 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-00b2b3 #settings-menu li.selected,
html.dark-mode .xcolor-00b2b3 .listing tr.selected td,
html.dark-mode .xcolor-00b2b3 .listing li.selected > a,
html.dark-mode .xcolor-00b2b3 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-00b2b3 ul.treelist li.selected > a,
html.dark-mode .xcolor-00b2b3 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-00b2b3 #settings-menu li.selected,
html.dark-mode .xcolor-00b2b3 .listing tr.selected td,
html.dark-mode .xcolor-00b2b3 .listing li.selected > a,
html.dark-mode .xcolor-00b2b3 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-00b2b3 ul.treelist li.selected > a,
html.dark-mode .xcolor-00b2b3 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-00b2b3 #layout-menu .popover-header {
  background-color: #00b2b3 !important;
}
html.dark-mode .xcolor-00b2b3 #layout-menu .popover-header {
  background-color: #00b2b3 !important;
}
.xcolor-00b2b3 .folderlist li.mailbox .unreadcount {
  background-color: #03c3c4 !important;
  color: #fff;
}
html.dark-mode .xcolor-00b2b3 .folderlist li.mailbox .unreadcount {
  background-color: #03c3c4 !important;
  color: #fff;
}
.xcolor-00b2b3 .ui-datepicker a.ui-state-active {
  background-color: #00b2b3 !important;
}
html.dark-mode .xcolor-00b2b3 .ui-datepicker a.ui-state-active {
  background-color: #00b2b3 !important;
}
.xcolor-00b2b3 div.header:not(.calendar-list-header),
.xcolor-00b2b3 div.header:not(.calendar-list-header) a,
.xcolor-00b2b3 div.header .toolbar.open,
.xcolor-00b2b3 .floating-action-buttons a.button,
.xcolor-00b2b3.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #00b2b3 !important;
}
html.dark-mode:not(.touch) .xcolor-00b2b3 ::-webkit-scrollbar-thumb {
  background-color: #00b2b3;
}
.xcolor-00829a .btn.btn-primary,
.xcolor-00829a .btn.btn-success,
.xcolor-00829a div.tox .tox-dialog__footer .tox-button,
.xcolor-00829a .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-00829a .floating-action-buttons a.button {
  background-color: #00829a !important;
  color: #fff !important;
  border: none;
}
.xcolor-00829a .btn.btn-primary:hover,
.xcolor-00829a .btn.btn-success:hover,
.xcolor-00829a div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-00829a .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-00829a .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-00829a .btn.disabled,
.xcolor-00829a .btn.disabled:hover,
.xcolor-00829a .btn:disabled,
.xcolor-00829a .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-00829a .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-00829a
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #00829a !important;
  border: 1px solid #00829a !important;
}
.xcolor-00829a
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-00829a .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-00829a .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #00829a !important;
}
.xcolor-00829a a,
.xcolor-00829a button.xanchor,
.xcolor-00829a div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-00829a input.icon-checkbox + label:before,
.xcolor-00829a input.icon-checkbox:checked + label:before {
  color: #00829a;
}
html.dark-mode .xcolor-00829a a,
html.dark-mode .xcolor-00829a button.xanchor,
html.dark-mode
.xcolor-00829a
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-00829a input.icon-checkbox + label:before,
html.dark-mode .xcolor-00829a input.icon-checkbox:checked + label:before {
  color: #6b99a9;
}
.xcolor-00829a .custom-file-label:focus:not(.is-invalid),
.xcolor-00829a .form-control:focus:not(.is-invalid),
.xcolor-00829a .recipient-input.focus,
.xcolor-00829a .mce-tinymce.focused,
.xcolor-00829a div.tox.focused {
  border-color: #00829a !important;
}
.xcolor-00829a #settings-menu li.selected,
.xcolor-00829a .listing tr.selected td,
.xcolor-00829a .listing li.selected > a,
.xcolor-00829a ul.treelist li.selected > div > a,
.xcolor-00829a ul.treelist li.selected > a,
.xcolor-00829a .toolbarmenu.listing li:hover a.active {
  background-color: #ebfbff;
}
.xcolor-00829a #settings-menu li.selected,
.xcolor-00829a .listing tr.selected td,
.xcolor-00829a .listing li.selected > a,
.xcolor-00829a ul.treelist li.selected > div > a,
.xcolor-00829a ul.treelist li.selected > a,
.xcolor-00829a .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-00829a #settings-menu li.selected,
html.dark-mode .xcolor-00829a .listing tr.selected td,
html.dark-mode .xcolor-00829a .listing li.selected > a,
html.dark-mode .xcolor-00829a ul.treelist li.selected > div > a,
html.dark-mode .xcolor-00829a ul.treelist li.selected > a,
html.dark-mode .xcolor-00829a .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-00829a #settings-menu li.selected,
html.dark-mode .xcolor-00829a .listing tr.selected td,
html.dark-mode .xcolor-00829a .listing li.selected > a,
html.dark-mode .xcolor-00829a ul.treelist li.selected > div > a,
html.dark-mode .xcolor-00829a ul.treelist li.selected > a,
html.dark-mode .xcolor-00829a .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-00829a #layout-menu .popover-header {
  background-color: #00829a !important;
}
html.dark-mode .xcolor-00829a #layout-menu .popover-header {
  background-color: #00829a !important;
}
.xcolor-00829a .folderlist li.mailbox .unreadcount {
  background-color: #0790a9 !important;
  color: #fff;
}
html.dark-mode .xcolor-00829a .folderlist li.mailbox .unreadcount {
  background-color: #0790a9 !important;
  color: #fff;
}
.xcolor-00829a .ui-datepicker a.ui-state-active {
  background-color: #00829a !important;
}
html.dark-mode .xcolor-00829a .ui-datepicker a.ui-state-active {
  background-color: #00829a !important;
}
.xcolor-00829a div.header:not(.calendar-list-header),
.xcolor-00829a div.header:not(.calendar-list-header) a,
.xcolor-00829a div.header .toolbar.open,
.xcolor-00829a .floating-action-buttons a.button,
.xcolor-00829a.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #00829a !important;
}
html.dark-mode:not(.touch) .xcolor-00829a ::-webkit-scrollbar-thumb {
  background-color: #00829a;
}
.xcolor-47b4ff .btn.btn-primary,
.xcolor-47b4ff .btn.btn-success,
.xcolor-47b4ff div.tox .tox-dialog__footer .tox-button,
.xcolor-47b4ff .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-47b4ff .floating-action-buttons a.button {
  background-color: #47b4ff !important;
  color: #fff !important;
  border: none;
}
.xcolor-47b4ff .btn.btn-primary:hover,
.xcolor-47b4ff .btn.btn-success:hover,
.xcolor-47b4ff div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-47b4ff .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-47b4ff .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-47b4ff .btn.disabled,
.xcolor-47b4ff .btn.disabled:hover,
.xcolor-47b4ff .btn:disabled,
.xcolor-47b4ff .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-47b4ff .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-47b4ff
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #47b4ff !important;
  border: 1px solid #47b4ff !important;
}
.xcolor-47b4ff
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-47b4ff .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-47b4ff .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #47b4ff !important;
}
.xcolor-47b4ff a,
.xcolor-47b4ff button.xanchor,
.xcolor-47b4ff div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-47b4ff input.icon-checkbox + label:before,
.xcolor-47b4ff input.icon-checkbox:checked + label:before {
  color: #47b4ff;
}
html.dark-mode .xcolor-47b4ff a,
html.dark-mode .xcolor-47b4ff button.xanchor,
html.dark-mode
.xcolor-47b4ff
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-47b4ff input.icon-checkbox + label:before,
html.dark-mode .xcolor-47b4ff input.icon-checkbox:checked + label:before {
  color: #9ed0ff;
}
.xcolor-47b4ff .custom-file-label:focus:not(.is-invalid),
.xcolor-47b4ff .form-control:focus:not(.is-invalid),
.xcolor-47b4ff .recipient-input.focus,
.xcolor-47b4ff .mce-tinymce.focused,
.xcolor-47b4ff div.tox.focused {
  border-color: #47b4ff !important;
}
.xcolor-47b4ff #settings-menu li.selected,
.xcolor-47b4ff .listing tr.selected td,
.xcolor-47b4ff .listing li.selected > a,
.xcolor-47b4ff ul.treelist li.selected > div > a,
.xcolor-47b4ff ul.treelist li.selected > a,
.xcolor-47b4ff .toolbarmenu.listing li:hover a.active {
  background-color: #e8f5ff;
}
.xcolor-47b4ff #settings-menu li.selected,
.xcolor-47b4ff .listing tr.selected td,
.xcolor-47b4ff .listing li.selected > a,
.xcolor-47b4ff ul.treelist li.selected > div > a,
.xcolor-47b4ff ul.treelist li.selected > a,
.xcolor-47b4ff .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-47b4ff #settings-menu li.selected,
html.dark-mode .xcolor-47b4ff .listing tr.selected td,
html.dark-mode .xcolor-47b4ff .listing li.selected > a,
html.dark-mode .xcolor-47b4ff ul.treelist li.selected > div > a,
html.dark-mode .xcolor-47b4ff ul.treelist li.selected > a,
html.dark-mode .xcolor-47b4ff .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-47b4ff #settings-menu li.selected,
html.dark-mode .xcolor-47b4ff .listing tr.selected td,
html.dark-mode .xcolor-47b4ff .listing li.selected > a,
html.dark-mode .xcolor-47b4ff ul.treelist li.selected > div > a,
html.dark-mode .xcolor-47b4ff ul.treelist li.selected > a,
html.dark-mode .xcolor-47b4ff .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-47b4ff #layout-menu .popover-header {
  background-color: #47b4ff !important;
}
html.dark-mode .xcolor-47b4ff #layout-menu .popover-header {
  background-color: #47b4ff !important;
}
.xcolor-47b4ff .folderlist li.mailbox .unreadcount {
  background-color: #5bbcff !important;
  color: #fff;
}
html.dark-mode .xcolor-47b4ff .folderlist li.mailbox .unreadcount {
  background-color: #5bbcff !important;
  color: #fff;
}
.xcolor-47b4ff .ui-datepicker a.ui-state-active {
  background-color: #47b4ff !important;
}
html.dark-mode .xcolor-47b4ff .ui-datepicker a.ui-state-active {
  background-color: #47b4ff !important;
}
.xcolor-47b4ff div.header:not(.calendar-list-header),
.xcolor-47b4ff div.header:not(.calendar-list-header) a,
.xcolor-47b4ff div.header .toolbar.open,
.xcolor-47b4ff .floating-action-buttons a.button,
.xcolor-47b4ff.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #47b4ff !important;
}
html.dark-mode:not(.touch) .xcolor-47b4ff ::-webkit-scrollbar-thumb {
  background-color: #47b4ff;
}
.xcolor-0075c8 .btn.btn-primary,
.xcolor-0075c8 .btn.btn-success,
.xcolor-0075c8 div.tox .tox-dialog__footer .tox-button,
.xcolor-0075c8 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-0075c8 .floating-action-buttons a.button {
  background-color: #0075c8 !important;
  color: #fff !important;
  border: none;
}
.xcolor-0075c8 .btn.btn-primary:hover,
.xcolor-0075c8 .btn.btn-success:hover,
.xcolor-0075c8 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-0075c8 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-0075c8 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-0075c8 .btn.disabled,
.xcolor-0075c8 .btn.disabled:hover,
.xcolor-0075c8 .btn:disabled,
.xcolor-0075c8 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-0075c8 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-0075c8
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #0075c8 !important;
  border: 1px solid #0075c8 !important;
}
.xcolor-0075c8
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-0075c8 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-0075c8 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #0075c8 !important;
}
.xcolor-0075c8 a,
.xcolor-0075c8 button.xanchor,
.xcolor-0075c8 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-0075c8 input.icon-checkbox + label:before,
.xcolor-0075c8 input.icon-checkbox:checked + label:before {
  color: #0075c8;
}
html.dark-mode .xcolor-0075c8 a,
html.dark-mode .xcolor-0075c8 button.xanchor,
html.dark-mode
.xcolor-0075c8
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-0075c8 input.icon-checkbox + label:before,
html.dark-mode .xcolor-0075c8 input.icon-checkbox:checked + label:before {
  color: #75abe1;
}
.xcolor-0075c8 .custom-file-label:focus:not(.is-invalid),
.xcolor-0075c8 .form-control:focus:not(.is-invalid),
.xcolor-0075c8 .recipient-input.focus,
.xcolor-0075c8 .mce-tinymce.focused,
.xcolor-0075c8 div.tox.focused {
  border-color: #0075c8 !important;
}
.xcolor-0075c8 #settings-menu li.selected,
.xcolor-0075c8 .listing tr.selected td,
.xcolor-0075c8 .listing li.selected > a,
.xcolor-0075c8 ul.treelist li.selected > div > a,
.xcolor-0075c8 ul.treelist li.selected > a,
.xcolor-0075c8 .toolbarmenu.listing li:hover a.active {
  background-color: #e8f5ff;
}
.xcolor-0075c8 #settings-menu li.selected,
.xcolor-0075c8 .listing tr.selected td,
.xcolor-0075c8 .listing li.selected > a,
.xcolor-0075c8 ul.treelist li.selected > div > a,
.xcolor-0075c8 ul.treelist li.selected > a,
.xcolor-0075c8 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-0075c8 #settings-menu li.selected,
html.dark-mode .xcolor-0075c8 .listing tr.selected td,
html.dark-mode .xcolor-0075c8 .listing li.selected > a,
html.dark-mode .xcolor-0075c8 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-0075c8 ul.treelist li.selected > a,
html.dark-mode .xcolor-0075c8 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-0075c8 #settings-menu li.selected,
html.dark-mode .xcolor-0075c8 .listing tr.selected td,
html.dark-mode .xcolor-0075c8 .listing li.selected > a,
html.dark-mode .xcolor-0075c8 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-0075c8 ul.treelist li.selected > a,
html.dark-mode .xcolor-0075c8 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-0075c8 #layout-menu .popover-header {
  background-color: #0075c8 !important;
}
html.dark-mode .xcolor-0075c8 #layout-menu .popover-header {
  background-color: #0075c8 !important;
}
.xcolor-0075c8 .folderlist li.mailbox .unreadcount {
  background-color: #138be1 !important;
  color: #fff;
}
html.dark-mode .xcolor-0075c8 .folderlist li.mailbox .unreadcount {
  background-color: #138be1 !important;
  color: #fff;
}
.xcolor-0075c8 .ui-datepicker a.ui-state-active {
  background-color: #0075c8 !important;
}
html.dark-mode .xcolor-0075c8 .ui-datepicker a.ui-state-active {
  background-color: #0075c8 !important;
}
.xcolor-0075c8 div.header:not(.calendar-list-header),
.xcolor-0075c8 div.header:not(.calendar-list-header) a,
.xcolor-0075c8 div.header .toolbar.open,
.xcolor-0075c8 .floating-action-buttons a.button,
.xcolor-0075c8.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #0075c8 !important;
}
html.dark-mode:not(.touch) .xcolor-0075c8 ::-webkit-scrollbar-thumb {
  background-color: #0075c8;
}
.xcolor-3c2cb6 .btn.btn-primary,
.xcolor-3c2cb6 .btn.btn-success,
.xcolor-3c2cb6 div.tox .tox-dialog__footer .tox-button,
.xcolor-3c2cb6 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-3c2cb6 .floating-action-buttons a.button {
  background-color: #3c2cb6 !important;
  color: #fff !important;
  border: none;
}
.xcolor-3c2cb6 .btn.btn-primary:hover,
.xcolor-3c2cb6 .btn.btn-success:hover,
.xcolor-3c2cb6 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-3c2cb6 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-3c2cb6 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-3c2cb6 .btn.disabled,
.xcolor-3c2cb6 .btn.disabled:hover,
.xcolor-3c2cb6 .btn:disabled,
.xcolor-3c2cb6 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-3c2cb6 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-3c2cb6
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #3c2cb6 !important;
  border: 1px solid #3c2cb6 !important;
}
.xcolor-3c2cb6
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-3c2cb6 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-3c2cb6 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #3c2cb6 !important;
}
.xcolor-3c2cb6 a,
.xcolor-3c2cb6 button.xanchor,
.xcolor-3c2cb6 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-3c2cb6 input.icon-checkbox + label:before,
.xcolor-3c2cb6 input.icon-checkbox:checked + label:before {
  color: #3c2cb6;
}
html.dark-mode .xcolor-3c2cb6 a,
html.dark-mode .xcolor-3c2cb6 button.xanchor,
html.dark-mode
.xcolor-3c2cb6
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-3c2cb6 input.icon-checkbox + label:before,
html.dark-mode .xcolor-3c2cb6 input.icon-checkbox:checked + label:before {
  color: #7c7ac4;
}
.xcolor-3c2cb6 .custom-file-label:focus:not(.is-invalid),
.xcolor-3c2cb6 .form-control:focus:not(.is-invalid),
.xcolor-3c2cb6 .recipient-input.focus,
.xcolor-3c2cb6 .mce-tinymce.focused,
.xcolor-3c2cb6 div.tox.focused {
  border-color: #3c2cb6 !important;
}
.xcolor-3c2cb6 #settings-menu li.selected,
.xcolor-3c2cb6 .listing tr.selected td,
.xcolor-3c2cb6 .listing li.selected > a,
.xcolor-3c2cb6 ul.treelist li.selected > div > a,
.xcolor-3c2cb6 ul.treelist li.selected > a,
.xcolor-3c2cb6 .toolbarmenu.listing li:hover a.active {
  background-color: #ece9ff;
}
.xcolor-3c2cb6 #settings-menu li.selected,
.xcolor-3c2cb6 .listing tr.selected td,
.xcolor-3c2cb6 .listing li.selected > a,
.xcolor-3c2cb6 ul.treelist li.selected > div > a,
.xcolor-3c2cb6 ul.treelist li.selected > a,
.xcolor-3c2cb6 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-3c2cb6 #settings-menu li.selected,
html.dark-mode .xcolor-3c2cb6 .listing tr.selected td,
html.dark-mode .xcolor-3c2cb6 .listing li.selected > a,
html.dark-mode .xcolor-3c2cb6 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-3c2cb6 ul.treelist li.selected > a,
html.dark-mode .xcolor-3c2cb6 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-3c2cb6 #settings-menu li.selected,
html.dark-mode .xcolor-3c2cb6 .listing tr.selected td,
html.dark-mode .xcolor-3c2cb6 .listing li.selected > a,
html.dark-mode .xcolor-3c2cb6 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-3c2cb6 ul.treelist li.selected > a,
html.dark-mode .xcolor-3c2cb6 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-3c2cb6 #layout-menu .popover-header {
  background-color: #3c2cb6 !important;
}
html.dark-mode .xcolor-3c2cb6 #layout-menu .popover-header {
  background-color: #3c2cb6 !important;
}
.xcolor-3c2cb6 .folderlist li.mailbox .unreadcount {
  background-color: #4f40c4 !important;
  color: #fff;
}
html.dark-mode .xcolor-3c2cb6 .folderlist li.mailbox .unreadcount {
  background-color: #4f40c4 !important;
  color: #fff;
}
.xcolor-3c2cb6 .ui-datepicker a.ui-state-active {
  background-color: #3c2cb6 !important;
}
html.dark-mode .xcolor-3c2cb6 .ui-datepicker a.ui-state-active {
  background-color: #3c2cb6 !important;
}
.xcolor-3c2cb6 div.header:not(.calendar-list-header),
.xcolor-3c2cb6 div.header:not(.calendar-list-header) a,
.xcolor-3c2cb6 div.header .toolbar.open,
.xcolor-3c2cb6 .floating-action-buttons a.button,
.xcolor-3c2cb6.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #3c2cb6 !important;
}
html.dark-mode:not(.touch) .xcolor-3c2cb6 ::-webkit-scrollbar-thumb {
  background-color: #3c2cb6;
}
.xcolor-8d2297 .btn.btn-primary,
.xcolor-8d2297 .btn.btn-success,
.xcolor-8d2297 div.tox .tox-dialog__footer .tox-button,
.xcolor-8d2297 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-8d2297 .floating-action-buttons a.button {
  background-color: #8d2297 !important;
  color: #fff !important;
  border: none;
}
.xcolor-8d2297 .btn.btn-primary:hover,
.xcolor-8d2297 .btn.btn-success:hover,
.xcolor-8d2297 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-8d2297 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-8d2297 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-8d2297 .btn.disabled,
.xcolor-8d2297 .btn.disabled:hover,
.xcolor-8d2297 .btn:disabled,
.xcolor-8d2297 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-8d2297 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-8d2297
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #8d2297 !important;
  border: 1px solid #8d2297 !important;
}
.xcolor-8d2297
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-8d2297 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-8d2297 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #8d2297 !important;
}
.xcolor-8d2297 a,
.xcolor-8d2297 button.xanchor,
.xcolor-8d2297 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-8d2297 input.icon-checkbox + label:before,
.xcolor-8d2297 input.icon-checkbox:checked + label:before {
  color: #8d2297;
}
html.dark-mode .xcolor-8d2297 a,
html.dark-mode .xcolor-8d2297 button.xanchor,
html.dark-mode
.xcolor-8d2297
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-8d2297 input.icon-checkbox + label:before,
html.dark-mode .xcolor-8d2297 input.icon-checkbox:checked + label:before {
  color: #b085b6;
}
.xcolor-8d2297 .custom-file-label:focus:not(.is-invalid),
.xcolor-8d2297 .form-control:focus:not(.is-invalid),
.xcolor-8d2297 .recipient-input.focus,
.xcolor-8d2297 .mce-tinymce.focused,
.xcolor-8d2297 div.tox.focused {
  border-color: #8d2297 !important;
}
.xcolor-8d2297 #settings-menu li.selected,
.xcolor-8d2297 .listing tr.selected td,
.xcolor-8d2297 .listing li.selected > a,
.xcolor-8d2297 ul.treelist li.selected > div > a,
.xcolor-8d2297 ul.treelist li.selected > a,
.xcolor-8d2297 .toolbarmenu.listing li:hover a.active {
  background-color: #fdecff;
}
.xcolor-8d2297 #settings-menu li.selected,
.xcolor-8d2297 .listing tr.selected td,
.xcolor-8d2297 .listing li.selected > a,
.xcolor-8d2297 ul.treelist li.selected > div > a,
.xcolor-8d2297 ul.treelist li.selected > a,
.xcolor-8d2297 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-8d2297 #settings-menu li.selected,
html.dark-mode .xcolor-8d2297 .listing tr.selected td,
html.dark-mode .xcolor-8d2297 .listing li.selected > a,
html.dark-mode .xcolor-8d2297 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-8d2297 ul.treelist li.selected > a,
html.dark-mode .xcolor-8d2297 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-8d2297 #settings-menu li.selected,
html.dark-mode .xcolor-8d2297 .listing tr.selected td,
html.dark-mode .xcolor-8d2297 .listing li.selected > a,
html.dark-mode .xcolor-8d2297 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-8d2297 ul.treelist li.selected > a,
html.dark-mode .xcolor-8d2297 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-8d2297 #layout-menu .popover-header {
  background-color: #8d2297 !important;
}
html.dark-mode .xcolor-8d2297 #layout-menu .popover-header {
  background-color: #8d2297 !important;
}
.xcolor-8d2297 .folderlist li.mailbox .unreadcount {
  background-color: #ac3cb6 !important;
  color: #fff;
}
html.dark-mode .xcolor-8d2297 .folderlist li.mailbox .unreadcount {
  background-color: #ac3cb6 !important;
  color: #fff;
}
.xcolor-8d2297 .ui-datepicker a.ui-state-active {
  background-color: #8d2297 !important;
}
html.dark-mode .xcolor-8d2297 .ui-datepicker a.ui-state-active {
  background-color: #8d2297 !important;
}
.xcolor-8d2297 div.header:not(.calendar-list-header),
.xcolor-8d2297 div.header:not(.calendar-list-header) a,
.xcolor-8d2297 div.header .toolbar.open,
.xcolor-8d2297 .floating-action-buttons a.button,
.xcolor-8d2297.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #8d2297 !important;
}
html.dark-mode:not(.touch) .xcolor-8d2297 ::-webkit-scrollbar-thumb {
  background-color: #8d2297;
}
.xcolor-004e8d .btn.btn-primary,
.xcolor-004e8d .btn.btn-success,
.xcolor-004e8d div.tox .tox-dialog__footer .tox-button,
.xcolor-004e8d .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-004e8d .floating-action-buttons a.button {
  background-color: #004e8d !important;
  color: #fff !important;
  border: none;
}
.xcolor-004e8d .btn.btn-primary:hover,
.xcolor-004e8d .btn.btn-success:hover,
.xcolor-004e8d div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-004e8d .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-004e8d .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-004e8d .btn.disabled,
.xcolor-004e8d .btn.disabled:hover,
.xcolor-004e8d .btn:disabled,
.xcolor-004e8d .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-004e8d .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-004e8d
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #004e8d !important;
  border: 1px solid #004e8d !important;
}
.xcolor-004e8d
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-004e8d .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-004e8d .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #004e8d !important;
}
.xcolor-004e8d a,
.xcolor-004e8d button.xanchor,
.xcolor-004e8d div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-004e8d input.icon-checkbox + label:before,
.xcolor-004e8d input.icon-checkbox:checked + label:before {
  color: #004e8d;
}
html.dark-mode .xcolor-004e8d a,
html.dark-mode .xcolor-004e8d button.xanchor,
html.dark-mode
.xcolor-004e8d
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-004e8d input.icon-checkbox + label:before,
html.dark-mode .xcolor-004e8d input.icon-checkbox:checked + label:before {
  color: #7a99c1;
}
.xcolor-004e8d .custom-file-label:focus:not(.is-invalid),
.xcolor-004e8d .form-control:focus:not(.is-invalid),
.xcolor-004e8d .recipient-input.focus,
.xcolor-004e8d .mce-tinymce.focused,
.xcolor-004e8d div.tox.focused {
  border-color: #004e8d !important;
}
.xcolor-004e8d #settings-menu li.selected,
.xcolor-004e8d .listing tr.selected td,
.xcolor-004e8d .listing li.selected > a,
.xcolor-004e8d ul.treelist li.selected > div > a,
.xcolor-004e8d ul.treelist li.selected > a,
.xcolor-004e8d .toolbarmenu.listing li:hover a.active {
  background-color: #e8f5ff;
}
.xcolor-004e8d #settings-menu li.selected,
.xcolor-004e8d .listing tr.selected td,
.xcolor-004e8d .listing li.selected > a,
.xcolor-004e8d ul.treelist li.selected > div > a,
.xcolor-004e8d ul.treelist li.selected > a,
.xcolor-004e8d .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-004e8d #settings-menu li.selected,
html.dark-mode .xcolor-004e8d .listing tr.selected td,
html.dark-mode .xcolor-004e8d .listing li.selected > a,
html.dark-mode .xcolor-004e8d ul.treelist li.selected > div > a,
html.dark-mode .xcolor-004e8d ul.treelist li.selected > a,
html.dark-mode .xcolor-004e8d .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-004e8d #settings-menu li.selected,
html.dark-mode .xcolor-004e8d .listing tr.selected td,
html.dark-mode .xcolor-004e8d .listing li.selected > a,
html.dark-mode .xcolor-004e8d ul.treelist li.selected > div > a,
html.dark-mode .xcolor-004e8d ul.treelist li.selected > a,
html.dark-mode .xcolor-004e8d .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-004e8d #layout-menu .popover-header {
  background-color: #004e8d !important;
}
html.dark-mode .xcolor-004e8d #layout-menu .popover-header {
  background-color: #004e8d !important;
}
.xcolor-004e8d .folderlist li.mailbox .unreadcount {
  background-color: #0c60a4 !important;
  color: #fff;
}
html.dark-mode .xcolor-004e8d .folderlist li.mailbox .unreadcount {
  background-color: #0c60a4 !important;
  color: #fff;
}
.xcolor-004e8d .ui-datepicker a.ui-state-active {
  background-color: #004e8d !important;
}
html.dark-mode .xcolor-004e8d .ui-datepicker a.ui-state-active {
  background-color: #004e8d !important;
}
.xcolor-004e8d div.header:not(.calendar-list-header),
.xcolor-004e8d div.header:not(.calendar-list-header) a,
.xcolor-004e8d div.header .toolbar.open,
.xcolor-004e8d .floating-action-buttons a.button,
.xcolor-004e8d.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #004e8d !important;
}
html.dark-mode:not(.touch) .xcolor-004e8d ::-webkit-scrollbar-thumb {
  background-color: #004e8d;
}
.xcolor-001b41 .btn.btn-primary,
.xcolor-001b41 .btn.btn-success,
.xcolor-001b41 div.tox .tox-dialog__footer .tox-button,
.xcolor-001b41 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-001b41 .floating-action-buttons a.button {
  background-color: #001b41 !important;
  color: #fff !important;
  border: none;
}
.xcolor-001b41 .btn.btn-primary:hover,
.xcolor-001b41 .btn.btn-success:hover,
.xcolor-001b41 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-001b41 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-001b41 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-001b41 .btn.disabled,
.xcolor-001b41 .btn.disabled:hover,
.xcolor-001b41 .btn:disabled,
.xcolor-001b41 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-001b41 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-001b41
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #001b41 !important;
  border: 1px solid #001b41 !important;
}
.xcolor-001b41
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-001b41 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-001b41 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #001b41 !important;
}
.xcolor-001b41 a,
.xcolor-001b41 button.xanchor,
.xcolor-001b41 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-001b41 input.icon-checkbox + label:before,
.xcolor-001b41 input.icon-checkbox:checked + label:before {
  color: #001b41;
}
html.dark-mode .xcolor-001b41 a,
html.dark-mode .xcolor-001b41 button.xanchor,
html.dark-mode
.xcolor-001b41
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-001b41 input.icon-checkbox + label:before,
html.dark-mode .xcolor-001b41 input.icon-checkbox:checked + label:before {
  color: #718196;
}
.xcolor-001b41 .custom-file-label:focus:not(.is-invalid),
.xcolor-001b41 .form-control:focus:not(.is-invalid),
.xcolor-001b41 .recipient-input.focus,
.xcolor-001b41 .mce-tinymce.focused,
.xcolor-001b41 div.tox.focused {
  border-color: #001b41 !important;
}
.xcolor-001b41 #settings-menu li.selected,
.xcolor-001b41 .listing tr.selected td,
.xcolor-001b41 .listing li.selected > a,
.xcolor-001b41 ul.treelist li.selected > div > a,
.xcolor-001b41 ul.treelist li.selected > a,
.xcolor-001b41 .toolbarmenu.listing li:hover a.active {
  background-color: #e9f2ff;
}
.xcolor-001b41 #settings-menu li.selected,
.xcolor-001b41 .listing tr.selected td,
.xcolor-001b41 .listing li.selected > a,
.xcolor-001b41 ul.treelist li.selected > div > a,
.xcolor-001b41 ul.treelist li.selected > a,
.xcolor-001b41 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-001b41 #settings-menu li.selected,
html.dark-mode .xcolor-001b41 .listing tr.selected td,
html.dark-mode .xcolor-001b41 .listing li.selected > a,
html.dark-mode .xcolor-001b41 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-001b41 ul.treelist li.selected > a,
html.dark-mode .xcolor-001b41 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-001b41 #settings-menu li.selected,
html.dark-mode .xcolor-001b41 .listing tr.selected td,
html.dark-mode .xcolor-001b41 .listing li.selected > a,
html.dark-mode .xcolor-001b41 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-001b41 ul.treelist li.selected > a,
html.dark-mode .xcolor-001b41 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-001b41 #layout-menu .popover-header {
  background-color: #001b41 !important;
}
html.dark-mode .xcolor-001b41 #layout-menu .popover-header {
  background-color: #001b41 !important;
}
.xcolor-001b41 .folderlist li.mailbox .unreadcount {
  background-color: #00265b !important;
  color: #fff;
}
html.dark-mode .xcolor-001b41 .folderlist li.mailbox .unreadcount {
  background-color: #00265b !important;
  color: #fff;
}
.xcolor-001b41 .ui-datepicker a.ui-state-active {
  background-color: #001b41 !important;
}
html.dark-mode .xcolor-001b41 .ui-datepicker a.ui-state-active {
  background-color: #001b41 !important;
}
.xcolor-001b41 div.header:not(.calendar-list-header),
.xcolor-001b41 div.header:not(.calendar-list-header) a,
.xcolor-001b41 div.header .toolbar.open,
.xcolor-001b41 .floating-action-buttons a.button,
.xcolor-001b41.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #001b41 !important;
}
html.dark-mode:not(.touch) .xcolor-001b41 ::-webkit-scrollbar-thumb {
  background-color: #001b41;
}
.xcolor-5a0600 .btn.btn-primary,
.xcolor-5a0600 .btn.btn-success,
.xcolor-5a0600 div.tox .tox-dialog__footer .tox-button,
.xcolor-5a0600 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-5a0600 .floating-action-buttons a.button {
  background-color: #5a0600 !important;
  color: #fff !important;
  border: none;
}
.xcolor-5a0600 .btn.btn-primary:hover,
.xcolor-5a0600 .btn.btn-success:hover,
.xcolor-5a0600 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-5a0600 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-5a0600 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-5a0600 .btn.disabled,
.xcolor-5a0600 .btn.disabled:hover,
.xcolor-5a0600 .btn:disabled,
.xcolor-5a0600 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-5a0600 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-5a0600
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #5a0600 !important;
  border: 1px solid #5a0600 !important;
}
.xcolor-5a0600
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-5a0600 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-5a0600 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #5a0600 !important;
}
.xcolor-5a0600 a,
.xcolor-5a0600 button.xanchor,
.xcolor-5a0600 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-5a0600 input.icon-checkbox + label:before,
.xcolor-5a0600 input.icon-checkbox:checked + label:before {
  color: #5a0600;
}
html.dark-mode .xcolor-5a0600 a,
html.dark-mode .xcolor-5a0600 button.xanchor,
html.dark-mode
.xcolor-5a0600
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-5a0600 input.icon-checkbox + label:before,
html.dark-mode .xcolor-5a0600 input.icon-checkbox:checked + label:before {
  color: #a36e6e;
}
.xcolor-5a0600 .custom-file-label:focus:not(.is-invalid),
.xcolor-5a0600 .form-control:focus:not(.is-invalid),
.xcolor-5a0600 .recipient-input.focus,
.xcolor-5a0600 .mce-tinymce.focused,
.xcolor-5a0600 div.tox.focused {
  border-color: #5a0600 !important;
}
.xcolor-5a0600 #settings-menu li.selected,
.xcolor-5a0600 .listing tr.selected td,
.xcolor-5a0600 .listing li.selected > a,
.xcolor-5a0600 ul.treelist li.selected > div > a,
.xcolor-5a0600 ul.treelist li.selected > a,
.xcolor-5a0600 .toolbarmenu.listing li:hover a.active {
  background-color: #ffe8e7;
}
.xcolor-5a0600 #settings-menu li.selected,
.xcolor-5a0600 .listing tr.selected td,
.xcolor-5a0600 .listing li.selected > a,
.xcolor-5a0600 ul.treelist li.selected > div > a,
.xcolor-5a0600 ul.treelist li.selected > a,
.xcolor-5a0600 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-5a0600 #settings-menu li.selected,
html.dark-mode .xcolor-5a0600 .listing tr.selected td,
html.dark-mode .xcolor-5a0600 .listing li.selected > a,
html.dark-mode .xcolor-5a0600 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-5a0600 ul.treelist li.selected > a,
html.dark-mode .xcolor-5a0600 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-5a0600 #settings-menu li.selected,
html.dark-mode .xcolor-5a0600 .listing tr.selected td,
html.dark-mode .xcolor-5a0600 .listing li.selected > a,
html.dark-mode .xcolor-5a0600 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-5a0600 ul.treelist li.selected > a,
html.dark-mode .xcolor-5a0600 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-5a0600 #layout-menu .popover-header {
  background-color: #5a0600 !important;
}
html.dark-mode .xcolor-5a0600 #layout-menu .popover-header {
  background-color: #5a0600 !important;
}
.xcolor-5a0600 .folderlist li.mailbox .unreadcount {
  background-color: #78130c !important;
  color: #fff;
}
html.dark-mode .xcolor-5a0600 .folderlist li.mailbox .unreadcount {
  background-color: #78130c !important;
  color: #fff;
}
.xcolor-5a0600 .ui-datepicker a.ui-state-active {
  background-color: #5a0600 !important;
}
html.dark-mode .xcolor-5a0600 .ui-datepicker a.ui-state-active {
  background-color: #5a0600 !important;
}
.xcolor-5a0600 div.header:not(.calendar-list-header),
.xcolor-5a0600 div.header:not(.calendar-list-header) a,
.xcolor-5a0600 div.header .toolbar.open,
.xcolor-5a0600 .floating-action-buttons a.button,
.xcolor-5a0600.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #5a0600 !important;
}
html.dark-mode:not(.touch) .xcolor-5a0600 ::-webkit-scrollbar-thumb {
  background-color: #5a0600;
}
.xcolor-3a0300 .btn.btn-primary,
.xcolor-3a0300 .btn.btn-success,
.xcolor-3a0300 div.tox .tox-dialog__footer .tox-button,
.xcolor-3a0300 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-3a0300 .floating-action-buttons a.button {
  background-color: #3a0300 !important;
  color: #fff !important;
  border: none;
}
.xcolor-3a0300 .btn.btn-primary:hover,
.xcolor-3a0300 .btn.btn-success:hover,
.xcolor-3a0300 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-3a0300 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-3a0300 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-3a0300 .btn.disabled,
.xcolor-3a0300 .btn.disabled:hover,
.xcolor-3a0300 .btn:disabled,
.xcolor-3a0300 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-3a0300 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-3a0300
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #3a0300 !important;
  border: 1px solid #3a0300 !important;
}
.xcolor-3a0300
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-3a0300 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-3a0300 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #3a0300 !important;
}
.xcolor-3a0300 a,
.xcolor-3a0300 button.xanchor,
.xcolor-3a0300 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-3a0300 input.icon-checkbox + label:before,
.xcolor-3a0300 input.icon-checkbox:checked + label:before {
  color: #3a0300;
}
html.dark-mode .xcolor-3a0300 a,
html.dark-mode .xcolor-3a0300 button.xanchor,
html.dark-mode
.xcolor-3a0300
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-3a0300 input.icon-checkbox + label:before,
html.dark-mode .xcolor-3a0300 input.icon-checkbox:checked + label:before {
  color: #b57678;
}
.xcolor-3a0300 .custom-file-label:focus:not(.is-invalid),
.xcolor-3a0300 .form-control:focus:not(.is-invalid),
.xcolor-3a0300 .recipient-input.focus,
.xcolor-3a0300 .mce-tinymce.focused,
.xcolor-3a0300 div.tox.focused {
  border-color: #3a0300 !important;
}
.xcolor-3a0300 #settings-menu li.selected,
.xcolor-3a0300 .listing tr.selected td,
.xcolor-3a0300 .listing li.selected > a,
.xcolor-3a0300 ul.treelist li.selected > div > a,
.xcolor-3a0300 ul.treelist li.selected > a,
.xcolor-3a0300 .toolbarmenu.listing li:hover a.active {
  background-color: #ffeae9;
}
.xcolor-3a0300 #settings-menu li.selected,
.xcolor-3a0300 .listing tr.selected td,
.xcolor-3a0300 .listing li.selected > a,
.xcolor-3a0300 ul.treelist li.selected > div > a,
.xcolor-3a0300 ul.treelist li.selected > a,
.xcolor-3a0300 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-3a0300 #settings-menu li.selected,
html.dark-mode .xcolor-3a0300 .listing tr.selected td,
html.dark-mode .xcolor-3a0300 .listing li.selected > a,
html.dark-mode .xcolor-3a0300 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-3a0300 ul.treelist li.selected > a,
html.dark-mode .xcolor-3a0300 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-3a0300 #settings-menu li.selected,
html.dark-mode .xcolor-3a0300 .listing tr.selected td,
html.dark-mode .xcolor-3a0300 .listing li.selected > a,
html.dark-mode .xcolor-3a0300 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-3a0300 ul.treelist li.selected > a,
html.dark-mode .xcolor-3a0300 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-3a0300 #layout-menu .popover-header {
  background-color: #3a0300 !important;
}
html.dark-mode .xcolor-3a0300 #layout-menu .popover-header {
  background-color: #3a0300 !important;
}
.xcolor-3a0300 .folderlist li.mailbox .unreadcount {
  background-color: #67100c !important;
  color: #fff;
}
html.dark-mode .xcolor-3a0300 .folderlist li.mailbox .unreadcount {
  background-color: #67100c !important;
  color: #fff;
}
.xcolor-3a0300 .ui-datepicker a.ui-state-active {
  background-color: #3a0300 !important;
}
html.dark-mode .xcolor-3a0300 .ui-datepicker a.ui-state-active {
  background-color: #3a0300 !important;
}
.xcolor-3a0300 div.header:not(.calendar-list-header),
.xcolor-3a0300 div.header:not(.calendar-list-header) a,
.xcolor-3a0300 div.header .toolbar.open,
.xcolor-3a0300 .floating-action-buttons a.button,
.xcolor-3a0300.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #3a0300 !important;
}
html.dark-mode:not(.touch) .xcolor-3a0300 ::-webkit-scrollbar-thumb {
  background-color: #3a0300;
}
.xcolor-585858 .btn.btn-primary,
.xcolor-585858 .btn.btn-success,
.xcolor-585858 div.tox .tox-dialog__footer .tox-button,
.xcolor-585858 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-585858 .floating-action-buttons a.button {
  background-color: #585858 !important;
  color: #fff !important;
  border: none;
}
.xcolor-585858 .btn.btn-primary:hover,
.xcolor-585858 .btn.btn-success:hover,
.xcolor-585858 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-585858 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-585858 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-585858 .btn.disabled,
.xcolor-585858 .btn.disabled:hover,
.xcolor-585858 .btn:disabled,
.xcolor-585858 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-585858 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-585858
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #585858 !important;
  border: 1px solid #585858 !important;
}
.xcolor-585858
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-585858 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-585858 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #585858 !important;
}
.xcolor-585858 a,
.xcolor-585858 button.xanchor,
.xcolor-585858 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-585858 input.icon-checkbox + label:before,
.xcolor-585858 input.icon-checkbox:checked + label:before {
  color: #585858;
}
html.dark-mode .xcolor-585858 a,
html.dark-mode .xcolor-585858 button.xanchor,
html.dark-mode
.xcolor-585858
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-585858 input.icon-checkbox + label:before,
html.dark-mode .xcolor-585858 input.icon-checkbox:checked + label:before {
  color: #a4a4a4;
}
.xcolor-585858 .custom-file-label:focus:not(.is-invalid),
.xcolor-585858 .form-control:focus:not(.is-invalid),
.xcolor-585858 .recipient-input.focus,
.xcolor-585858 .mce-tinymce.focused,
.xcolor-585858 div.tox.focused {
  border-color: #585858 !important;
}
.xcolor-585858 #settings-menu li.selected,
.xcolor-585858 .listing tr.selected td,
.xcolor-585858 .listing li.selected > a,
.xcolor-585858 ul.treelist li.selected > div > a,
.xcolor-585858 ul.treelist li.selected > a,
.xcolor-585858 .toolbarmenu.listing li:hover a.active {
  background-color: #f0f0f0;
}
.xcolor-585858 #settings-menu li.selected,
.xcolor-585858 .listing tr.selected td,
.xcolor-585858 .listing li.selected > a,
.xcolor-585858 ul.treelist li.selected > div > a,
.xcolor-585858 ul.treelist li.selected > a,
.xcolor-585858 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-585858 #settings-menu li.selected,
html.dark-mode .xcolor-585858 .listing tr.selected td,
html.dark-mode .xcolor-585858 .listing li.selected > a,
html.dark-mode .xcolor-585858 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-585858 ul.treelist li.selected > a,
html.dark-mode .xcolor-585858 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-585858 #settings-menu li.selected,
html.dark-mode .xcolor-585858 .listing tr.selected td,
html.dark-mode .xcolor-585858 .listing li.selected > a,
html.dark-mode .xcolor-585858 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-585858 ul.treelist li.selected > a,
html.dark-mode .xcolor-585858 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-585858 #layout-menu .popover-header {
  background-color: #585858 !important;
}
html.dark-mode .xcolor-585858 #layout-menu .popover-header {
  background-color: #585858 !important;
}
.xcolor-585858 .folderlist li.mailbox .unreadcount {
  background-color: #767676 !important;
  color: #fff;
}
html.dark-mode .xcolor-585858 .folderlist li.mailbox .unreadcount {
  background-color: #767676 !important;
  color: #fff;
}
.xcolor-585858 .ui-datepicker a.ui-state-active {
  background-color: #585858 !important;
}
html.dark-mode .xcolor-585858 .ui-datepicker a.ui-state-active {
  background-color: #585858 !important;
}
.xcolor-585858 div.header:not(.calendar-list-header),
.xcolor-585858 div.header:not(.calendar-list-header) a,
.xcolor-585858 div.header .toolbar.open,
.xcolor-585858 .floating-action-buttons a.button,
.xcolor-585858.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #585858 !important;
}
html.dark-mode:not(.touch) .xcolor-585858 ::-webkit-scrollbar-thumb {
  background-color: #585858;
}
.xcolor-000000 .btn.btn-primary,
.xcolor-000000 .btn.btn-success,
.xcolor-000000 div.tox .tox-dialog__footer .tox-button,
.xcolor-000000 .mce-window .mce-foot .mce-btn.mce-primary,
.xcolor-000000 .floating-action-buttons a.button {
  background-color: #000 !important;
  color: #fff !important;
  border: none;
}
.xcolor-000000 .btn.btn-primary:hover,
.xcolor-000000 .btn.btn-success:hover,
.xcolor-000000 div.tox .tox-dialog__footer .tox-button:hover,
.xcolor-000000 .mce-window .mce-foot .mce-btn.mce-primary:hover,
.xcolor-000000 .floating-action-buttons a.button:hover {
  filter: brightness(1.15);
}
.xcolor-000000 .btn.disabled,
.xcolor-000000 .btn.disabled:hover,
.xcolor-000000 .btn:disabled,
.xcolor-000000 .btn:disabled:hover {
  background-color: #777 !important;
}
.xcolor-000000 .mce-window .mce-foot .mce-btn.mce-primary button {
  color: #fff !important;
}
.xcolor-000000
.custom-switch
.custom-control-input:checked
~ .custom-control-label:before {
  background-color: #000 !important;
  border: 1px solid #000 !important;
}
.xcolor-000000
.custom-switch
.custom-control-input:checked
~ .custom-control-label:hover:before {
  filter: brightness(1.15);
}
.xcolor-000000 .mce-window .mce-checkbox i.mce-i-checkbox {
  color: silver;
}
.xcolor-000000 .mce-window .mce-checkbox.mce-checked i.mce-i-checkbox {
  color: #000 !important;
}
.xcolor-000000 a,
.xcolor-000000 button.xanchor,
.xcolor-000000 div.tox .tox-dialog .tox-dialog__body-nav-item--active,
.xcolor-000000 input.icon-checkbox + label:before,
.xcolor-000000 input.icon-checkbox:checked + label:before {
  color: #000;
}
html.dark-mode .xcolor-000000 a,
html.dark-mode .xcolor-000000 button.xanchor,
html.dark-mode
.xcolor-000000
div.tox
.tox-dialog
.tox-dialog__body-nav-item--active,
html.dark-mode .xcolor-000000 input.icon-checkbox + label:before,
html.dark-mode .xcolor-000000 input.icon-checkbox:checked + label:before {
  color: #929292;
}
.xcolor-000000 .custom-file-label:focus:not(.is-invalid),
.xcolor-000000 .form-control:focus:not(.is-invalid),
.xcolor-000000 .recipient-input.focus,
.xcolor-000000 .mce-tinymce.focused,
.xcolor-000000 div.tox.focused {
  border-color: #000 !important;
}
.xcolor-000000 #settings-menu li.selected,
.xcolor-000000 .listing tr.selected td,
.xcolor-000000 .listing li.selected > a,
.xcolor-000000 ul.treelist li.selected > div > a,
.xcolor-000000 ul.treelist li.selected > a,
.xcolor-000000 .toolbarmenu.listing li:hover a.active {
  background-color: #f0f0f0;
}
.xcolor-000000 #settings-menu li.selected,
.xcolor-000000 .listing tr.selected td,
.xcolor-000000 .listing li.selected > a,
.xcolor-000000 ul.treelist li.selected > div > a,
.xcolor-000000 ul.treelist li.selected > a,
.xcolor-000000 .toolbarmenu.listing li:hover a.active {
  color: #333;
}
html.dark-mode .xcolor-000000 #settings-menu li.selected,
html.dark-mode .xcolor-000000 .listing tr.selected td,
html.dark-mode .xcolor-000000 .listing li.selected > a,
html.dark-mode .xcolor-000000 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-000000 ul.treelist li.selected > a,
html.dark-mode .xcolor-000000 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
html.dark-mode .xcolor-000000 #settings-menu li.selected,
html.dark-mode .xcolor-000000 .listing tr.selected td,
html.dark-mode .xcolor-000000 .listing li.selected > a,
html.dark-mode .xcolor-000000 ul.treelist li.selected > div > a,
html.dark-mode .xcolor-000000 ul.treelist li.selected > a,
html.dark-mode .xcolor-000000 .toolbarmenu.listing li:hover a.active {
  color: #c5d1d3;
}
.xcolor-000000 #layout-menu .popover-header {
  background-color: #000 !important;
}
html.dark-mode .xcolor-000000 #layout-menu .popover-header {
  background-color: #000 !important;
}
.xcolor-000000 .folderlist li.mailbox .unreadcount {
  background-color: #3f3f3f !important;
  color: #fff;
}
html.dark-mode .xcolor-000000 .folderlist li.mailbox .unreadcount {
  background-color: #3f3f3f !important;
  color: #fff;
}
.xcolor-000000 .ui-datepicker a.ui-state-active {
  background-color: #000 !important;
}
html.dark-mode .xcolor-000000 .ui-datepicker a.ui-state-active {
  background-color: #000 !important;
}
.xcolor-000000 div.header:not(.calendar-list-header),
.xcolor-000000 div.header:not(.calendar-list-header) a,
.xcolor-000000 div.header .toolbar.open,
.xcolor-000000 .floating-action-buttons a.button,
.xcolor-000000.xsidebar-mobile-visible #xsidebar #xsidebar-mobile-header {
  background-color: #000 !important;
}
html.dark-mode:not(.touch) .xcolor-000000 ::-webkit-scrollbar-thumb {
  background-color: #000;
}
:not(.flatpickr-calendar *, .error) {
  border-color: #ddd;
}
html.dark-mode :not(.flatpickr-calendar *, .error) {
  border-color: #4d6066;
}
body #layout > #layout-menu .special-buttons,
body #layout > #layout-menu .special-buttons a {
  background-color: rgba(0, 0, 0, 0) !important;
}
.popupmenu .listing li.selected,
.popupmenu .listing li > a:not(.disabled):hover,
.popover .menu li a:not(.disabled):hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
html.dark-mode .popupmenu .listing li.selected,
html.dark-mode .popupmenu .listing li > a:not(.disabled):hover,
html.dark-mode .popover .menu li a:not(.disabled):hover {
  background-color: hsla(0, 0%, 100%, 0.05) !important;
}
.popupmenu .listing li.selected,
.popupmenu .listing li > a:not(.disabled):hover,
.popover .menu li a:not(.disabled):hover {
  color: #333 !important;
}
html.dark-mode .popupmenu .listing li.selected,
html.dark-mode .popupmenu .listing li > a:not(.disabled):hover,
html.dark-mode .popover .menu li a:not(.disabled):hover {
  color: #c5d1d3 !important;
}
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: #fff;
}
#layout #xsidebar {
  border: none;
}
div.tox .tox-button.tox-button--secondary,
.mce-window .mce-foot .mce-btn,
.btn.btn-secondary:not(.btn.btn-danger):not(.xanchor),
.btn.btn-link {
  background-color: #7e8d93;
  color: #fff;
  border: none;
}
html.dark-mode div.tox .tox-button.tox-button--secondary,
html.dark-mode .mce-window .mce-foot .mce-btn,
html.dark-mode .btn.btn-secondary:not(.btn.btn-danger):not(.xanchor),
html.dark-mode .btn.btn-link {
  background-color: #6c797e;
}
div.tox .tox-button.tox-button--secondary:hover,
.mce-window .mce-foot .mce-btn:hover,
.btn.btn-secondary:not(.btn.btn-danger):not(.xanchor):hover,
.btn.btn-link:hover {
  filter: brightness(1.15);
}
div.tox .tox-button.tox-button--secondary.ui-dialog-titlebar-close,
.mce-window .mce-foot .mce-btn.ui-dialog-titlebar-close,
.btn.btn-secondary:not(.btn.btn-danger):not(.xanchor).ui-dialog-titlebar-close,
.btn.btn-link.ui-dialog-titlebar-close {
  border: none !important;
}
.mce-window .mce-foot .mce-btn button {
  color: #333 !important;
}
html.dark-mode .mce-window .mce-foot .mce-btn button {
  color: #c5d1d3 !important;
}
body.xelastic.task-login {
  background: #0075c8;
}
body.xelastic.task-login.login-page #login-footer {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}
#xsidebar-inner {
  border-left: 1px solid;
}
#xsidebar-inner {
  border-color: #ddd;
}
html.dark-mode #xsidebar-inner {
  border-color: #4d6066;
}
.toolbarmenu.listing li:hover a.active {
  color: #2c363a;
}
.popover-header a.button {
  color: #fff !important;
}
.layout-phone #layout-menu.popover .cancel {
  color: #fff !important;
}
#message-header div.header,
#message-header div.header a {
  background: rgba(0, 0, 0, 0) !important;
}
#layout > div > .header,
#layout > div > .header a.button,
.xcalendar-page .menu.toolbar a {
  color: #fff !important;
}
@media screen and (min-width: 481px) {
  #taskmenu a {
    position: relative;
    overflow: initial;
  }
  #taskmenu a span.inner {
    position: absolute;
    left: 90%;
    bottom: -0.6rem;
    z-index: 999;
    padding: 3px 5px !important;
    line-height: 1rem !important;
    display: none !important;
    background: #fff;
    border: 1px solid;
  }
  #taskmenu a span.inner {
    border-color: #ddd;
  }
  html.dark-mode #taskmenu a span.inner {
    border-color: #4d6066;
  }
  #taskmenu a span.inner {
    color: #333;
  }
  html.dark-mode #taskmenu a span.inner {
    color: #c5d1d3;
  }
  html.dark-mode #taskmenu a span.inner {
    background: #1a2023;
  }
  #taskmenu a.logout span.inner {
    bottom: 0;
  }
  #taskmenu a:hover span.inner {
    display: block !important;
  }
} /*# sourceMappingURL=styles.css.map */


.popover, body, button, div.tox, div.tox :not(.svg), input, optgroup, select, textarea {
  font-family: Plus Jakarta Sans, sans-serif;
}

.header, .popover-header {
  border-bottom: 1px solid #45CDED !important;
}


#layout > div > .header, #layout > div > .header a.button, .xcalendar-page .menu.toolbar a {
  color: #2B2B6A !important;
}

body.xinverted-menu #layout>div>.header, body.xinverted-menu #layout>div>.header .menu.toolbar a, body.xinverted-menu #layout>div>.header a.button, body.xinverted-menu #layout>div>.header select{
  color: #2B2B6A !important;
}


.xcolor-df5aad .btn.btn-primary, .xcolor-df5aad .btn.btn-success, .xcolor-df5aad div.tox .tox-dialog__footer .tox-button, .xcolor-df5aad .mce-window .mce-foot .mce-btn.mce-primary, .xcolor-df5aad .floating-action-buttons a.button {
  background-color: #2B2B6A !important;
  color: #fff !important;
  border: none;
}

.xcolor-df5aad .custom-switch .custom-control-input:checked ~ .custom-control-label:before {
  background-color: #2B2B6A !important;
  border: 1px solid #2B2B6A !important;
}