/* Space WWW custom colors - based on speedtest.spacewww.com palette
   Primary:   #1992c7
   Dark:      #0d4a7c
   Hover:     #1480b0
*/

/* Sidebar / task menu */
#layout-menu,
#layout-menu .popover-header,
#taskmenu .special-buttons,
#rcmdraglayer {
    background-color: #0d4a7c !important;
}
#taskmenu a {
    color: #c8e5f5 !important;
}
#taskmenu a:hover,
#taskmenu a:focus,
#taskmenu a.selected,
#taskmenu a.selected:hover {
    color: #fff !important;
    background: #1480b0 !important;
}
#taskmenu .action-buttons a {
    color: #c8e5f5 !important;
}
#taskmenu .action-buttons a:hover {
    color: #fff !important;
    background: #1480b0 !important;
}

/* Logout button */
#taskmenu a.logout,
#taskmenu a.logout:hover,
#taskmenu a.logout:focus {
    color: #c8e5f5 !important;
}

/* Primary buttons */
.btn-primary,
.btn-primary:disabled,
.btn-primary.disabled {
    background: #1992c7 !important;
    border-color: #1992c7 !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    background: #1480b0 !important;
    border-color: #1480b0 !important;
}

/* Floating action button */
.floating-action-buttons a.button {
    background: #1992c7 !important;
    box-shadow: 0 0 5px 5px #c8e5f5 !important;
}

/* Links */
a, .ui.alert a:not(.btn) {
    color: #1992c7 !important;
}
a:hover {
    color: #1480b0 !important;
}

/* Input focus */
.formcontent.raweditor .CodeMirror-focused,
.multi-input > .content.focused {
    border-color: #1992c7 !important;
    box-shadow: 0 0 0 .2rem rgba(25, 146, 199, .25) !important;
}

/* Folder unread badge */
.folderlist li.mailbox .unreadcount,
.folderlist li.mailbox.recent > a > .unreadcount {
    background: #1992c7 !important;
}

/* Selected item in lists */
.popupmenu .listing li > a:not(.disabled):hover,
.popupmenu .listing li.selected,
.popover .menu li a:not(.disabled):hover,
.popover .menu .dropbutton a.dropdown:hover {
    background-color: #1992c7 !important;
    color: #fff !important;
}

/* Quota bar */
#quotadisplay {
    display: none !important;
}

/* Notifications / info messages */
#messagestack .alert-info.information {
    background-color: #1992c7 !important;
}

/* UI menu active state */
.ui-menu .ui-state-active {
    background-color: #1992c7 !important;
}

/* Datepicker */
.ui-datepicker a.ui-state-active {
    background: #1992c7 !important;
}
.ui-datepicker .ui-datepicker-days-cell-over a,
.ui-datepicker .ui-state-highlight {
    background: #c8e5f5 !important;
    color: #1992c7 !important;
}

/* Checkboxes */
input[type="checkbox"]:checked {
    accent-color: #1992c7;
}