/* ===========================================
   FALMED CUSTOMIZER - OVERRIDE COLORI COMPLETO
   Generato automaticamente - NON MODIFICARE
   Primary: #00c2b5
   Icon Normal: #ffffff
   Icon Active BG: #ffffff
   Icon Active Color: #ff0000
   =========================================== */

/* ===========================================
   NAVBAR E SIDEBAR
   =========================================== */
#layout-menu,
#taskmenu,
html body #layout-menu,
body:not(.task-login):not(.task-error) #layout-menu {
    background-color: #494b4b !important;
    background: #494b4b !important;
}

#layout-sidebar,
.sidebar,
html body #layout-sidebar {
    background-color: #ffffff !important;
}

/* ===========================================
   LINK BASE
   =========================================== */
a {
    color: #00c2b5 !important;
}
a:hover {
    color: #00c2b5 !important;
    filter: brightness(0.85);
}

/* ===========================================
   BTN-LINK
   =========================================== */
.btn-link {
    color: #00c2b5 !important;
}

/* ===========================================
   BTN-PRIMARY
   =========================================== */
.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:disabled,
.btn-primary.disabled {
    background: #00c2b5 !important;
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}

.btn-check:checked + .btn-primary,
.btn-check:active + .btn-primary {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}

/* ===========================================
   UI SLIDER
   =========================================== */
.ui-slider .ui-slider-handle.ui-state-active {
    background: #00c2b5 !important;
}

/* ===========================================
   UI DATEPICKER
   =========================================== */
.ui-datepicker .ui-state-highlight {
    background: rgba(0, 194, 181, 0.2) !important;
    color: #00c2b5 !important;
}
.ui-datepicker a.ui-state-active,
.ui-datepicker .ui-state-active {
    background: #00c2b5 !important;
    color: #fff !important;
}

/* ===========================================
   POPOVER MENU
   =========================================== */
.popover .menu li a:hover,
.popover .menu .dropbutton a.dropdown:hover {
    background-color: #00c2b5 !important;
    color: #fff !important;
}

/* ===========================================
   TASKMENU ACTION BUTTONS
   =========================================== */
#taskmenu .action-buttons a,
#taskmenu .action-buttons a:hover {
    color: #00c2b5 !important;
}

/* ===========================================
   UI ALERT
   =========================================== */
.ui.alert a:not(.btn) {
    color: #00c2b5 !important;
}

/* ===========================================
   MESSAGESTACK
   =========================================== */
#messagestack .alert-info.information {
    background-color: #00c2b5 !important;
}

/* ===========================================
   UNREADCOUNT / BADGE
   =========================================== */
.unreadcount,
.badge,
.folderlist li.mailbox > a > .unreadcount,
.folderlist li.mailbox.recent > a > .unreadcount {
    background: #00c2b5 !important;
    background-color: #00c2b5 !important;
}

/* ===========================================
   FORM FOCUS STATES
   =========================================== */
.formcontent.raweditor .CodeMirror-focused,
.multi-input > .content.focused,
.recipient-input.focus,
.tagedit-list[tabindex="-1"],
.form-control:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: #00c2b5 !important;
    box-shadow: 0 0 0 3px rgba(0, 194, 181, 0.15) !important;
}

/* ===========================================
   CUSTOM CHECKBOX/SWITCH
   =========================================== */
.custom-control-input:focus ~ .custom-control-label::before {
    border-color: #00c2b5 !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 194, 181, 0.25) !important;
}
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #00c2b5 !important;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #00c2b5 !important;
    background-color: #00c2b5 !important;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before,
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}

/* ===========================================
   CUSTOM FILE INPUT
   =========================================== */
.custom-file-input:focus ~ .custom-file-label {
    border-color: #00c2b5 !important;
}

/* ===========================================
   TINYMCE / TOX EDITOR
   =========================================== */
div.tox.focused {
    border-color: #00c2b5 !important;
}
div.tox .tox-dialog .tox-dialog__body-nav-item--active {
    color: #00c2b5 !important;
}
div.tox .tox-dialog__footer .tox-button,
div.tox .tox-dialog__footer .tox-button:disabled,
div.tox .tox-dialog__footer .tox-button:focus:not(:disabled) {
    background: #00c2b5 !important;
    border-color: #00c2b5 !important;
}
div.tox .tox-textfield:focus {
    border-color: #00c2b5 !important;
}

/* ===========================================
   LISTING SELECTED
   =========================================== */
.listing li.selected > a,
.listing tr.selected td,
ul.treelist li.selected > a {
    background-color: rgba(0, 194, 181, 0.1) !important;
}

/* ===========================================
   QUICK ACTIONS
   =========================================== */
body:not(.task-login):not(.task-error) #layout-menu .quick-actions a.active,
html.dark-mode body:not(.task-login) #layout-menu .quick-actions a.active {
    background: #ffffff !important;
}
body:not(.task-login):not(.task-error) #layout-menu .quick-actions a.active:before,
html.dark-mode body:not(.task-login) #layout-menu .quick-actions a.active:before {
    color: #ff0000 !important;
}

/* ===========================================
   TASKMENU ICONE NORMALI (NON SELEZIONATE)
   =========================================== */
#taskmenu a,
#taskmenu a:before,
#layout-menu #taskmenu a,
#layout-menu #taskmenu a:before,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a:before {
    color: #ffffff !important;
}

/* ===========================================
   TASKMENU ICONE ATTIVE NAVBAR
   =========================================== */
#taskmenu a.selected,
#layout-menu #taskmenu a.selected,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a.selected,
html body #layout-menu #taskmenu a.selected {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-radius: 8px !important;
}
#taskmenu a.selected:before,
#layout-menu #taskmenu a.selected:before,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a.selected:before,
html body #layout-menu #taskmenu a.selected:before {
    color: #ff0000 !important;
}

/* Hover sulle icone navbar */
#taskmenu a:hover,
#layout-menu #taskmenu a:hover,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a:hover {
    background: #ffffff !important;
    opacity: 0.8;
    border-radius: 8px !important;
}
#taskmenu a:hover:before,
#layout-menu #taskmenu a:hover:before,
body:not(.task-login):not(.task-error) #layout-menu #taskmenu a:hover:before {
    color: #ff0000 !important;
}

/* ===========================================
   MODERN CHECKBOX
   =========================================== */
.modern-checkbox input:checked + label:before {
    color: #00c2b5 !important;
}

/* ===========================================
   FOLDERLIST ICONS
   =========================================== */
body:not(.task-login):not(.task-error) #layout-sidebar .folderlist li a .unreadcount {
    background: #00c2b5 !important;
}
body:not(.task-login):not(.task-error) #layout-sidebar .folderlist li a:hover:before,
body:not(.task-login):not(.task-error) #layout-sidebar .folderlist li a.selected:before {
    color: #00c2b5 !important;
}

/* ===========================================
   MODERN UI BTN-PRIMARY GRADIENT
   =========================================== */
body:not(.task-login):not(.task-error) .btn-primary {
    background: linear-gradient(135deg, #00c2b5 0%, #00c2b5 100%) !important;
    box-shadow: 0 2px 6px rgba(0, 194, 181, 0.3) !important;
}

/* ===========================================
   SEARCHBAR FOCUS
   =========================================== */
body:not(.task-login):not(.task-error) .searchbar:focus-within {
    border-color: #00c2b5 !important;
    box-shadow: 0 0 0 3px rgba(0, 194, 181, 0.1) !important;
}

/* ===========================================
   LOGIN FORM
   =========================================== */
#login-form .form-control:focus {
    border-color: #00c2b5 !important;
}
#login-form .btn-primary {
    background: linear-gradient(135deg, #00c2b5 0%, #00c2b5 100%) !important;
}

/* ===========================================
   DARK MODE
   =========================================== */
html.dark-mode #taskmenu .action-buttons a {
    color: #00c2b5 !important;
}
html.dark-mode .listing tr.selected td {
    color: #00c2b5 !important;
}
html.dark-mode .messagelist tr:not(.flagged):not(.deleted).selected td.subject span.msgicon.status {
    color: #00c2b5 !important;
}
html.dark-mode .custom-control-input:focus ~ .custom-control-label::before {
    border-color: #00c2b5 !important;
}
html.dark-mode .multi-input:not(.is-invalid) > .content.focused,
html.dark-mode .input-group a:focus,
html.dark-mode .recipient-input.focus,
html.dark-mode .tagedit-list[tabindex="-1"] {
    border-color: #00c2b5 !important;
}
html.dark-mode .tox .tox-dialog__body-nav-item--active,
html.dark-mode .tox .tox-collection__item--enabled {
    color: #00c2b5 !important;
}
html.dark-mode .ui-datepicker.ui-widget-content .ui-state-highlight {
    color: #00c2b5 !important;
}
html.dark-mode .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}
html.dark-mode body:not(.task-login) #layout-sidebar .folderlist li a:hover:before {
    color: #00c2b5 !important;
}

/* Dark mode taskmenu icons - normal */
html.dark-mode #taskmenu a,
html.dark-mode #taskmenu a:before,
html.dark-mode #layout-menu #taskmenu a,
html.dark-mode #layout-menu #taskmenu a:before {
    color: #ffffff !important;
}

/* Dark mode taskmenu icons - active */
html.dark-mode #taskmenu a.selected,
html.dark-mode #layout-menu #taskmenu a.selected {
    background: #ffffff !important;
    background-color: #ffffff !important;
}
html.dark-mode #taskmenu a.selected:before,
html.dark-mode #layout-menu #taskmenu a.selected:before {
    color: #ff0000 !important;
}

/* ===========================================
   SPINNER / LOADER
   =========================================== */
.spinner-border,
.spinner > i {
    background-color: #00c2b5 !important;
}

/* ===========================================
   FOCUS INDICATOR / SELECTED STATE
   =========================================== */
html:not(.touch) .listing li > a:focus,
html:not(.touch) .listing.focus tbody tr.focused > td:first-child {
    border-left-color: #00c2b5 !important;
}

/* ===========================================
   FULLCALENDAR
   =========================================== */
.fc-button-primary,
.fc .fc-button-primary {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}
.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:not(:disabled):active {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
    filter: brightness(0.9);
}
td.fc-today,
.fc-day.fc-today,
.fc .fc-daygrid-day.fc-day-today {
    background: rgba(0, 194, 181, 0.1) !important;
}
.fc-event {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}

/* ===========================================
   CALENDAR PLUGIN ICONS
   =========================================== */
#calendars .treelist li > a:before,
#calendars-content .treelist li > a:before {
    color: #00c2b5 !important;
}

/* ===========================================
   QUOTA / PROGRESS BAR
   =========================================== */
.quota .bar,
.progress-bar,
#quota-display .bar {
    background-color: #00c2b5 !important;
}

/* ===========================================
   BLOCKQUOTE
   =========================================== */
.message-part blockquote,
.message-htmlpart blockquote {
    border-left-color: #00c2b5 !important;
    border-right-color: #00c2b5 !important;
}

/* ===========================================
   FOLDERLIST / MAILBOX ICONS
   =========================================== */
.treelist li > a:before,
#mailboxlist li > a:before,
.folderlist li > a:before,
.listing.iconized li > a:before {
    color: #00c2b5 !important;
}

.folderlist li.mailbox.unread > a,
.folderlist li.mailbox.recent > a {
    color: #00c2b5 !important;
}

/* ===========================================
   MENU HOVER
   =========================================== */
.menu a:not(.disabled):hover {
    background-color: #00c2b5 !important;
    color: #fff !important;
}

/* ===========================================
   TASKMENU COMPOSE BUTTON
   =========================================== */
#taskmenu a.button.compose:before {
    color: #00c2b5 !important;
}

/* ===========================================
   ESCLUSIONI - TOOLBAR
   =========================================== */
.menu.toolbar a,
.menu.toolbar a:before,
.menu.toolbar a:after,
.menu.toolbar li a,
.menu.toolbar li a:before,
.toolbar a,
.toolbar a:before,
.header .toolbar a,
.header .toolbar a:before,
#layout-content .menu.toolbar a,
#layout-content .menu.toolbar a:before,
#layout-content .header .toolbar a,
#layout-content .header .toolbar a:before,
a.button:not(.btn-primary):not(.compose),
a.button.icon,
a.button.icon:before,
a.back-sidebar-button,
a.back-list-button,
a.back-content-button,
a.button.icon.toolbar-menu-button,
a.button.icon.toolbar-menu-button:before,
a.button.icon.toolbar-list-button,
a.button.icon.toolbar-list-button:before,
button.btn.toolbar-menu-button,
button.btn.toolbar-menu-button:before,
button.btn.toolbar-list-button,
button.btn.toolbar-list-button:before,
a.toolbar-button,
a.toolbar-button:before,
#attachment-list a.button.dropdown,
.attachmentslist a.button.dropdown,
a.button.icon.dropdown,
.menu.toolbar .dropbutton a.dropdown,
.menu.toolbar .dropbutton a.dropdown:before {
    color: #333 !important;
}

/* Dark mode toolbar */
html.dark-mode .menu.toolbar a,
html.dark-mode .menu.toolbar a:before,
html.dark-mode .toolbar a,
html.dark-mode .toolbar a:before {
    color: #e0e0e0 !important;
}

/* ===========================================
   CALENDARIO - MINI DATEPICKER
   =========================================== */
#datepicker .ui-datepicker td a,
#datepicker .ui-state-default,
.ui-datepicker td a,
.ui-datepicker .ui-state-default,
.calendarmain #datepicker td a {
    color: #008f82 !important;
}

body.task-calendar .ui-datepicker-inline .ui-datepicker-week-col,
.ui-datepicker .ui-datepicker-week-col,
#datepicker .ui-datepicker-week-col,
.calendarmain .ui-datepicker-week-col {
    color: #008f82 !important;
    border-left-color: rgba(0, 194, 181, 0.3) !important;
    border-right-color: rgba(0, 194, 181, 0.3) !important;
    border-top-color: rgba(0, 194, 181, 0.3) !important;
    border-bottom-color: rgba(0, 194, 181, 0.3) !important;
}

#datepicker td.ui-datepicker-activerange,
#datepicker .ui-datepicker-activerange a,
.ui-datepicker-activerange a.ui-state-default {
    background: rgba(0, 194, 181, 0.15) !important;
    color: #008f82 !important;
    border-color: rgba(0, 194, 181, 0.3) !important;
}

#datepicker .ui-datepicker-days-cell-over a,
#datepicker .ui-datepicker-days-cell-over a.ui-state-default,
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker .ui-datepicker-days-cell-over a.ui-state-default {
    background: rgba(0, 194, 181, 0.4) !important;
    color: #ffffff !important;
    border-color: #00c2b5 !important;
}

#datepicker .ui-datepicker-activerange a.ui-state-active,
#datepicker .ui-state-active,
#datepicker a.ui-state-active,
.ui-datepicker a.ui-state-active,
.ui-datepicker .ui-state-active,
.ui-datepicker td a.ui-state-active,
.calendarmain .ui-datepicker .ui-state-active {
    background: #00c2b5 !important;
    color: #ffffff !important;
    font-weight: bold !important;
}

#datepicker .ui-state-highlight,
.ui-datepicker .ui-state-highlight,
.ui-datepicker td a.ui-state-highlight {
    background: rgba(0, 194, 181, 0.2) !important;
    color: #008f82 !important;
}

/* ===========================================
   CALENDARIO - FULLCALENDAR
   =========================================== */
.fc-day-number,
.fc .fc-daygrid-day-number,
.fc-daygrid-day-number {
    color: #008f82 !important;
}

.fc-day.fc-today,
.fc .fc-day-today,
.fc-daygrid-day.fc-day-today,
td.fc-today,
.calendarmain .fc-unthemed td.fc-day.fc-today {
    background: rgba(0, 194, 181, 0.12) !important;
}

.fc .fc-now-indicator,
.fc-now-indicator,
.fc-time-grid .fc-now-indicator,
.fc-time-grid .fc-now-indicator-line,
.fc-timegrid-now-indicator-line,
.fc .fc-timegrid-now-indicator-line {
    border-color: #008f82 !important;
    background-color: #008f82 !important;
}

.fc-time-grid .fc-now-indicator-arrow,
.fc-timegrid-now-indicator-arrow,
.fc .fc-timegrid-now-indicator-arrow {
    border-color: #008f82 !important;
    border-left-color: #008f82 !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
}

.fc-day-today .fc-daygrid-day-number,
.fc-day.fc-today .fc-day-number,
.calendarmain .fc-day.fc-today .fc-day-number {
    color: #00c2b5 !important;
    font-weight: bold !important;
}

.fc-event,
.fc-h-event,
.fc-v-event,
.fc-timegrid-event,
.fc-daygrid-event,
.fc-daygrid-dot-event,
.fc-list-event-dot {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}

.fc-event .fc-event-main,
.fc-event-title,
.fc-event-time,
.fc-list-event-title {
    color: #ffffff !important;
}

.fc-event-dot,
.fc-list-event-dot {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
}

.fc-button-primary,
.fc .fc-button-primary,
.fc-toolbar .fc-button,
.fc-toolbar-chunk .fc-button,
.calendarmain .fc-button {
    background-color: #00c2b5 !important;
    border-color: #00c2b5 !important;
    color: #ffffff !important;
}

.fc-button-primary:hover,
.fc .fc-button-primary:hover,
.fc-button-primary:focus,
.fc-button-primary:active,
.fc-button-primary.fc-button-active {
    background-color: #008f82 !important;
    border-color: #008f82 !important;
}

.fc-widget-header,
.fc th,
.fc-col-header-cell,
.fc-scrollgrid-sync-inner {
    color: #008f82 !important;
}

.fc-list-heading td,
.fc-list-heading-main,
.fc-list-heading-alt,
.fc-list-table td.fc-list-header,
.calendarmain .fc-view-table td.fc-list-header {
    background: rgba(0, 194, 181, 0.1) !important;
    color: #008f82 !important;
}

.fc-list-item:hover td,
.fc-list-table tr.fc-list-item:hover td {
    background: rgba(0, 194, 181, 0.05) !important;
}

#calendars .treelist li.selected > div.calendar,
#calendars .treelist li.selected > a.calname {
    background-color: rgba(0, 194, 181, 0.1) !important;
}

/* Quickview icon */
.listing li > div a.quickview:before,
#calendars .treelist div a.quickview:before,
#calendars .treelist div:hover a.quickview:before,
.listing li > div a.quickview:hover:before {
    color: #00c2b5 !important;
}

.listing li.selected > div > *,
.listing li.selected > div,
.listing li.selected > div > a,
.listing li.selected > div > span {
    background-color: rgba(0, 194, 181, 0.1) !important;
}

ul.treelist li.selected > a,
ul.treelist li.selected > div > a,
ul.treelist li.selected > div,
.treelist li.selected > a,
.treelist li.selected > div > a,
.treelist li.selected > div {
    background-color: rgba(0, 194, 181, 0.1) !important;
}

.listing li.selected,
ul.treelist li.selected,
.treelist li.selected {
    border-left-color: #00c2b5 !important;
}

.listing li.selected > div > a,
ul.treelist li.selected > a,
ul.treelist li.selected > div > a {
    color: #008f82 !important;
}

#calendars .treelist .calendar .count {
    background: #00c2b5 !important;
    color: #ffffff !important;
}

#calendars .treelist li span.handle {
    border-color: #00c2b5 !important;
}

.calendarmain .ui-dialog input:focus,
.calendarmain .ui-dialog select:focus,
.calendarmain .ui-dialog textarea:focus {
    border-color: #00c2b5 !important;
    box-shadow: 0 0 0 2px rgba(0, 194, 181, 0.2) !important;
}

.calendarmain .ui-dialog .ui-dialog-buttonset button.btn-primary {
    background: #00c2b5 !important;
    border-color: #00c2b5 !important;
    color: #ffffff !important;
}

.tasklist .taskhead input[type="checkbox"]:checked + label:before {
    color: #00c2b5 !important;
}

.tasklist li.taskitem.flagged .taskhead {
    border-left-color: #00c2b5 !important;
}

#tasklists .treelist .tasklist .count {
    background: #00c2b5 !important;
    color: #ffffff !important;
}

/* Dark mode calendar */
html.dark-mode #datepicker .ui-datepicker td a,
html.dark-mode #datepicker .ui-state-default,
html.dark-mode .ui-datepicker td a,
html.dark-mode .fc-day-number,
html.dark-mode .fc .fc-daygrid-day-number {
    color: rgba(0, 194, 181, 0.9) !important;
}

html.dark-mode #datepicker .ui-state-active,
html.dark-mode .ui-datepicker .ui-state-active {
    background: #00c2b5 !important;
    color: #ffffff !important;
}

html.dark-mode .fc-day.fc-today,
html.dark-mode td.fc-today {
    background: rgba(0, 194, 181, 0.15) !important;
}