.wdk-footer-fixed,
.wdk-header-fixed {
    position: fixed;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - var(--sidebar-expanded-width));
    left: var(--sidebar-expanded-width);
    background-color: var(--wdk-footer-background-color);
    margin: 0;
    border-radius: 0 0 0 20px;
    padding: 12px 24px;
    border: 1px solid var(--wdk-footer-border-color);
    box-shadow: 0px -2px 6px rgb(0 0 0 / 10%);
    transition: calc(var(--time-01) * 1);
    transition-delay: 0s;
    z-index: 10;
}

.wdk-footer-fixed {
    top: initial;
    bottom: 0;
    padding: 0 24px;
}

body.alert-show.alert-bottom .wdk-footer-fixed {
    bottom: 62px;
}

.wdk-header-fixed {
    top: 0;
    bottom: initial;
}

body.alert-show.alert-bottom .wdk-header-fixed {
    top: 62px;
}

.wdk-footer-fixed {
    min-height: 60px;
    z-index: 4002;
}

.wdk-footer-fixed > .wdk-group,
.wdk-header-fixed > .wdk-group {
    display: inline-flex;
    width: initial;
    margin: 0;
}

.wdk-footer-fixed.right {
    justify-content: flex-end !important;
}

.wdk-footer-fixed.full {
    left: 0 !important;
    width: 100% !important;
    border-radius: 0 !important;
}

#sidebar-trigger:checked ~ .wdk-layout .wdk-footer-fixed {
    width: calc(100% - 58px);
    left: 58px;
    transition-delay: calc(var(--time-01) * 2);
}

.wdk-training .wdk-footer-fixed {
    width: calc(100% - 351px);
    left: 351px;
    border-radius: 0;
    height: 70px;
}

@media(max-width: 992px) {/* 1025 Mobile update  */
    .wdk-footer-fixed,
    #sidebar-trigger:checked ~ .wdk-layout .wdk-footer-fixed {
        width: 100%;
        left: 0;
        justify-content: flex-end;
        padding: 8px 16px;
        padding-left: 60px;
        border-radius: 0;
    }
    .wdk-footer-fixed .ml-auto {
        margin-left: initial !important;
    }
    .wdk-footer-fixed > * { margin: 4px; }
}

@media(max-width: 576px) {
    .wdk-training-content .wdk-footer-fixed{
        justify-content: space-between;
        padding: 12px 24px;
        height: 56px;
    }
    .wdk-footer-fixed .wdk-group.nav-centralizer {
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
    }
}