@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
        transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-2deg);
        transform: translate(-1px, -2px) rotate(-2deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0) rotate(3deg);
        transform: translate(-3px, 0) rotate(3deg);
    }

    30% {
        -webkit-transform: translate(0, 2px) rotate(0deg);
        transform: translate(0, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-2deg);
        transform: translate(2px, 1px) rotate(-2deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(4deg);
        transform: translate(-1px, -1px) rotate(4deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
        transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

@keyframes shake {
    0% {
        -webkit-transform: translate(2px, 1px) rotate(0deg);
        transform: translate(2px, 1px) rotate(0deg);
    }

    10% {
        -webkit-transform: translate(-1px, -2px) rotate(-2deg);
        transform: translate(-1px, -2px) rotate(-2deg);
    }

    20% {
        -webkit-transform: translate(-3px, 0) rotate(3deg);
        transform: translate(-3px, 0) rotate(3deg);
    }

    30% {
        -webkit-transform: translate(0, 2px) rotate(0deg);
        transform: translate(0, 2px) rotate(0deg);
    }

    40% {
        -webkit-transform: translate(1px, -1px) rotate(1deg);
        transform: translate(1px, -1px) rotate(1deg);
    }

    50% {
        -webkit-transform: translate(-1px, 2px) rotate(-1deg);
        transform: translate(-1px, 2px) rotate(-1deg);
    }

    60% {
        -webkit-transform: translate(-3px, 1px) rotate(0deg);
        transform: translate(-3px, 1px) rotate(0deg);
    }

    70% {
        -webkit-transform: translate(2px, 1px) rotate(-2deg);
        transform: translate(2px, 1px) rotate(-2deg);
    }

    80% {
        -webkit-transform: translate(-1px, -1px) rotate(4deg);
        transform: translate(-1px, -1px) rotate(4deg);
    }

    90% {
        -webkit-transform: translate(2px, 2px) rotate(0deg);
        transform: translate(2px, 2px) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(1px, -2px) rotate(-1deg);
        transform: translate(1px, -2px) rotate(-1deg);
    }
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

.dark-mode :root {
    --lightblue: #86bad8;
    --navy: #002c59;
    --olive: #74c8a3;
    --lime: #67ffa9;
    --fuchsia: #f672d8;
    --maroon: #ed6c9b;
    --blue: #3f6791;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #e83e8c;
    --red: #e74c3c;
    --orange: #fd7e14;
    --yellow: #f39c12;
    --green: #00bc8c;
    --teal: #20c997;
    --cyan: #3498db;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #0d2946;
    --primary: #3f6791;
    --secondary: #6c757d;
    --success: #00bc8c;
    --info: #3498db;
    --warning: #f39c12;
    --danger: #e74c3c;
    --light: #f8f9fa;
    --dark: #0d2946;
}

.animation__shake {
    -webkit-animation: shake 1500ms;
    animation: shake 1500ms;
}

.animation__wobble {
    -webkit-animation: wobble 1500ms;
    animation: wobble 1500ms;
}

.preloader {
    display: -ms-flexbox;
    display: flex;
    background-color: #f4f6f9;
    height: 100vh;
    width: 100%;
    transition: height 200ms linear;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

.dark-mode .preloader {
    background-color: #454d55 !important;
    color: #fff;
}

html.scroll-smooth {
    scroll-behavior: smooth;
}

html,
body,
.wrapper {
    min-height: 100%;
}

.wrapper {
    position: relative;
}

    .wrapper .content-wrapper {
        min-height: calc(100vh - calc(3.5rem + 1px) - calc(3.5rem + 1px));
    }

.layout-boxed .wrapper {
    box-shadow: 0 0 10 rgba(0, 0, 0, 0.3);
}

    .layout-boxed .wrapper, .layout-boxed .wrapper::before {
        margin: 0 auto;
        max-width: 1250px;
        overflow: hidden;
    }

        .layout-boxed .wrapper .main-sidebar {
            left: inherit;
        }

@supports not (-webkit-touch-callout: none) {
    .layout-fixed .wrapper .sidebar {
        height: calc(100vh - (3.5rem + 1px));
    }

    .layout-fixed.text-sm .wrapper .sidebar {
        height: calc(100vh - (2.93725rem + 1px));
    }
}

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

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

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

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

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

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

.layout-navbar-fixed.sidebar-mini.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-md.sidebar-collapse .wrapper .brand-link,
.layout-navbar-fixed.sidebar-mini-xs.sidebar-collapse .wrapper .brand-link {
    height: calc(3.5rem + 1px);
    width: 4.6rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.layout-navbar-fixed .wrapper .main-header.border-bottom-0 ~ .content-wrapper {
    margin-top: 3.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .layout-sm-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 768px) {
    .layout-md-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
    .layout-lg-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 1200px) {
    .layout-xl-navbar-fixed.layout-fixed .wrapper .control-sidebar {
        top: calc(3.5rem + 1px);
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.layout-footer-not-fixed .wrapper .content-wrapper {
    margin-bottom: 0;
}

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

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

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

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

@media (min-width: 576px) {
    .layout-sm-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

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

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

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

@media (min-width: 768px) {
    .layout-md-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

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

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

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

@media (min-width: 992px) {
    .layout-lg-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

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

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

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

@media (min-width: 1200px) {
    .layout-xl-footer-fixed .wrapper .control-sidebar {
        bottom: 0;
    }

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

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

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

.layout-top-nav .wrapper {
    margin-left: 0;
}

    .layout-top-nav .wrapper .main-header .brand-image {
        margin-top: -.5rem;
        margin-right: .2rem;
        height: 33px;
    }

    .layout-top-nav .wrapper .main-sidebar {
        bottom: inherit;
        height: inherit;
    }

    .layout-top-nav .wrapper .content-wrapper,
    .layout-top-nav .wrapper .main-header,
    .layout-top-nav .wrapper .main-footer {
        margin-left: 0;
    }