.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,
.col-xs-auto {
    position: relative;
    width: 100%;
    padding-right: 7.5px;
    padding-left: 7.5px;
}

@media (max-width: 576px) {
    .container, .container-xs {
        max-width: 540px;
    }

    .col-xs {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
    }

    .row-cols-xs-1>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .row-cols-xs-2>* {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .row-cols-xs-3>* {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .row-cols-xs-4>* {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .row-cols-xs-5>* {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    .row-cols-xs-6>* {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xs-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

    .col-xs-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }

    .col-xs-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }

    .col-xs-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-xs-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .col-xs-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }

    .col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-xs-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }

    .col-xs-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }

    .col-xs-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-xs-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%;
    }

    .col-xs-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%;
    }

    .col-xs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .order-xs-first {
        -ms-flex-order: -1;
        order: -1;
    }

    .order-xs-last {
        -ms-flex-order: 13;
        order: 13;
    }

    .order-xs-0 {
        -ms-flex-order: 0;
        order: 0;
    }

    .order-xs-1 {
        -ms-flex-order: 1;
        order: 1;
    }

    .order-xs-2 {
        -ms-flex-order: 2;
        order: 2;
    }

    .order-xs-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .order-xs-4 {
        -ms-flex-order: 4;
        order: 4;
    }

    .order-xs-5 {
        -ms-flex-order: 5;
        order: 5;
    }

    .order-xs-6 {
        -ms-flex-order: 6;
        order: 6;
    }

    .order-xs-7 {
        -ms-flex-order: 7;
        order: 7;
    }

    .order-xs-8 {
        -ms-flex-order: 8;
        order: 8;
    }

    .order-xs-9 {
        -ms-flex-order: 9;
        order: 9;
    }

    .order-xs-10 {
        -ms-flex-order: 10;
        order: 10;
    }

    .order-xs-11 {
        -ms-flex-order: 11;
        order: 11;
    }

    .order-xs-12 {
        -ms-flex-order: 12;
        order: 12;
    }

    .offset-xs-0 {
        margin-left: 0;
    }

    .offset-xs-1 {
        margin-left: 8.333333%;
    }

    .offset-xs-2 {
        margin-left: 16.666667%;
    }

    .offset-xs-3 {
        margin-left: 25%;
    }

    .offset-xs-4 {
        margin-left: 33.333333%;
    }

    .offset-xs-5 {
        margin-left: 41.666667%;
    }

    .offset-xs-6 {
        margin-left: 50%;
    }

    .offset-xs-7 {
        margin-left: 58.333333%;
    }

    .offset-xs-8 {
        margin-left: 66.666667%;
    }

    .offset-xs-9 {
        margin-left: 75%;
    }

    .offset-xs-10 {
        margin-left: 83.333333%;
    }

    .offset-xs-11 {
        margin-left: 91.666667%;
    }

    .dropdown-menu-xs-left {
        right: auto;
        left: 0;
    }

    .dropdown-menu-xs-right {
        right: 0;
        left: auto;
    }

    .d-xs-none {
        display: none !important;
    }

    .d-xs-inline {
        display: inline !important;
    }

    .d-xs-inline-block {
        display: inline-block !important;
    }

    .d-xs-block {
        display: block !important;
    }

    .d-xs-table {
        display: table !important;
    }

    .d-xs-table-row {
        display: table-row !important;
    }

    .d-xs-table-cell {
        display: table-cell !important;
    }

    .d-xs-flex {
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .d-xs-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .flex-xs-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important;
    }

    .flex-xs-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }

    .flex-xs-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important;
    }

    .flex-xs-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important;
    }

    .flex-xs-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .flex-xs-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }

    .flex-xs-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important;
    }

    .flex-xs-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important;
    }

    .flex-xs-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important;
    }

    .flex-xs-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important;
    }

    .flex-xs-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important;
    }

    .flex-xs-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important;
    }

    .justify-content-xs-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
    }

    .justify-content-xs-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
    }

    .justify-content-xs-center {
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }

    .justify-content-xs-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
    }

    .justify-content-xs-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important;
    }

    .align-items-xs-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

    .align-items-xs-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important;
    }

    .align-items-xs-center {
        -ms-flex-align: center !important;
        align-items: center !important;
    }

    .align-items-xs-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important;
    }

    .align-items-xs-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important;
    }

    .align-content-xs-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important;
    }

    .align-content-xs-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important;
    }

    .align-content-xs-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important;
    }

    .align-content-xs-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important;
    }

    .align-content-xs-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important;
    }

    .align-content-xs-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important;
    }

    .align-self-xs-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important;
    }

    .align-self-xs-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important;
    }

    .align-self-xs-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important;
    }

    .align-self-xs-center {
        -ms-flex-item-align: center !important;
        align-self: center !important;
    }

    .align-self-xs-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important;
    }

    .align-self-xs-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important;
    }

    .float-xs-left {
        float: left !important;
    }

    .float-xs-right {
        float: right !important;
    }

    .float-xs-none {
        float: none !important;
    }

    .m-xs-0 {
        margin: 0 !important;
    }

    .mt-xs-0,
    .my-xs-0 {
        margin-top: 0 !important;
    }

    .mr-xs-0,
    .mx-xs-0 {
        margin-right: 0 !important;
    }

    .mb-xs-0,
    .my-xs-0 {
        margin-bottom: 0 !important;
    }

    .ml-xs-0,
    .mx-xs-0 {
        margin-left: 0 !important;
    }

    .m-xs-1 {
        margin: 0.25rem !important;
    }

    .mt-xs-1,
    .my-xs-1 {
        margin-top: 0.25rem !important;
    }

    .mr-xs-1,
    .mx-xs-1 {
        margin-right: 0.25rem !important;
    }

    .mb-xs-1,
    .my-xs-1 {
        margin-bottom: 0.25rem !important;
    }

    .ml-xs-1,
    .mx-xs-1 {
        margin-left: 0.25rem !important;
    }

    .m-xs-2 {
        margin: 0.5rem !important;
    }

    .mt-xs-2,
    .my-xs-2 {
        margin-top: 0.5rem !important;
    }

    .mr-xs-2,
    .mx-xs-2 {
        margin-right: 0.5rem !important;
    }

    .mb-xs-2,
    .my-xs-2 {
        margin-bottom: 0.5rem !important;
    }

    .ml-xs-2,
    .mx-xs-2 {
        margin-left: 0.5rem !important;
    }

    .m-xs-3 {
        margin: 1rem !important;
    }

    .mt-xs-3,
    .my-xs-3 {
        margin-top: 1rem !important;
    }

    .mr-xs-3,
    .mx-xs-3 {
        margin-right: 1rem !important;
    }

    .mb-xs-3,
    .my-xs-3 {
        margin-bottom: 1rem !important;
    }

    .ml-xs-3,
    .mx-xs-3 {
        margin-left: 1rem !important;
    }

    .m-xs-4 {
        margin: 1.5rem !important;
    }

    .mt-xs-4,
    .my-xs-4 {
        margin-top: 1.5rem !important;
    }

    .mr-xs-4,
    .mx-xs-4 {
        margin-right: 1.5rem !important;
    }

    .mb-xs-4,
    .my-xs-4 {
        margin-bottom: 1.5rem !important;
    }

    .ml-xs-4,
    .mx-xs-4 {
        margin-left: 1.5rem !important;
    }

    .m-xs-5 {
        margin: 3rem !important;
    }

    .mt-xs-5,
    .my-xs-5 {
        margin-top: 3rem !important;
    }

    .mr-xs-5,
    .mx-xs-5 {
        margin-right: 3rem !important;
    }

    .mb-xs-5,
    .my-xs-5 {
        margin-bottom: 3rem !important;
    }

    .ml-xs-5,
    .mx-xs-5 {
        margin-left: 3rem !important;
    }

    .p-xs-0 {
        padding: 0 !important;
    }

    .pt-xs-0,
    .py-xs-0 {
        padding-top: 0 !important;
    }

    .pr-xs-0,
    .px-xs-0 {
        padding-right: 0 !important;
    }

    .pb-xs-0,
    .py-xs-0 {
        padding-bottom: 0 !important;
    }

    .pl-xs-0,
    .px-xs-0 {
        padding-left: 0 !important;
    }

    .p-xs-1 {
        padding: 0.25rem !important;
    }

    .pt-xs-1,
    .py-xs-1 {
        padding-top: 0.25rem !important;
    }

    .pr-xs-1,
    .px-xs-1 {
        padding-right: 0.25rem !important;
    }

    .pb-xs-1,
    .py-xs-1 {
        padding-bottom: 0.25rem !important;
    }

    .pl-xs-1,
    .px-xs-1 {
        padding-left: 0.25rem !important;
    }

    .p-xs-2 {
        padding: 0.5rem !important;
    }

    .pt-xs-2,
    .py-xs-2 {
        padding-top: 0.5rem !important;
    }

    .pr-xs-2,
    .px-xs-2 {
        padding-right: 0.5rem !important;
    }

    .pb-xs-2,
    .py-xs-2 {
        padding-bottom: 0.5rem !important;
    }

    .pl-xs-2,
    .px-xs-2 {
        padding-left: 0.5rem !important;
    }

    .p-xs-3 {
        padding: 1rem !important;
    }

    .pt-xs-3,
    .py-xs-3 {
        padding-top: 1rem !important;
    }

    .pr-xs-3,
    .px-xs-3 {
        padding-right: 1rem !important;
    }

    .pb-xs-3,
    .py-xs-3 {
        padding-bottom: 1rem !important;
    }

    .pl-xs-3,
    .px-xs-3 {
        padding-left: 1rem !important;
    }

    .p-xs-4 {
        padding: 1.5rem !important;
    }

    .pt-xs-4,
    .py-xs-4 {
        padding-top: 1.5rem !important;
    }

    .pr-xs-4,
    .px-xs-4 {
        padding-right: 1.5rem !important;
    }

    .pb-xs-4,
    .py-xs-4 {
        padding-bottom: 1.5rem !important;
    }

    .pl-xs-4,
    .px-xs-4 {
        padding-left: 1.5rem !important;
    }

    .p-xs-5 {
        padding: 3rem !important;
    }

    .pt-xs-5,
    .py-xs-5 {
        padding-top: 3rem !important;
    }

    .pr-xs-5,
    .px-xs-5 {
        padding-right: 3rem !important;
    }

    .pb-xs-5,
    .py-xs-5 {
        padding-bottom: 3rem !important;
    }

    .pl-xs-5,
    .px-xs-5 {
        padding-left: 3rem !important;
    }

    .m-xs-n1 {
        margin: -0.25rem !important;
    }

    .mt-xs-n1,
    .my-xs-n1 {
        margin-top: -0.25rem !important;
    }

    .mr-xs-n1,
    .mx-xs-n1 {
        margin-right: -0.25rem !important;
    }

    .mb-xs-n1,
    .my-xs-n1 {
        margin-bottom: -0.25rem !important;
    }

    .ml-xs-n1,
    .mx-xs-n1 {
        margin-left: -0.25rem !important;
    }

    .m-xs-n2 {
        margin: -0.5rem !important;
    }

    .mt-xs-n2,
    .my-xs-n2 {
        margin-top: -0.5rem !important;
    }

    .mr-xs-n2,
    .mx-xs-n2 {
        margin-right: -0.5rem !important;
    }

    .mb-xs-n2,
    .my-xs-n2 {
        margin-bottom: -0.5rem !important;
    }

    .ml-xs-n2,
    .mx-xs-n2 {
        margin-left: -0.5rem !important;
    }

    .m-xs-n3 {
        margin: -1rem !important;
    }

    .mt-xs-n3,
    .my-xs-n3 {
        margin-top: -1rem !important;
    }

    .mr-xs-n3,
    .mx-xs-n3 {
        margin-right: -1rem !important;
    }

    .mb-xs-n3,
    .my-xs-n3 {
        margin-bottom: -1rem !important;
    }

    .ml-xs-n3,
    .mx-xs-n3 {
        margin-left: -1rem !important;
    }

    .m-xs-n4 {
        margin: -1.5rem !important;
    }

    .mt-xs-n4,
    .my-xs-n4 {
        margin-top: -1.5rem !important;
    }

    .mr-xs-n4,
    .mx-xs-n4 {
        margin-right: -1.5rem !important;
    }

    .mb-xs-n4,
    .my-xs-n4 {
        margin-bottom: -1.5rem !important;
    }

    .ml-xs-n4,
    .mx-xs-n4 {
        margin-left: -1.5rem !important;
    }

    .m-xs-n5 {
        margin: -3rem !important;
    }

    .mt-xs-n5,
    .my-xs-n5 {
        margin-top: -3rem !important;
    }

    .mr-xs-n5,
    .mx-xs-n5 {
        margin-right: -3rem !important;
    }

    .mb-xs-n5,
    .my-xs-n5 {
        margin-bottom: -3rem !important;
    }

    .ml-xs-n5,
    .mx-xs-n5 {
        margin-left: -3rem !important;
    }

    .m-xs-auto {
        margin: auto !important;
    }

    .mt-xs-auto,
    .my-xs-auto {
        margin-top: auto !important;
    }

    .mr-xs-auto,
    .mx-xs-auto {
        margin-right: auto !important;
    }

    .mb-xs-auto,
    .my-xs-auto {
        margin-bottom: auto !important;
    }

    .ml-xs-auto,
    .mx-xs-auto {
        margin-left: auto !important;
    }

    .text-xs-left {
        text-align: left !important;
    }

    .text-xs-right {
        text-align: right !important;
    }

    .text-xs-center {
        text-align: center !important;
    }

    .layout-xs-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

    .text-xs .layout-xs-navbar-fixed.layout-fixed .wrapper .main-header~.control-sidebar,
    .layout-xs-navbar-fixed.layout-fixed .wrapper .main-header.text-xs~.control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-xs-navbar-fixed.layout-fixed .wrapper .sidebar {
        margin-top: calc(3.5rem + 1px);
    }

    .text-xs .layout-xs-navbar-fixed.layout-fixed .wrapper .brand-link~.sidebar,
    .layout-xs-navbar-fixed.layout-fixed .wrapper .brand-link.text-xs~.sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-xs-navbar-fixed.layout-fixed.text-xs .wrapper .control-sidebar {
        top: calc(2.93725rem + 1px);
    }

    .layout-xs-navbar-fixed.layout-fixed.text-xs .wrapper .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-xs-navbar-fixed .wrapper .control-sidebar {
        top: 0;
    }

    .layout-xs-navbar-fixed .wrapper a.anchor {
        display: block;
        position: relative;
        top: calc((3.5rem + 1px + (0.5rem * 2)) / -1);
    }

    .layout-xs-navbar-fixed .wrapper.sidebar-collapse .brand-link {
        height: calc(3.5rem + 1px);
        transition: width 0.3s ease-in-out;
        width: 4.6rem;
    }

    .text-xs .layout-xs-navbar-fixed .wrapper.sidebar-collapse .brand-link, .layout-xs-navbar-fixed .wrapper.sidebar-collapse .brand-link.text-xs {
        height: calc(2.93725rem + 1px);
    }

    .layout-xs-navbar-fixed .wrapper.sidebar-collapse .main-sidebar:hover .brand-link {
        transition: width 0.3s ease-in-out;
        width: 250px;
    }

    .layout-xs-navbar-fixed .wrapper .brand-link {
        overflow: hidden;
        position: fixed;
        top: 0;
        transition: width 0.3s ease-in-out;
        width: 250px;
        z-index: 1035;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-primary .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-secondary .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-secondary .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-success .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-success .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-info .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-info .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-warning .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-warning .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-danger .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-danger .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-light .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-light .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-dark-dark .brand-link:not([class*="navbar"]) {
        background-color: #343a40;
    }

    .layout-xs-navbar-fixed .wrapper .sidebar-light-dark .brand-link:not([class*="navbar"]) {
        background-color: #ffffff;
    }

    .layout-xs-navbar-fixed .wrapper .content-wrapper {
        margin-top: calc(3.5rem + 1px);
    }

    .text-xs .layout-xs-navbar-fixed .wrapper .main-header~.content-wrapper,
    .layout-xs-navbar-fixed .wrapper .main-header.text-xs~.content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-xs-navbar-fixed .wrapper .main-header {
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        z-index: 1037;
    }

    .layout-xs-navbar-fixed.text-xs .wrapper .content-wrapper {
        margin-top: calc(2.93725rem + 1px);
    }

    body:not(.layout-fixed).layout-xs-navbar-fixed.text-xs .wrapper .main-sidebar {
        margin-top: calc(calc(2.93725rem + 1px) / -1);
    }

    body:not(.layout-fixed).layout-xs-navbar-fixed.text-xs .wrapper .main-sidebar .sidebar {
        margin-top: calc(2.93725rem + 1px);
    }

    .layout-xs-navbar-not-fixed .wrapper .brand-link {
        position: static;
    }

    .layout-xs-navbar-not-fixed .wrapper .sidebar,
    .layout-xs-navbar-not-fixed .wrapper .content-wrapper {
        margin-top: 0;
    }

    .layout-xs-navbar-not-fixed .wrapper .main-header {
        position: static;
    }

    .layout-xs-navbar-not-fixed.layout-fixed .wrapper .sidebar {
        margin-top: 0;
    }

    .layout-xs-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

    .layout-xs-footer-fixed .wrapper .main-footer {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        z-index: 1032;
    }

    .layout-xs-footer-fixed .wrapper .content-wrapper {
        padding-bottom: calc(3.5rem + 1px);
    }

    .layout-xs-footer-not-fixed .wrapper .main-footer {
        position: static;
    }
}