/* ---
   Akzentfarbe aus der bisherigen Installation.
   elastic bleibt das Paket-Skin, diese Datei liegt nur im Skin cmf.
   --- */

#layout-content > #logo {
    display: block;
    width: 16rem;
    max-width: 70%;
    height: auto;
    margin: 2rem auto 1rem;
}

#layout-menu #logo {
    display: block;
    box-sizing: border-box;
    width: auto;
    max-width: calc(100% - 0.6rem);
    max-height: 3.2rem;
    height: auto;
    margin: 0.5rem auto;
    padding: 0.3rem;
    background-color: #fff;
    border-radius: 0.25rem;
}

a.btn-primary,
button.btn-primary,
.btn-primary,
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: #006AB2;
    border-color: #006AB2;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #005a96;
    border-color: #00528a;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
    background-color: #00528a;
    border-color: #004a7c;
}

.btn-link,
.task-login a {
    color: #006AB2;
}

.btn-link:hover,
.task-login a:hover {
    color: #004a7c;
}

.form-control:focus {
    border-color: #006AB2;
    box-shadow: 0 0 0 0.2rem rgba(0, 106, 178, 0.25);
}

.popover .menu a:not(.disabled):hover {
    background-color: #006AB2;
}

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

.floating-action-buttons a.button {
    background: #006AB2;
    box-shadow: 0 0 5px 5px rgba(0, 106, 178, 0.35);
}

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: #006AB2;
    border-color: #006AB2;
}

.listing tbody tr.selected td {
    background-color: #e7f3fb;
}

html.dark-mode .btn-primary,
html.dark-mode .btn-primary.disabled,
html.dark-mode .btn-primary:disabled {
    background-color: #004a7c;
    border-color: #004a7c;
}

html.dark-mode .btn-link,
html.dark-mode .task-login a {
    color: #4da3e0;
}

html.dark-mode .listing tbody tr.selected td {
    background-color: #163044;
}