/* ===========================================================================
 * Tema FerroJulia per Roundcube Elastic
 *
 * GENERATO AUTOMATICAMENTE da scripts/14-tema.sh leggendo il CSS della skin.
 * Non modificare a mano: rilanciare lo script.
 *
 * Colore aziendale: #b60018 (dal CSS di ferrojulia.it, "accent_color")
 * Caricato dopo styles.min.css, quindi non serve !important.
 * =========================================================================== */
a {
    color: #960014;
}
.quota-widget .value {
    background-color: #b60018;
}
.table-widget table.options-table tr.selected td {
    background-color: #fdecef;
}
.floating-action-buttons a.button {
    background: #b60018;
}
.btn-link {
    color: #960014;
}
.btn-primary {
    background: #b60018;
    border-color: #b60018;
}
.btn-primary:focus {
    background: #a30016;
    border-color: #9e0015;
}
.btn-primary:hover {
    background: #a30016;
    border-color: #9e0015;
}
.btn-primary.disabled, .btn-primary:disabled {
    background: #b60018;
    border-color: #b60018;
}
.ui-menu .ui-state-active {
    background-color: #b60018 !important;
}
.ui-slider .ui-slider-handle.ui-state-active {
    background: #b60018;
}
.ui-datepicker .ui-datepicker-days-cell-over a, .ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default, .ui-datepicker .ui-state-highlight, .ui-datepicker.ui-widget-content .ui-state-highlight {
    color: #b60018;
}
.ui-datepicker a.ui-state-active {
    background: #b60018 !important;
}
.popover .menu li a:not(.disabled):hover {
    background-color: #b60018;
}
.popover .menu .dropbutton a.dropdown:hover {
    background-color: #b60018;
}
.ui.alert a:not(.btn) {
    color: #b60018;
}
#messagestack .alert-info.information {
    background-color: #b60018;
}
.listing li.selected, .listing tr.selected td {
    background-color: #fdecef;
}
.popupmenu .listing li > a:not(.disabled):hover {
    background-color: #b60018;
}
.popupmenu .listing li.selected {
    background-color: #b60018;
}
ul.treelist li.selected > div > a, ul.treelist li.selected > a {
    background-color: #fdecef;
}
.folderlist li.mailbox .unreadcount {
    background: #b60018;
}
.folderlist li.mailbox.recent > a > .unreadcount {
    background: #b60018;
}
.formcontent.raweditor .CodeMirror-focused {
    border-color: #b60018;
}
.multi-input > .content.focused {
    border-color: #b60018;
}
.recipient-input.focus {
    border-color: #b60018;
}
.tagedit-list[tabindex="-1"] {
    border-color: #b60018;
}
.form-control:focus {
    border-color: #b60018;
}
.input-group-text input:focus {
    border-color: #b60018 !important;
}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #b60018;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #b60018;
    background-color: #b60018;
}
.custom-file-input:focus ~ .custom-file-label {
    border-color: #b60018;
}
div.tox.focused {
    border-color: #b60018 !important;
}
div.tox .tox-dialog .tox-dialog__body-nav-item--active {
    color: #960014;
}
div.tox .tox-dialog__footer .tox-button {
    background: #b60018;
    border-color: #b60018;
}
div.tox .tox-dialog__footer .tox-button:focus {
    background: #a30016;
    border-color: #9e0015;
}
div.tox .tox-dialog__footer .tox-button:hover {
    background: #a30016;
    border-color: #9e0015;
}
div.tox .tox-dialog__footer .tox-button.disabled, div.tox .tox-dialog__footer .tox-button:disabled {
    background: #b60018;
    border-color: #b60018;
}
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
    background: #b60018;
    border-color: #b60018;
}
div.tox .tox-color-input > input:focus, div.tox .tox-listboxfield .tox-listbox--select:focus, div.tox .tox-textarea:focus, div.tox .tox-textfield:focus {
    border-color: #b60018;
}
.image-selector .attachmentslist li:hover, .image-selector .attachmentslist li:focus {
    background: #fdecef;
}
.googie_list li.googie_list_onhover {
    background-color: #b60018;
}
.message-part blockquote, .message-htmlpart blockquote {
    color: #6b000f;
    border-left: 2px solid #6b000f;
    border-right: 2px solid #6b000f;
}
/** * Roundcube webmail styles for the Elastic skin * * Copyright (c) The Roundcube Dev Team * * The contents are subject to the Creative Commons Attribution-ShareAlike * License. It is allowed to copy, distribute, transmit and to adapt the work * by keeping credits to the original authors in the README.md file. * See http://creativecommons.org/licenses/by-sa/3.0/ for details. */ html.dark-mode {
    scrollbar-color: #c4001a #4d6066;
}
html.dark-mode:not(.touch) ::-webkit-scrollbar-thumb {
    background-color: #c4001a;
}
html.dark-mode #taskmenu .action-buttons a {
    color: #ff8fa1;
}
html.dark-mode .listing li.selected, html.dark-mode .listing li.selected > a, html.dark-mode .listing li.selected > div > a, html.dark-mode .listing tr.selected td {
    color: #ff5c73;
}
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: #ff5c73;
}
html.dark-mode .btn-primary {
    background-color: #a80016;
}
html.dark-mode .btn-primary:hover:not(:disabled) {
    background-color: #c4001a;
}
html.dark-mode .floating-action-buttons a.button {
    background: #a80016;
}
html.dark-mode .custom-file-label:focus:not(.is-invalid), html.dark-mode .form-control:focus:not(.is-invalid) {
    border-color: #ff5c73;
}
html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #a80016;
}
html.dark-mode .multi-input:not(.is-invalid) > .content.focused {
    border-color: #ff5c73;
}
html.dark-mode .input-group a:focus {
    border-color: #ff5c73;
}
html.dark-mode .recipient-input.focus {
    border-color: #ff5c73;
}
html.dark-mode .formcontent.raweditor .CodeMirror-focused {
    border-color: #ff5c73;
}
html.dark-mode .tox .tox-dialog__footer .tox-button {
    background-color: #a80016;
}
html.dark-mode .tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
    background-color: #a80016;
}
html.dark-mode .tox .tox-dialog__footer .tox-button:hover:not(:disabled) {
    background-color: #c4001a;
}
html.dark-mode .tox .tox-dialog__body-nav-item--active {
    color: #ff5c73;
}
html.dark-mode .tox .tox-collection__item--enabled {
    color: #ff5c73;
}
html.dark-mode .ui-datepicker .ui-state-highlight, html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
    color: #ff5c73;
}

@media screen and (min-width: 481px) {
    #taskmenu .action-buttons a {
        color: #ff8fa1;
    }
    #taskmenu .action-buttons a:hover {
        color: #ff8fa1;
    }
}

/* --- Schermata di login ---------------------------------------------------
 * Una sottile linea di accento sopra il modulo lega la pagina al marchio
 * senza appesantirla. */
.task-login #layout-content {
    border-top: 3px solid #b60018;
}

/* Il campo attivo si evidenzia con il colore aziendale invece dell'azzurro
 * predefinito di Bootstrap, che qui stonerebbe. */
.form-control:focus,
.custom-select:focus {
    border-color: #b60018;
    box-shadow: 0 0 0 .2rem rgba(182, 0, 24, .18);
}

/* Bootstrap disegna i pulsanti primari con il proprio blu: va riportato
 * anch'esso sul colore aziendale, altrimenti restano due accenti diversi
 * nella stessa pagina. */
.btn-primary {
    background-color: #b60018;
    border-color: #b60018;
}
.btn-primary:hover:not(:disabled),
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:focus {
    background-color: #960014;
    border-color: #960014;
    box-shadow: 0 0 0 .2rem rgba(182, 0, 24, .3);
}

/* Barra di avanzamento e indicatore di quota. */
.progress-bar {
    background-color: #b60018;
}