/* Personal light palette. Elastic continues to provide layout and behavior. */
:root {
    color-scheme: light;
    --schwiedop-ink: #0d2030;
    --schwiedop-accent: #007c80;
    --schwiedop-soft: #e5f2f2;
    --schwiedop-border: #d4e2e5;
}

body,
#layout-content,
#layout-list,
#layout-sidebar {
    color: var(--schwiedop-ink);
    background-color: #fff;
}

.task-login #layout-content {
    background: #f8fafc;
}

.task-login #logo {
    box-sizing: content-box;
    padding: 16px;
    background: #fff;
    border: 1px solid var(--schwiedop-border);
    border-radius: 20px;
}

#layout-menu,
#taskmenu,
#taskmenu .special-buttons {
    background-color: #f0f6f7 !important;
}

#layout-menu {
    border-right: 1px solid var(--schwiedop-border);
}

#layout-menu .popover-header {
    background-color: #fff !important;
    border-bottom: 1px solid var(--schwiedop-border);
}

#taskmenu a,
#taskmenu .action-buttons a,
#layout-menu .popover-header a {
    color: var(--schwiedop-ink);
}

#taskmenu a:hover,
#taskmenu a.selected,
#taskmenu a.selected:hover,
#taskmenu .action-buttons a:hover {
    color: #005c60;
    background-color: #dcefee;
}

#taskmenu .action-buttons a {
    color: #00666a;
}

#taskmenu a.logout,
#taskmenu a.logout:hover {
    color: #a12a36 !important;
}

.btn-primary {
    color: #fff;
    background-color: var(--schwiedop-accent);
    border-color: var(--schwiedop-accent);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #00666a;
    border-color: #00666a;
}

.form-control:focus {
    border-color: var(--schwiedop-accent);
    box-shadow: 0 0 0 3px rgba(0, 124, 128, .15);
}

.listing li.selected > a,
.listing tr.selected td {
    background-color: var(--schwiedop-soft);
    color: var(--schwiedop-ink);
}