#main-wrapper[data-layout=horizontal] .app-header {
    box-shadow: 0 10px 20px rgba(0,0,0,.05)
}

#main-wrapper[data-layout=horizontal] .app-header .navbar {
    min-height: 70px
}

#main-wrapper[data-layout=horizontal] .app-header .navbar .navbar-nav .nav-item .nav-link {
    height: 70px;
    line-height: 70px
}

#main-wrapper[data-layout=horizontal] .notification {
    top: 20px
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .app-header {
    position: fixed;
    width: 100%
}

#main-wrapper[data-layout=horizontal][data-header-position=fixed] .left-sidebar {
    padding-top: calc(70px + 6px)
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .app-header {
    position: fixed;
    width: 100%
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .left-sidebar {
    position: fixed;
    padding-top: calc(70px + 6px)
}

#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-fluid,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-lg,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-md,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-sm,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-xl,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-xxl {
    padding-top: 115px!important;
    padding: 15px
}

@media (min-width: 992px) and (max-width:1299.98px) {
    #main-wrapper[data-layout=horizontal] .body-wrapper>.container-fluid,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-lg,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-md,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-sm,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-xl,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-xxl {
        padding:20px 10px
    }
}

@media (min-width: 1300px) {
    #main-wrapper[data-layout=horizontal] .app-header {
        transition:0s;
        padding: 0
    }

    #main-wrapper[data-layout=horizontal] .app-header .navbar {
        padding: 0
    }

    #main-wrapper[data-layout=horizontal] .body-wrapper>.container-fluid,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-lg,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-md,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-sm,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-xl,#main-wrapper[data-layout=horizontal] .body-wrapper>.container-xxl,#main-wrapper[data-layout=horizontal] .navbar,#main-wrapper[data-layout=horizontal] .scroll-sidebar {
        position: relative;
        max-width: 1200px;
        margin: 0 auto
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav {
        flex-wrap: wrap
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
        display: block
    }

    #main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-fluid,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-lg,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-md,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-sm,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-xl,#main-wrapper[data-layout=horizontal][data-sidebar-position=fixed] .body-wrapper>.container-xxl {
        padding-top: 200px!important
    }

    #main-wrapper[data-layout=horizontal] .left-sidebar {
        position: relative;
        width: 100%;
        height: auto;
        padding-top: 0;
        z-index: 45;
        transition: 0s;
        padding: 15px 0 0;
        border-bottom: 1px solid rgba(0,0,0,.05)
    }

    #main-wrapper[data-layout=horizontal] .left-sidebar .scroll-sidebar {
        height: 65px;
        overflow-y: unset;
        padding: 10px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav {
        display: flex;
        width: 100%;
        margin: 0;
        gap: 3px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item {
        border-bottom: 0
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child {
        margin-right: 0
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.sidebar-link {
        margin: 0;
        gap: 10px;
        padding: 5px 10px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.sidebar-link .ti {
        font-size: 16px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.sidebar-link.has-arrow {
        padding-right: 25px!important
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item {
        position: relative;
        width: auto;
        margin-bottom: 0;
        min-height: 65px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level {
        padding: 10px;
        border-radius: 7px;
        animation: menuDropdownShow .3s ease-in-out;
        transition: background-color .3s
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .sidebar-item>.sidebar-link .sidebar-icon {
        margin-right: 0;
        margin-left: 0;
        flex-shrink: 0
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .sidebar-item .sidebar-link {
        font-size: 14px;
        gap: 10px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .sidebar-item .sidebar-link:hover {
        background-color: rgba(93,135,255,.1);
        color: #5d87ff
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .sidebar-item .sidebar-link .ti {
        font-size: 16px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .sidebar-item:last-child {
        margin-bottom: 0
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.has-arrow:after {
        transform: rotate(-135deg) translate(0,-50%);
        right: 9px;
        top: 15px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level {
        right: 0;
        left: auto
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level {
        width: 400px
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item>.two-column+.first-level>.sidebar-item {
        float: left;
        vertical-align: top;
        width: 50%
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul {
        position: absolute;
        left: 0;
        top: calc(65px - 10px);
        width: 240px;
        padding-bottom: 0;
        display: none;
        z-index: 100;
        box-shadow: 0 15px 30px rgba(0,0,0,.12);
        background: #fff;
        transition: cubic-bezier(.075,.82,.165,1)
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown {
        position: static
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level {
        width: 100%
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.mega-dropdown .first-level>li {
        width: 25%;
        float: left
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level,#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:hover ul.first-level.collapse {
        display: block
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item ul.second-level {
        left: 240px;
        top: 0
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item .first-level .right-side-dd ul.second-level,#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav>.sidebar-item:last-child>.first-level ul.second-level {
        right: 240px;
        top: 0;
        left: auto
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav ul.first-level>.sidebar-item:hover ul.second-level {
        display: block
    }

    #main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .badge,#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .nav-small-cap,#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .sidebar-footer,#main-wrapper[data-layout=horizontal] .sidebar-nav #sidebarnav .user-pro {
        display: none
    }
}

@media (max-width: 1299.98px) {
    #main-wrapper[data-layout=horizontal][data-sidebartype=mini-sidebar] .left-sidebar {
        left:-270px
    }

    #main-wrapper[data-layout=horizontal].show-sidebar .left-sidebar {
        left: 0
    }

    #main-wrapper[data-layout=horizontal][data-layout=vertical][data-header-position=fixed][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse,#main-wrapper[data-layout=horizontal][data-layout=vertical][data-sidebar-position=fixed] .topbar .top-navbar .navbar-collapse {
        position: relative;
        top: 70px
    }

    #main-wrapper[data-layout=horizontal] .left-sidebar .sidebar-nav .sidebar-item .collapse .sidebar-item .sidebar-link .ti {
        font-size: 16px
    }

    #main-wrapper[data-layout=horizontal] .app-header .navbar .navbar-collapse {
        padding: 0
    }
}

@media (min-width: 768px) and (max-width:991.98px) {
    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.collapsing,#main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-collapse.show {
        display:flex;
        width: 100%;
        border-top: 1px solid #ebf1f6
    }

    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav {
        flex-direction: row
    }

    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav .dropdown {
        position: static
    }

    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {
        padding: 0 10px
    }

    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .navbar-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%
    }

    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu {
        position: absolute;
        width: 100%
    }

    #main-wrapper[data-layout=horizontal] .topbar .top-navbar .dropdown-menu .with-arrow {
        display: none
    }
}

.page-wrapper {
    position: relative
}

.radial-gradient {
    position: relative
}

.radial-gradient::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .3;
    background: radial-gradient(#d2f1df,#d3d7fa,#bad8f4) 0 0/400% 400%;
    animation: 15s ease 0s infinite normal none running gradient
}

.linear-gradient {
    background-image: linear-gradient(#50b2fc,#f44c66)
}

.bg-light-dark {
    background-color: rgba(0,0,0,.3)!important
}

.bg-hover-primary:hover {
    color: #5d87ff!important
}

.bg-hover-light-black:hover {
    background: #f6f9fc
}

.z-index-5 {
    z-index: 5!important
}

.form-text {
    margin-top: .25rem;
    font-size: .875em;
    color: var(--bs-secondary-color)
}

.form-control {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #5a6a85;
    background-color: transparent;
    background-clip: padding-box;
    border: var(--bs-border-width) solid #dfe5ef;
    appearance: none;
    border-radius: 7px;
    box-shadow: unset;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #5a6a85;
    background-color: transparent;
    border-color: #aec3ff;
    outline: 0;
    box-shadow: unset,0 0 0 .25rem rgba(93,135,255,.25)
}

.form-control::-webkit-date-and-time-value {
    min-width: 85px;
    height: 1.5em;
    margin: 0
}

.form-control::-webkit-datetime-edit {
    display: block;
    padding: 0
}

.form-control::placeholder {
    color: var(--bs-secondary-color);
    opacity: 1
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg);
    opacity: 1
}

.form-control::file-selector-button {
    padding: 8px 16px;
    margin: -8px -16px;
    margin-inline-end:16px;color: #5a6a85;
    background-color: var(--bs-tertiary-bg);
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width:var(--bs-border-width);border-radius: 0;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: var(--bs-secondary-bg)
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: 8px 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: var(--bs-body-color);
    background-color: transparent;
    border: solid transparent;
    border-width: var(--bs-border-width) 0
}

.form-control-plaintext:focus {
    outline: 0
}

.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));
    padding: .25rem .5rem;
    font-size: .765625rem;
    border-radius: var(--bs-border-radius-sm)
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -.25rem -.5rem;
    margin-inline-end:.5rem}

.form-control-lg {
    min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding: .5rem 1rem;
    font-size: 1.09375rem;
    border-radius: var(--bs-border-radius-lg)
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -.5rem -1rem;
    margin-inline-end:1rem}


.py-8 {
    padding-top: 10px!important;
    padding-bottom: 10px!important
}

.fs-7 {
    font-size: calc(1.275rem + .3vw)!important
}