/* Soft, light admin colour theme. Keeps the existing SB Admin layout intact. */
body,
body#page-top,
body.bg-gradient-info {
    background: #ffffff !important;
}

#content-wrapper,
#content {
    background: #ffffff !important;
}

footer.sticky-footer {
    background: #f1f1f1 !important;
}

footer.sticky-footer {
    border-top: 1px solid #d9e9dd;
    color: #315b43;
    padding: 1rem 1.5rem;
}

footer.sticky-footer span,
footer.sticky-footer a {
    color: #315b43 !important;
}

footer.sticky-footer a:hover {
    color: #176b3a !important;
}

footer.sticky-footer .admin-copyright {
    color: #26352c !important;
    font-weight: 600;
}

/* Keep the page visible when any confirmation modal opens. */
.modal-backdrop,
.modal-backdrop.fade,
.modal-backdrop.show {
    display: none !important;
    opacity: 0 !important;
    background: transparent !important;
}

footer.sticky-footer img {
    display: inline-block;
    width: 260px !important;
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

footer.sticky-footer .admin-footer-logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .35rem .7rem;
    background: #26352c;
    border-radius: .25rem;
}

#content {
    min-height: 100vh;
}

.bg-gradient-primary.sidebar {
    background-color: #ffffff !important;
    background-image: none !important;
    border-right: 1px solid #e2ebe4;
    box-shadow: .15rem 0 .75rem rgba(35, 75, 52, .05);
}

#wrapper {
    background: #ffffff;
}

.sidebar.sidebar-dark .sidebar-brand,
.sidebar.sidebar-dark .nav-item .nav-link,
.sidebar.sidebar-dark .nav-item .nav-link i,
.sidebar.sidebar-dark .sidebar-heading {
    color: #405248;
}

.sidebar.sidebar-dark .sidebar-brand {
    color: #244a34;
}

.sidebar.sidebar-dark .nav-item .nav-link:hover,
.sidebar.sidebar-dark .nav-item .nav-link:hover i,
.sidebar.sidebar-dark .nav-item.active .nav-link,
.sidebar.sidebar-dark .nav-item.active .nav-link i {
    color: #176b3a;
}

.sidebar.sidebar-dark .nav-item .nav-link:hover,
.sidebar.sidebar-dark .nav-item.active {
    background: #e9f5ec;
    border-radius: .35rem;
    margin: 0 .45rem;
}

.sidebar.sidebar-dark .sidebar-divider {
    border-top-color: #e2ebe4;
}

.sidebar #sidebarToggle {
    background-color: #c9dfcf;
}

.topbar {
    background: #fff !important;
    box-shadow: 0 .1rem .5rem rgba(35, 75, 52, .08) !important;
}

#content h2 {
    color: #2e7048 !important;
}

.btn-primary {
    background-color: #4f9467;
    border-color: #4f9467;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #397b50;
    border-color: #397b50;
}

.bg-gradient-info {
    background-color: #edf7ef;
    background-image: linear-gradient(180deg, #f7fcf8 10%, #e0f0e4 100%);
}

/* Formation Members admin screen */
.formation-members-page .card {
    border: 0;
    border-radius: .7rem;
    box-shadow: 0 .2rem 1.1rem rgba(49, 87, 125, .09);
}

.formation-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #e4edf7;
}

.formation-page-title .card-title,
.formation-members-page .form-title {
    color: #355f8e;
    font-weight: 700;
}

.formation-page-title p {
    color: #72869b;
    font-size: .9rem;
}

.formation-count,
.designation-badge {
    display: inline-block;
    border-radius: 999px;
    background: #e7f0fb;
    color: #426d9d;
    font-weight: 700;
    font-size: .78rem;
    padding: .36rem .65rem;
}

.formation-members-page .table thead th {
    color: #355f8e;
    background: #edf4fc;
    border-top: 0;
    border-bottom: 1px solid #d9e7f5;
    white-space: nowrap;
}

.formation-members-page .table td {
    vertical-align: middle;
    border-color: #edf1f5;
}

.formation-members-page .table tbody tr:hover {
    background: #f7fbff;
}

.formation-members-page .serial-number {
    display: inline-flex;
    width: 1.8rem;
    height: 1.8rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #4775a7;
    background: #edf4fc;
    font-weight: 700;
}

.formation-members-page .member-name {
    color: #334e68;
    font-weight: 700;
}

.formation-members-page .form-title {
    padding-bottom: .85rem;
    border-bottom: 1px solid #e4edf7;
    margin-bottom: 1.3rem;
}

.formation-members-page .form-group label {
    color: #526f8c;
    font-weight: 700;
}

/* Keep long Page Content descriptions compact in the listing table. */
.page-content-description summary {
    color: #4775a7;
    cursor: pointer;
    font-weight: 700;
    white-space: nowrap;
}

.page-content-description[open] summary {
    margin-bottom: .5rem;
}

.page-content-description div {
    min-width: 220px;
    max-width: 360px;
    padding: .65rem;
    border-left: 3px solid #bfd5ed;
    background: #f7fbff;
    color: #526f8c;
    white-space: normal;
}

/* Put the add/edit form before the existing-content list. */
.page-content-manager > .row > .page-content-form {
    order: -1;
}

@media (max-width: 575.98px) {
    .formation-page-title { align-items: flex-start; flex-direction: column; }
}