/*
 * Apomail (GEDISA) branding on top of stock Roundcube Elastic.
 * #83795501, https://smaser-it.4me.com/requests/83795501
 *
 * Loaded after skins/elastic/styles/styles.min.css (see templates/includes/layout.html),
 * so every rule here wins over the stock rule with the same selector.
 * Section 1 is generated by a 3-way diff: only properties the 2023 hand-built branded CSS changed
 * relative to stock Elastic 1.6.5 (its base), with the branded value. Everything else comes
 * from stock Elastic, so upstream CSS fixes apply after every upgrade.
 */

/* 1. Generated GEDISA branding (3-way diff base 1.6.5 / branded / 1.6.19) */
#layout>div>.header {border-bottom: 1px solid #ded4d4; color: #404040}
.table-widget table.options-table tr:last-child td {border-bottom: 1px solid #ded4d4}
.messagelist tr.flaggedroot:not(:hover) span.unflagged:before {color: rgba(119, 115, 115, 0.75)}
.popover .menu li a[aria-haspopup]:after {color: #777373}
.searchbar form:before {color: #777373}
body {color: #404040}
.popover {box-shadow: 3px 3px 5px #f4f1f1; border-color: #ded4d4; background-color: #fff !important}
a {color: #ff3737}
a:hover {color: #cc0000}
#layout>div>.header a.button {color: #404040}
#layout>div>.scroller {background-color: #f4f4f4}
#layout>div>.footer {border-top: 1px solid #ded4d4}
#layout-list {border-right: 1px solid #ded4d4}
#layout-sidebar {border-right: 1px solid #ded4d4}
#layout-sidebar.sidebar-right {border-left: 1px solid #ded4d4}
@media screen and (min-width:481px) and (max-width:1024px) {
#layout-menu .popover-header img {background-color: #fff !important}
}
@media screen and (max-width:768px) {
#layout>div>.footer {background-color: #fff}
#layout>div>.header {background-color: #fff}
}
@media screen and (min-width:481px) {
#layout-menu {background-color: #fff}
}
#rcmdraglayer {background-color: #404040; box-shadow: 3px 3px 5px #f4f1f1}
.menu.pagenav.pagenav-list {border-bottom: 1px solid #f4f1f1}
.popup .listbox .footer {border-top: 1px solid #ded4d4}
.searchbar {border-bottom: 1px solid #f4f1f1}
p.image-attachment {background-color: rgba(255, 55, 55, 0.05)}
p.image-attachment span {color: #777373}
fieldset.image-attachment legend {color: #777373}
.iframe-loader .spinner-border {color: #f4f1f1; border-color: currentColor #777373 currentColor currentColor}
.quota-widget {color: #777373}
.quota-widget .bar {border: 1px solid #ded4d4}
.quota-widget .value {background-color: #ff3737}
.image-tools {background-color: rgba(255, 55, 55, 0.4)}
.image-tools a:focus {background-color: rgba(255, 55, 55, 0.5) !important}
.image-tools a:hover {background-color: rgba(255, 55, 55, 0.5) !important}
.quota-info .root {color: #777373; background-color: #f4f1f1}
.table-widget {border: 1px solid #ded4d4}
.table-widget>.footer {border-top: 1px solid #ded4d4}
.table-widget table.options-table tr.selected td {background-color: #ffebeb; color: #404040}
table.table tr.deleted td {color: rgba(58, 44, 44, 0.5) !important}
.floating-action-buttons a.button {background: #ff3737; box-shadow: 0 0 5px 5px #ffeaea}
.btn:focus {box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.3)}
.btn-link {color: #ff3737}
.btn-secondary {background: #a78b8b; border-color: #a78b8b}
.btn-secondary:focus {background: #9c7c7c; border-color: #987777; box-shadow: 0 0 0 .2rem rgba(167, 139, 139, 0.5)}
.btn-secondary:hover {background: #9c7c7c; border-color: #987777}
.btn-secondary.disabled {background: #a78b8b; border-color: #a78b8b}
.btn-secondary:disabled {background: #a78b8b; border-color: #a78b8b}
.btn-secondary:not(:disabled):not(.disabled).active {background: #916e6e; border-color: #8b6a6a}
.btn-secondary:not(:disabled):not(.disabled):active {background: #916e6e; border-color: #8b6a6a}
.btn-secondary:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 .2rem rgba(167, 139, 139, 0.53)}
.btn-secondary:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 .2rem rgba(167, 139, 139, 0.53)}
.btn-primary {background: #ff3737; border-color: #ff3737}
.btn-primary:focus {background: #ff1e1e; border-color: #ff1313; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.5)}
.btn-primary:hover {background: #ff1e1e; border-color: #ff1313}
.btn-primary:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.53)}
.btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.53)}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.53)}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.53)}
.btn-primary.disabled {background: #ff3737; border-color: #ff3737}
.btn-primary:disabled {background: #ff3737; border-color: #ff3737}
.btn-primary:not(:disabled):not(.disabled).active {background: #ff0404; border-color: #f90000}
.btn-primary:not(:disabled):not(.disabled):active {background: #ff0404; border-color: #f90000}
.ui-widget-overlay {background-color: rgba(58, 44, 44, 0.5)}
.ui-widget {border: 1px solid #ded4d4; box-shadow: 3px 3px 5px #f4f1f1}
.ui-menu .ui-state-active {background-color: #ff3737 !important}
.ui-dialog .ui-dialog-title {color: #404040}
.ui-dialog .ui-dialog-titlebar-close {color: #404040}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {color: #f4f4f4}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link:focus {background-color: rgba(255, 55, 55, 0.5)}
@media screen and (max-width:480px) {
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary {color: #f4f4f4}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {color: #f4f4f4}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {color: #f4f4f4}
}
.ui-slider .ui-slider-handle.ui-state-active {background: #ff3737; border-color: #840000}
.minicolors-panel {box-shadow: 3px 3px 5px #f4f1f1; border: 1px solid #ded4d4}
.ui-datepicker .ui-datepicker-next {color: #404040}
.ui-datepicker .ui-datepicker-prev {color: #404040}
.ui-datepicker .ui-state-default {color: #404040}
.ui-datepicker.ui-widget-content .ui-state-default {color: #404040}
.ui-datepicker .ui-datepicker-days-cell-over a {color: #ff3737}
.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default {color: #ff3737}
.ui-datepicker .ui-state-highlight {color: #ff3737}
.ui-datepicker.ui-widget-content .ui-state-highlight {color: #ff3737}
.ui-datepicker a.ui-state-active {background: #ff3737 !important}
html.layout-phone .popover:not(.select-menu) .listing li:last-child {border-bottom: 1px solid #f4f1f1}
html.layout-small .popover:not(.select-menu) .listing li:last-child {border-bottom: 1px solid #f4f1f1}
html.layout-phone .popover-overlay {background-color: rgba(58, 44, 44, 0.5)}
html.layout-small .popover-overlay {background-color: rgba(58, 44, 44, 0.5)}
html.layout-phone .popover-header {background-color: #fff}
html.layout-small .popover-header {background-color: #fff}
.pgpkeyimport div.key.disabled {color: #777373}
.pgpkeyimport div.key.revoked {color: #777373}
.menu.toolbar a {color: #404040}
.menu.pagenav a {color: #f4f4f4}
.menu.pagenav .pagenav-text {color: #777373}
.menu.pagenav.pagenav-list.expanded+.navlist {border-bottom: 1px solid #ded4d4}
.menu .buttons button {color: #f4f4f4}
.popover .menu li.separator {color: #777373; background-color: #f4f1f1}
.popover .menu li a:not(.disabled):hover {background-color: #ff3737}
.popover .menu li a[aria-haspopup].dropdown:after {color: #f4f4f4}
.popover .menu .dropbutton a.dropdown:hover {background-color: #ff3737}
@media screen and (max-width:768px) {
.menu.listing a {color: #f4f4f4}
}
.searchbar a {color: #404040}
@media screen and (max-width:480px) {
#taskmenu a {border-bottom: 1px solid #f4f1f1 !important; color: #f4f4f4}
}
@media screen and (min-width:481px) {
#taskmenu a {color: #404040}
#taskmenu a.selected {color: #303030; background: #e4e4e4}
#taskmenu a.selected:hover {color: #303030; background: #e4e4e4}
#taskmenu a:hover {color: #303030; background: #e4e4e4}
#taskmenu .action-buttons a {color: #ff5552}
#taskmenu .action-buttons a:hover {color: #ff5552; background: #e4e4e4}
}
.ui.alert {color: #404040; background-color: rgba(255, 55, 55, 0.05)}
@media screen and (min-width:1025px) {
#taskmenu a:focus {background-color: #e4e4e400}
}
.ui.alert>i.icon {color: #664d4d}
.ui.alert.loading {color: #756b6b}
.ui.alert a:not(.btn) {color: #ff3737}
.ui.alert.boxinformation {background-color: rgba(255, 55, 55, 0.2)}
#messagestack div {background-color: #404040}
#messagestack .loading {background-color: #756b6b}
#messagestack .alert-info.information {background-color: #ff3737}
#messagestack .alert-warning {color: #404040}
#messagestack .alert-warning>i.icon:before {color: #404040}
.listing li {border-bottom: 1px solid #f4f1f1}
.listing tbody td {border-bottom: 1px solid #f4f1f1; color: #404040}
.listing li a {color: #404040}
.listing tbody td a {color: #404040}
.listing li.selected {color: #404040; background-color: #ffebeb}
.listing tr.selected td {color: #404040; background-color: #ffebeb}
.listing li.disabled {color: rgba(58, 44, 44, 0.5)}
.listing tr.disabled td {color: rgba(58, 44, 44, 0.5)}
.listing span.secondary {color: #777373}
.listing-info {color: #777373}
html:not(.touch) .listing li>a:focus {border-left: 2px solid #ff9d9d}
html:not(.touch) .listing.focus tbody tr.focused>td:first-child {border-left: 2px solid #ff9d9d}
html:not(.touch) .listing.focus:not(.withselection) tbody tr.focused>td.selection+td {border-left: 2px solid #ff9d9d}
ul.listing li ul {border-top: 1px solid #f4f1f1}
@media screen and (max-width:1200px) {
.listing.selection-large-only li.selected {color: #404040}
}
.popupmenu .listing li.selected {background-color: #ff3737}
.popupmenu .listing li>a:not(.disabled):hover {background-color: #ff3737}
ul.treelist li.selected>a {color: #404040; background-color: #ffebeb}
ul.treelist li.selected>div>a {color: #404040; background-color: #ffebeb}
.folderlist li.mailbox .unreadcount {background: #ff3737}
.folderlist li.mailbox.recent>a {color: #d00000}
.folderlist li.mailbox.recent>a>.unreadcount {background: #ff3737}
.messagelist td.subject span.date {color: #777373}
.messagelist td.subject span.size {color: #777373}
.messagelist td.subject span.fromto {color: #777373}
.messagelist tr.deleted td {color: rgba(58, 44, 44, 0.5)}
.messagelist tr.deleted td.subject span.date {color: rgba(58, 44, 44, 0.5)}
.messagelist tr.deleted td.subject span.fromto {color: rgba(58, 44, 44, 0.5)}
.messagelist tr.deleted td.subject span.subject a {color: rgba(58, 44, 44, 0.5)}
.contactlist span.email {color: #777373}
.attachmentslist li .attachment-name {color: #404040}
.attachmentslist li .attachment-size {color: #777373}
.propform .form-text {color: #777373}
.formcontent .hint {color: #777373}
.formcontent.raweditor .CodeMirror {border: 1px solid #dacece; color: #404040}
.formcontent.raweditor .CodeMirror-focused {border-color: #ff3737}
.proplist li.with-sublist>a.dropdown {color: #404040}
.multi-input>.content {border: 1px solid #dacece}
.multi-input>.content.focused {border-color: #ff3737}
.multi-input .input-group-text {border-bottom: 1px solid #dacece; border-left: 1px solid #dacece}
.multi-input input {border-bottom: 1px solid #dacece}
.multi-input input:focus {border-bottom: 1px solid #dacece}
.file-upload {border: .2rem dashed #ded4d4}
.file-upload .hint {color: #777373}
.recipient-input.focus {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
.recipient-input li.recipient {border: 1px solid #dacece; background-color: #f4f1f1}
body>li.recipient.ui-sortable-helper {border: 1px solid #dacece; background-color: #f4f1f1}
.form-control:focus {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25); color: #404040}
.tagedit-list[tabindex="-1"] {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
.recipient-input li.recipient a.button.icon {color: #404040}
body>li.recipient.ui-sortable-helper a.button.icon {color: #404040}
.tagedit-list li.tagedit-listelement-old {border: 1px solid #dacece; background-color: #f4f1f1}
.skinselection .skinthumbnail {border: 1px solid #dacece}
@-moz-document url-prefix() {select:-moz-focusring { color: transparent !important; text-shadow: 0 0 0 #404040 !important }}
.form-control {color: #404040}
.custom-file-input:focus~.custom-file-label {box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25); border-color: #ff3737}
.custom-switch .custom-control-input:focus~.custom-control-label:before {box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
.input-group-text {color: #404040; background-color: #f4f1f1}
.input-group-text input:focus {border-color: #ff3737 !important}
.custom-switch .custom-control-input:focus:not(:checked)~.custom-control-label::before {border-color: #ff3737}
.custom-switch .custom-control-input:checked~.custom-control-label::before {border-color: #ff3737; background-color: #ff3737}
.custom-switch .custom-control-input:checked:disabled~.custom-control-label::before {border-color: #ff8484; background-color: #ff8484}
div.tox.tox-tinymce {border: 1px solid #dacece}
div.tox.focused {border-color: #ff3737 !important}
div.tox .tox-toolbar-overlord>div {background: url("data:image/svg+xml;charset=utf8,%3Csvg height='33px' viewBox='0 0 40 33px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='32px' width='100' height='1' fill='%23cccccc'/%3E%3C/svg%3E") #f4f1f1}
div.tox .tox-toolbar {background-color: #f4f1f1}
div.tox .tox-dialog {border-color: #ded4d4}
div.tox .tox-dialog .tox-dialog__body-nav-item--active {color: #ff3737}
div.tox .tox-dialog .tox-dialog__body-nav-item--active:hover {color: #cc0000}
div.tox .tox-dialog-wrap__backdrop {background-color: rgba(58, 44, 44, 0.5)}
div.tox .tox-dialog__header .tox-button {color: #404040}
div.tox .tox-dialog__footer .tox-button {background: #ff3737; border-color: #ff3737}
div.tox .tox-dialog__footer .tox-button:focus {background: #ff1e1e; border-color: #ff1313; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.5)}
div.tox .tox-dialog__footer .tox-button:hover {background: #ff1e1e; border-color: #ff1313}
div.tox .tox-dialog__footer .tox-button.disabled {background: #ff3737; border-color: #ff3737}
div.tox .tox-dialog__footer .tox-button:disabled {background: #ff3737; border-color: #ff3737}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled).active {background: #ff0404; border-color: #f90000}
div.tox .tox-dialog__footer .tox-button:not(:disabled):not(.disabled):active {background: #ff0404; border-color: #f90000}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled) {background: #ff3737; border-color: #ff3737}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary {background: #a78b8b; border-color: #a78b8b}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus {background: #9c7c7c; border-color: #987777; box-shadow: 0 0 0 .2rem rgba(167, 139, 139, 0.5)}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:hover {background: #9c7c7c; border-color: #987777}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary.disabled {background: #a78b8b; border-color: #a78b8b}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:disabled {background: #a78b8b; border-color: #a78b8b}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled).active {background: #916e6e; border-color: #8b6a6a}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:not(:disabled):not(.disabled):active {background: #916e6e; border-color: #8b6a6a}
div.tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled) {background: #a78b8b; border-color: #a78b8b}
div.tox .tox-dialog__title {color: #404040}
div.tox .tox-label {color: #404040}
div.tox .tox-color-input>input {color: #404040}
div.tox .tox-listboxfield .tox-listbox--select {color: #404040}
div.tox .tox-textarea {color: #404040}
div.tox .tox-textfield {color: #404040}
div.tox .tox-color-input>input:focus {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
div.tox .tox-listboxfield .tox-listbox--select:focus {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
div.tox .tox-textarea:focus {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
div.tox .tox-textfield:focus {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
div.tox .image-selector button {background: #a78b8b; border-color: #a78b8b}
div.tox .image-selector button:focus {background: #9c7c7c; border-color: #987777}
div.tox .image-selector button:hover {background: #9c7c7c; border-color: #987777}
div.tox .image-selector button.disabled {background: #a78b8b; border-color: #a78b8b}
div.tox .image-selector button:disabled {background: #a78b8b; border-color: #a78b8b}
div.tox .image-selector button:not(:disabled):not(.disabled).active {background: #916e6e; border-color: #8b6a6a}
div.tox .image-selector button:not(:disabled):not(.disabled):active {background: #916e6e; border-color: #8b6a6a}
div.tox .image-selector button:not(:disabled):not(.disabled).active:focus {box-shadow: 0 0 0 .2rem rgba(167, 139, 139, 0.53)}
div.tox .image-selector button:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 .2rem rgba(167, 139, 139, 0.53)}
@media screen and (max-width:480px) {
div.tox .tox-dialog__footer .tox-button {color: #404040 !important}
div.tox .tox-dialog__footer .tox-button:active {color: #3a2c2c}
div.tox .tox-dialog__footer .tox-button:focus {color: #3a2c2c}
div.tox .tox-dialog__footer .tox-button:hover {color: #3a2c2c}
}
.image-selector.droptarget {border: .2rem dashed #ded4d4}
.image-selector .attachmentslist li:focus {background: #ffebeb}
.image-selector .attachmentslist li:hover {background: #ffebeb}
.image-selector .attachmentslist li span.img {border: 1px solid #f4f1f1}
.html-editor .editor-toolbar {border-bottom: 1px solid #dacece; background-color: #f4f1f1}
.html-editor .editor-toolbar .mce-i-html {color: #3e2222}
.html-editor .editor-toolbar .mce-i-html:focus {border-color: #e7e2e2; background-color: #e2dede}
.html-editor .editor-toolbar .mce-i-html:hover {border-color: #e7e2e2; background-color: #e2dede}
.html-editor>iframe {border: 1px solid #dacece}
.googie_edit_layer {border: 1px solid #dacece}
.googie_list li.googie_list_onhover {background-color: #ff3737}
#login-footer {color: #777373}
#login-footer>div {background: #f4f1f1}
#contacthead.readonly .source.row {color: #777373}
#message-header .header-headers .header-title {color: #777373}
.message-partheaders table.headers-table {color: #777373}
.message-htmlpart blockquote {color: #9d0000; border-left: 2px solid #9d0000; border-right: 2px solid #9d0000; background-color: rgba(244, 241, 241, 0.5)}
.message-part blockquote {color: #9d0000; border-left: 2px solid #9d0000; border-right: 2px solid #9d0000; background-color: rgba(244, 241, 241, 0.5)}
.message-htmlpart blockquote span.blockquote-link {color: #777373; background: #f4f1f1; border: 1px solid #ded4d4}
.message-part blockquote span.blockquote-link {color: #777373; background: #f4f1f1; border: 1px solid #ded4d4}
.message-part span.sig {color: #777373}
html.dark-mode {scrollbar-color: #b70000 #664d4d}
html.dark-mode:not(.touch) ::-webkit-scrollbar-track {background-color: #664d4d}
html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb {background-color: #b70000}
html.dark-mode body {color: #d3c5c5; background-color: #404040}
html.dark-mode #layout-content {border-color: #664d4d}
html.dark-mode #layout-list {border-color: #664d4d}
html.dark-mode #layout-sidebar {border-color: #664d4d}
html.dark-mode #layout>div>.footer {border-color: #664d4d}
html.dark-mode #layout>div>.header {border-color: #664d4d}
html.dark-mode .menu.pagenav.pagenav-list {border-color: #664d4d}
html.dark-mode .menu.pagenav.pagenav-list+.navlist {border-color: #664d4d}
html.dark-mode .menu.pagenav.pagenav-list.expanded+.navlist {border-color: #664d4d}
html.dark-mode .popup .listbox .footer {border-color: #664d4d}
html.dark-mode #layout>div>.footer a.button {color: #d3c5c5}
html.dark-mode #layout>div>.header a.button {color: #d3c5c5}
html.dark-mode #layout-menu {border-right: 1px solid #664d4d}
@media screen and (max-width:480px) {
html.dark-mode #layout-menu .popover-header {border-bottom: 1px solid #664d4d}
}
html.dark-mode #layout-menu .special-buttons a:not(:focus) {background: #404040}
html.dark-mode.layout-phone #layout-menu {background: #404040}
html.dark-mode .searchbar {border-color: #664d4d}
html.dark-mode #messagestack div {color: #d3c5c5}
html.dark-mode #messagestack div i.icon:before {color: #d3c5c5}
html.dark-mode #messagestack .alert-info {background-color: #992121}
html.dark-mode .ui.alert.boxinformation {background-color: #992121; color: #d3c5c5}
html.dark-mode .ui.alert.boxerror {color: #d3c5c5}
html.dark-mode .ui.alert.boxwarning {color: #d3c5c5}
html.dark-mode .ui.alert.boxconfirmation {color: #d3c5c5}
html.dark-mode #messagestack .loading {background-color: #404040}
html.dark-mode .ui.alert.boxconfirmation i.icon:before {color: #d3c5c5}
html.dark-mode .ui.alert.boxerror i.icon:before {color: #d3c5c5}
html.dark-mode .ui.alert.boxinformation i.icon:before {color: #d3c5c5}
html.dark-mode .ui.alert.boxwarning i.icon:before {color: #d3c5c5}
html.dark-mode .ui.alert a:not(.btn) {color: #d3c5c5}
html.dark-mode .iframe-loader {background-color: rgba(44, 33, 33, 0.9)}
html.dark-mode .iframe-loader .spinner-border {color: #9c7d7d; border-color: currentColor #574242 currentColor currentColor}
html.dark-mode #taskmenu a {color: #d3c5c5}
html.dark-mode .menu.toolbar a {color: #d3c5c5}
html.dark-mode #taskmenu a.selected {background-color: #493737}
html.dark-mode .menu.toolbar a.selected {background-color: #493737}
html.dark-mode #taskmenu .action-buttons a {color: #ff3737}
@media screen and (max-width:480px) {
html.dark-mode #taskmenu a {border-color: #3a2c2c !important}
}
html.dark-mode.layout-phone .popover {border-left: 1px solid #664d4d}
html.dark-mode.layout-small .popover {border-left: 1px solid #664d4d}
html.dark-mode.layout-phone .popover:not(.select-menu) .listing li:last-child {border-color: #3a2c2c}
html.dark-mode.layout-small .popover:not(.select-menu) .listing li:last-child {border-color: #3a2c2c}
html.dark-mode.layout-phone .popover-header {background: #404040; border-bottom: 1px solid #664d4d}
html.dark-mode.layout-small .popover-header {background: #404040; border-bottom: 1px solid #664d4d}
html.dark-mode #taskmenu a:hover {background-color: #404040}
html.dark-mode .header a.button.icon:not(.disabled):focus {background-color: #404040}
html.dark-mode .header a.button.icon:not(.disabled):hover {background-color: #404040}
html.dark-mode .menu a:not(.disabled):focus {background-color: #404040}
html.dark-mode .menu a:not(.disabled):hover {background-color: #404040}
html.dark-mode .menu.toolbar .dropbutton:not(.disabled):hover {background-color: #404040}
html.dark-mode .popupmenu .listing li>a:not(.disabled):hover {background-color: #404040}
html.dark-mode .menu.toolbar .dropbutton a.dropdown:hover {background-color: #404040}
html.dark-mode .listing li a {color: #d3c5c5}
html.dark-mode .listing tbody td {color: #d3c5c5; border-color: #3a2c2c}
html.dark-mode .listing tbody td a {color: #d3c5c5}
html.dark-mode .proplist li.with-sublist>a.dropdown {color: #d3c5c5}
html.dark-mode .listing li {border-color: #3a2c2c}
html.dark-mode .listing li ul {border-color: #3a2c2c}
html.dark-mode .listing li.selected {color: #ff3737; background-color: #404040}
html.dark-mode .listing li.selected>a {color: #ff3737; background-color: #404040}
html.dark-mode .listing li.selected>div>a {color: #ff3737; background-color: #404040}
html.dark-mode .listing tr.selected td {color: #ff3737; background-color: #404040}
html.dark-mode .listing li.selected ul {background-color: #d3c5c5}
html.dark-mode .listing li.selected ul div.treetoggle {color: #d3c5c5}
html.dark-mode .listing li.disabled {color: #826363}
html.dark-mode .listing tr.disabled td {color: #826363}
html.dark-mode .messagelist {color: #d3c5c5}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.date {color: #a78b8b}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.fromto {color: #a78b8b}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.size {color: #a78b8b}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) td.subject span.msgicon.status {color: #d3c5c5}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted) span.flag {color: #d3c5c5}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject a {color: #ff3737}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status {color: #ff3737}
html.dark-mode .messagelist tr.deleted td span.attachment span {color: #826363}
html.dark-mode .messagelist tr.deleted td span.flag {color: #826363}
html.dark-mode .messagelist tr.deleted td.subject span.date {color: #826363}
html.dark-mode .messagelist tr.deleted td.subject span.fromto {color: #826363}
html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status {color: #826363}
html.dark-mode .messagelist tr.deleted td.subject span.msgicon.status.unread:before {color: #826363}
html.dark-mode .messagelist tr.deleted td.subject span.subject a {color: #826363}
html.dark-mode .messagelist span.attachment span {color: #a78b8b}
html.dark-mode .folderlist li.mailbox .unreadcount {background-color: #664d4d; color: #e9e2e2}
html.dark-mode .attachmentslist {background-color: #404040}
html.dark-mode .attachmentslist a {color: #d3c5c5}
html.dark-mode .attachmentslist li .attachment-name {color: #d3c5c5}
html.dark-mode .attachmentslist li .attachment-size {color: #a78b8b}
html.dark-mode .btn {color: #d3c5c5}
html.dark-mode .btn:focus {color: #e9e2e2}
html.dark-mode .btn:hover {color: #e9e2e2}
html.dark-mode .btn-primary {background-color: #9d0000; color: #e9e2e2}
html.dark-mode .btn-primary:hover:not(:disabled) {background-color: #b70000}
html.dark-mode .btn-secondary {background-color: #664d4d; color: #e9e2e2}
html.dark-mode .btn-secondary:hover:not(:disabled) {background-color: #755858}
html.dark-mode .btn-danger {color: #e9e2e2}
html.dark-mode .floating-action-buttons a.button {background: #9d0000}
html.dark-mode .custom-file-label {background-color: #404040; color: #d3c5c5}
html.dark-mode .form-control {background-color: #404040; color: #d3c5c5}
html.dark-mode .custom-file-label:not(.is-invalid) {border-color: #9c7c7c}
html.dark-mode .form-control:not(.is-invalid) {border-color: #9c7c7c}
html.dark-mode .custom-file-label:focus {background-color: #3b2c2c}
html.dark-mode .form-control:focus {background-color: #3b2c2c}
html.dark-mode .custom-file-label:focus:not(.is-invalid) {color: #e9e2e2 !important; border-color: #ff3737}
html.dark-mode .form-control:focus:not(.is-invalid) {color: #e9e2e2 !important; border-color: #ff3737}
html.dark-mode .custom-file-label::after {color: #d3c5c5; background-color: #d3c5c5}
html.dark-mode .custom-switch .custom-control-label::before {background-color: #664d4d}
html.dark-mode .custom-switch .custom-control-label::after {background-color: #d3c5c5}
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::before {background-color: #9d0000}
html.dark-mode .custom-switch .custom-control-input:checked~.custom-control-label::after {background-color: #d3c5c5}
html.dark-mode .multi-input:not(.is-invalid)>.content {border-color: #9c7c7c}
html.dark-mode .multi-input:not(.is-invalid)>.content.focused {border-color: #ff3737}
html.dark-mode .input-group-text {color: #d3c5c5; background-color: #404040; border-color: #9c7c7c}
html.dark-mode .input-group a:focus {border-color: #ff3737; box-shadow: 0 0 0 .2rem rgba(255, 55, 55, 0.25)}
html.dark-mode .recipient-input.focus {color: #e9e2e2; background-color: #3b2c2c; border-color: #ff3737}
html.dark-mode .recipient-input a.button.icon {color: #d3c5c5}
html.dark-mode .recipient-input input {color: #d3c5c5}
html.dark-mode .recipient-input .recipient {background-color: #404040; border-color: #9c7c7c}
html.dark-mode .file-upload {border-color: #664d4d}
html.dark-mode .file-upload.droptarget.active {border-color: #d3c5c5}
html.dark-mode .file-upload.droptarget.hover {border-color: #d3c5c5; background-color: #d3c5c5}
html.dark-mode .image-upload {background-color: #404040}
html.dark-mode .image-upload a.button {background-color: rgba(44, 33, 33, 0.25)}
html.dark-mode .formcontent.raweditor .CodeMirror {color: #d3c5c5; background-color: #d3c5c5; border-color: #9c7c7c}
html.dark-mode .formcontent.raweditor .CodeMirror-focused {background-color: #3b2c2c; border-color: #ff3737}
html.dark-mode .CodeMirror-line::selection {background: #404040}
html.dark-mode .CodeMirror-line>span::selection {background: #404040}
html.dark-mode .CodeMirror-line>span>span::selection {background: #404040}
html.dark-mode .CodeMirror-selected {background: #404040}
html.dark-mode .CodeMirror-activeline-background {background: #404040}
html.dark-mode .skinselection .skinthumbnail {border-color: #9c7c7c}
html.dark-mode .html-editor .editor-toolbar {background-color: #404040; border-color: #9c7c7c}
html.dark-mode .html-editor .editor-toolbar .mce-i-html:focus {background-color: #755858}
html.dark-mode .html-editor .editor-toolbar .mce-i-html:hover {background-color: #755858}
html.dark-mode .tox.tox-tinymce {border-color: #9c7c7c}
html.dark-mode .tox .tox-toolbar {background-color: #404040; border-color: #9c7c7c}
html.dark-mode .tox .tox-toolbar-overlord>div {background: url("data:image/svg+xml,%3Csvg height='33px' viewBox='0 0 40 33px' width='40' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='32px' width='100' height='1' fill='%237c949c'/%3E%3C/svg%3E") #404040}
html.dark-mode .tox .tox-pop.tox-pop--top:after {border-bottom-color: #a78b8b}
html.dark-mode .tox .tox-pop.tox-pop--top:before {border-bottom-color: #a78b8b}
html.dark-mode .tox .tox-pop__dialog {border-color: #a78b8b}
html.dark-mode .tox .tox-split-button {color: #d3c5c5}
html.dark-mode .tox .tox-swatches__picker-btn {color: #d3c5c5}
html.dark-mode .tox .tox-tbtn {color: #d3c5c5}
html.dark-mode .tox .tox-split-button svg {fill: #d3c5c5 !important}
html.dark-mode .tox .tox-swatches__picker-btn svg {fill: #d3c5c5 !important}
html.dark-mode .tox .tox-tbtn svg {fill: #d3c5c5 !important}
html.dark-mode .tox .tox-collection__item-caret svg {fill: #d3c5c5}
html.dark-mode .tox .tox-selectfield svg {fill: #d3c5c5}
html.dark-mode .tox .tox-split-button:focus {color: #d3c5c5; background: #755858}
html.dark-mode .tox .tox-split-button:hover {color: #d3c5c5; background: #755858}
html.dark-mode .tox .tox-swatches__picker-btn:focus {color: #d3c5c5; background: #755858}
html.dark-mode .tox .tox-swatches__picker-btn:hover {color: #d3c5c5; background: #755858}
html.dark-mode .tox .tox-tbtn:focus {color: #d3c5c5; background: #755858}
html.dark-mode .tox .tox-tbtn:hover {color: #d3c5c5; background: #755858}
html.dark-mode .tox .tox-tbtn--enabled {background: #755858}
html.dark-mode .tox .tox-button--naked.tox-button--icon:hover:not(:disabled) {color: #ded4d4; background-color: #755858}
html.dark-mode .tox .tox-button--naked:focus:not(:disabled) {color: #ded4d4; background-color: #755858}
html.dark-mode .tox .tox-selectfield select {color: #d3c5c5}
html.dark-mode .tox .tox-color-input span::before {background-color: #d3c5c5}
html.dark-mode .tox .tox-toolbar__group:not(:last-of-type) {border-color: #9c7c7c}
html.dark-mode .tox .tox-dialog {color: #d3c5c5; border-color: #664d4d; background-color: #404040}
html.dark-mode .tox .tox-dialog__body {color: #d3c5c5; border-color: #664d4d; background-color: #404040}
html.dark-mode .tox .tox-dialog__footer {color: #d3c5c5; border-color: #664d4d; background-color: #404040}
html.dark-mode .tox .tox-dialog__header {color: #d3c5c5; border-color: #664d4d; background-color: #404040}
html.dark-mode .tox .tox-dialog__title {color: #d3c5c5; border-color: #664d4d; background-color: #404040}
html.dark-mode .tox .tox-button--naked {color: #d3c5c5}
html.dark-mode .tox .tox-color-input>input {color: #d3c5c5}
html.dark-mode .tox .tox-dialog__body-nav-item {color: #d3c5c5}
html.dark-mode .tox .tox-dialog__header .tox-button {color: #d3c5c5}
html.dark-mode .tox .tox-insert-table-picker__label {color: #d3c5c5}
html.dark-mode .tox .tox-label {color: #d3c5c5}
html.dark-mode .tox .tox-textfield {color: #d3c5c5}
html.dark-mode .tox .tox-dialog__footer .tox-button {background-color: #9d0000; color: #e9e2e2}
@media screen and (max-width:480px) {
html.dark-mode .tox .tox-dialog__footer .tox-button {color: #d3c5c5 !important}
}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled) {background-color: #9d0000}
html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled) {background-color: #b70000}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary {background-color: #664d4d; color: #e9e2e2}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:focus:not(:disabled) {background-color: #664d4d}
html.dark-mode .tox .tox-dialog__footer .tox-button.tox-button--secondary:hover:not(:disabled) {background-color: #755858}
html.dark-mode .tox .tox-dialog__body-nav-item--active {color: #ff3737}
html.dark-mode .tox .tox-menu {background-color: #404040; border-color: #a78b8b}
html.dark-mode .tox .tox-collection__item {color: #d3c5c5}
html.dark-mode .tox .tox-collection__item:not(:last-child) {border-bottom: 1px solid #3a2c2c}
html.dark-mode .tox .tox-collection__item--active {color: #d3c5c5; background-color: #404040}
html.dark-mode .tox .tox-collection__item--active:not(.tox-collection__item--state-disabled) {color: #d3c5c5; background-color: #404040}
html.dark-mode .tox .tox-collection__item--enabled {color: #ff3737; background-color: #404040}
html.dark-mode .message-htmlpart {border-color: #664d4d; color: #404040}
html.dark-mode .message-part {border-color: #664d4d}
html.dark-mode .message-htmlpart blockquote {background-color: #404040; border-color: #ff6a6a; color: #ff6a6a}
html.dark-mode .message-part blockquote {background-color: #404040; border-color: #ff6a6a; color: #ff6a6a}
html.dark-mode .message-htmlpart blockquote span.blockquote-link {background: #404040}
html.dark-mode .message-part blockquote span.blockquote-link {background: #404040}
html.dark-mode .message-part span.sig {color: #a78b8b}
html.dark-mode #message-header .header-headers .header-title {color: #d3c5c5}
html.dark-mode .message-partheaders {background-color: #404040}
html.dark-mode .ui-datepicker .ui-datepicker-header {border-color: #664d4d}
html.dark-mode .ui-dialog .ui-dialog-buttonpane {border-color: #664d4d}
html.dark-mode .ui-dialog .ui-dialog-titlebar {border-color: #664d4d}
html.dark-mode .ui-widget {border-color: #664d4d}
html.dark-mode fieldset.image-attachment legend {border-color: #664d4d; color: #a78b8b}
html.dark-mode p.image-attachment {border-color: #664d4d; background-color: #404040}
html.dark-mode .message-partheaders table.headers-table {color: #d3c5c5}
html.dark-mode p.image-attachment span {color: #a78b8b}
html.dark-mode .ui-widget-content {background-color: #404040}
html.dark-mode .ui-widget-header {background-color: #404040}
html.dark-mode .ui-dialog .ui-dialog-title {color: #d3c5c5}
html.dark-mode .ui-dialog .ui-dialog-titlebar-close {color: #d3c5c5}
html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset a.btn-link {color: #d3c5c5}
@media screen and (max-width:480px) {
html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-primary:not(.btn-danger) {color: #d3c5c5}
html.dark-mode .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button.btn-secondary {color: #d3c5c5}
}
html.dark-mode .ui-datepicker th {color: #a78b8b}
html.dark-mode .ui-datepicker .ui-datepicker-next {color: #d3c5c5}
html.dark-mode .ui-datepicker .ui-datepicker-prev {color: #d3c5c5}
html.dark-mode .ui-datepicker .ui-state-default {color: #d3c5c5}
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-default {color: #d3c5c5}
html.dark-mode .ui-datepicker .ui-state-highlight {color: #ff3737; background-color: #404040}
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {color: #ff3737; background-color: #404040}
html.dark-mode .ui-datepicker .ui-datepicker-days-cell-over a {background-color: #664d4d}
html.dark-mode .ui-menu {background-color: #404040; border-color: #a78b8b}
html.dark-mode .ui-menu .ui-menu-item {border-bottom: 1px solid #3a2c2c}
html.dark-mode .ui-menu .ui-state-active {background-color: #404040 !important}
html.dark-mode .minicolors-panel {border-color: #664d4d; background: #404040}
html.dark-mode #contacthead.readonly .source.row {color: #a78b8b}
html.dark-mode #login-footer {color: #a78b8b}
html.dark-mode .contactlist span.email {color: #a78b8b}
html.dark-mode .file-upload .hint {color: #a78b8b}
html.dark-mode .formcontent .hint {color: #a78b8b}
html.dark-mode .listing span.secondary {color: #a78b8b}
html.dark-mode .listing-info {color: #a78b8b}
html.dark-mode ::-webkit-input-placeholder {color: #a78b8b}
html.dark-mode ::placeholder {color: #a78b8b}
html.dark-mode .popover {background-color: #404040; border-color: #a78b8b}
html.dark-mode .popover .menu li.separator {color: #a78b8b}
html.dark-mode .popover .menu ul+li.separator {border-top: 1px solid #3a2c2c}
html.dark-mode .popover-body {color: #d3c5c5}
html.dark-mode .bs-popover-auto[x-placement^=right]>.arrow::after {border-right-color: #a78b8b}
html.dark-mode .bs-popover-right>.arrow::after {border-right-color: #a78b8b}
html.dark-mode .bs-popover-auto[x-placement^=left]>.arrow::after {border-left-color: #a78b8b}
html.dark-mode .bs-popover-left>.arrow::after {border-left-color: #a78b8b}
html.dark-mode .bs-popover-auto[x-placement^=top]>.arrow::after {border-top-color: #a78b8b}
html.dark-mode .bs-popover-top>.arrow::after {border-top-color: #a78b8b}
html.dark-mode .bs-popover-auto[x-placement^=bottom]>.arrow::after {border-bottom-color: #a78b8b}
html.dark-mode .bs-popover-bottom>.arrow::after {border-bottom-color: #a78b8b}
html.dark-mode .nav-tabs {border-color: #664d4d}
html.dark-mode .nav-tabs .nav-link {color: #d3c5c5; border-color: transparent transparent #664d4d}
html.dark-mode .nav-tabs .nav-link:hover {background: #404040; border-color: #664d4d; color: #d3c5c5}
html.dark-mode .nav-tabs .nav-link.active {background: #404040; border-color: #664d4d #664d4d transparent}
html.dark-mode .table {color: #d3c5c5}
html.dark-mode .table td {border-color: #664d4d}
html.dark-mode .table th {border-color: #664d4d}
html.dark-mode .table thead th {border-color: #664d4d}
html.dark-mode .table-widget {border-color: #664d4d}
html.dark-mode .table-widget table.options-table tr:last-child td {border-color: #664d4d}
html.dark-mode .table-widget>.footer {border-color: #664d4d}
html.dark-mode .table-widget table.options-table tr.selected td {background-color: #404040; color: #d3c5c5}
html.dark-mode #rcmdraglayer {background-color: #404040; border: 1px solid #a78b8b; color: #d3c5c5}
html.dark-mode .quota-widget .bar {border-color: #664d4d; background-color: #664d4d}
html.dark-mode .quota-info .root {color: #a78b8b}
html.dark-mode #contactpic {background-color: #404040 !important}
html.dark-mode img.contactphoto {background-color: #404040 !important}
html.dark-mode .pgpkeyimport div.key.disabled {color: #826363}
html.dark-mode .pgpkeyimport div.key.revoked {color: #826363}

/* 2. Stock rules the branding removed on purpose */
#layout>div>.header { background-color: transparent }
@media screen and (min-width:481px) {
    #layout-menu .popover-header { background-color: transparent !important }
    #taskmenu .special-buttons { background-color: transparent }
}

/* 3. Dark mode: the branding gives panel bodies a light #f4f4f4 background with no dark variant */
html.dark-mode #layout>div>.scroller { background-color: transparent }

/* 4. Former ui.js change: single-input dialogs (rename, new group, ...) use 2/10 label/field columns */
@media (min-width:576px) {
    .popup.formcontent>.form-group.row>label.col-sm-4.col-form-label { flex: 0 0 16.666667%; max-width: 16.666667% }
    .popup.formcontent>.form-group.row>.col-sm-8 { flex: 0 0 83.333333%; max-width: 83.333333% }
}

/* 5. Former styles/project_overrides.css (login legal box, datepicker) */


.legal_hint {
    position: relative;
    width: 95%;
    margin: 0 auto;
    max-width: 500px;
    top: 18vh;
    background-color: rgba(254, 243, 199, 1);
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    border-radius: 0.375rem;
    padding: 1rem;
    font-family: Roboto, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: rgb(180, 83, 9);
    display: block;
}

.attention_icon {
    height: 2.5rem;
    width: 2.5rem;
    color: rgba(251, 191, 36, 1);

    margin: 1rem;
}

html:not(.dark-mode) .ui-widget {
  background-color: #f4f4f4;
}

.ui-datepicker {




}

.ui-datepicker-calendar {

  margin-top: 7em;
  margin-left: 2em;
  margin-right: 2em;
}

.ui-icon-circle-triangle-w {
  display: none;
}

.ui-icon-circle-triangle-e {
  display: none;
}

.ui-datepicker-year {
  text-align: center;
}