html, body {
    height: 100%;
    background-color: white;
    filter: none;
    font-size: .855rem;
    padding-top: 0;
    overflow: hidden;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    /* padding-bottom: 80px; */
    filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#555555, endcolorstr#666666, gradientType=1);
    background-color: -moz-linear-gradient(top, #555555, #666666);
    background-color: -webkit-gradient(linear, 0 0, 0 bottom, from(#555555), to(#666666));
}

button {
    outline: none !important;
}

.font-cursive {
    font-family: cursive;
}

.font-serif {
    font-family: serif;
}

.app-container {
    height: 100vh;
    flex-direction: column;
    margin: 0
}

.table th, .table td {
    vertical-align: middle
}

.app-header {
    height: 60px;
    display: flex;
    align-items: center;
    align-content: center;
    position: relative;
    z-index: 20;
    transition: all .2s
}

.app-header.header-shadow {
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03)
}

.app-header .app-header__content {
    display: flex;
    align-items: center;
    align-content: center;
    flex: 1;
    padding: 0 1.5rem;
    height: 60px
}

.app-header .app-header__content .app-header-left {
    display: flex;
    align-items: center
}

.app-header .app-header__content .header-menu .nav-link {
    color: #6c757d
}

.app-header .app-header__content .header-menu .nav-link i {
    color: #adb5bd
}

.app-header .app-header__content .header-menu .nav-link:hover {
    color: #212529
}

.app-header .app-header__content .app-header-right {
    align-items: center;
    display: flex;
    margin-left: auto
}

.app-header .header-user-info>.widget-heading, .app-header .header-user-info>.widget-subheading {
    white-space: nowrap
}

.app-header .header-user-info>.widget-subheading {
    font-size: .8rem
}

.app-header__logo {
    padding: 0 1.5rem;
    height: 60px;
    width: 280px;
    display: flex;
    align-items: center;
    transition: width .2s
}

.app-header__logo .logo-src {
    height: 30px;
    width: 120px;
    background-image: url('/images/logo-pfa.png');
    background-position: center;
    background-size: cover;
}

.app-header__menu, .app-header__mobile-menu {
    display: none;
    padding: 0 1.5rem;
    height: 60px;
    align-items: center
}

.fixed-header .app-header {
    position: fixed;
    width: 100%;
    top: 0
}

.fixed-header .app-header .app-header__logo {
    visibility: visible
}

.fixed-header .app-main {
    padding-top: 60px
}

.fixed-header:not(.fixed-sidebar):not(.closed-sidebar) .app-sidebar .app-header__logo {
    visibility: hidden
}

.app-header.header-text-light .app-header-left>.nav>li>.nav-link {
    color: rgba(255, 255, 255, 0.7)
}

.app-header.header-text-light .app-header-left>.nav>li>.nav-link .nav-link-icon {
    color: rgba(255, 255, 255, 0.8)
}

.app-header.header-text-light .app-header-left>.nav>li>.nav-link.disabled .nav-link-icon {
    color: #6c757d;
}

.app-header.header-text-light .app-header-left>.nav>li>.nav-link:hover .nav-link-icon {
    color: #fff
}

.app-header.header-text-light .app-header-left>.nav>li>.nav-link:hover {
    color: #fff
}

.app-header.header-text-light .app-header-left>.nav>li>.nav-link.disabled {
    color: #6c757d;
}

.app-header.header-text-light .app-header-right .icon-wrapper-alt .fa, .app-header.header-text-light .app-header-right .icon-wrapper-alt .icon {
    color: rgba(255, 255, 255, 0.7) !important;
    transition: all .2s
}

.app-header.header-text-light .app-header-right .icon-wrapper-alt .icon-wrapper-bg {
    background: rgba(255, 255, 255, 0.1) !important;
    transition: all .2s;
    opacity: 1
}

.app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .fa, .app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon {
    color: rgba(255, 255, 255, 0.9) !important
}

.app-header.header-text-light .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg {
    background: rgba(255, 255, 255, 0.15) !important
}

.app-header.header-text-light .app-header-right .icon-wrapper-alt .badge-dot {
    border-color: transparent
}

.app-header.header-text-light .app-header-right>.header-btn-lg .widget-content-left .btn-group>.btn, .app-header.header-text-light .app-header-right>.header-btn-lg .widget-heading, .app-header.header-text-light .app-header-right>.header-btn-lg .widget-subheading {
    color: rgba(255, 255, 255, 0.8)
}

.app-header.header-text-light .app-header-right>.header-btn-lg .header-user-info>.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2)
}

.app-header.header-text-light .search-wrapper .input-holder .search-icon {
    background: rgba(0, 0, 0, 0.1)
}

.app-header.header-text-light .search-wrapper .input-holder .search-icon:hover {
    color: #fff
}

.app-header.header-text-light .search-wrapper .input-holder .search-input::placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input::-webkit-input-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input:-ms-input-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input:-moz-placeholder, .app-header.header-text-light .search-wrapper .input-holder .search-input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5) !important
}

.app-header.header-text-light .search-wrapper.active .input-holder {
    background: rgba(255, 255, 255, 0.1)
}

.app-header.header-text-light .search-wrapper.active .input-holder .search-input {
    color: rgba(255, 255, 255, 0.8)
}

.app-header.header-text-light .search-wrapper.active .input-holder .search-icon {
    background: rgba(255, 255, 255, 0.1)
}

.app-header.header-text-light .header-btn-lg::before {
    background: rgba(255, 255, 255, 0.2)
}

.app-header.header-text-light .header-btn-lg .hamburger-inner, .app-header.header-text-light .header-btn-lg .hamburger.is-active .hamburger-inner, .app-header.header-text-light .header-btn-lg .hamburger-inner::before, .app-header.header-text-light .header-btn-lg .hamburger-inner::after, .app-header.header-text-light .header__pane .hamburger-inner, .app-header.header-text-light .header__pane .hamburger.is-active .hamburger-inner, .app-header.header-text-light .header__pane .hamburger-inner::before, .app-header.header-text-light .header__pane .hamburger-inner::after {
    background-color: rgba(255, 255, 255, 0.8) !important
}

.app-header.header-text-light .search-wrapper .input-holder .search-icon span::after {
    border-color: rgba(255, 255, 255, 0.8)
}

.app-header.header-text-light .search-wrapper .close::before, .app-header.header-text-light .search-wrapper .close::after, .app-header.header-text-light .search-wrapper .input-holder .search-icon span::before {
    background: rgba(255, 255, 255, 0.8)
}

.app-header.header-text-light .app-header__mobile-menu .hamburger-inner, .app-header.header-text-light .app-header__mobile-menu .hamburger-inner::before, .app-header.header-text-light .app-header__mobile-menu .hamburger-inner::after {
    background: rgba(255, 255, 255, 0.9)
}

.app-header.header-text-dark .app-header-left>.nav>li>.nav-link {
    color: rgba(0, 0, 0, 0.7)
}

.app-header.header-text-dark .app-header-left>.nav>li>.nav-link .nav-link-icon {
    color: rgba(0, 0, 0, 0.8)
}

.app-header.header-text-dark .app-header-left>.nav>li>.nav-link:hover {
    color: #000
}

.app-header.header-text-dark .app-header-right .icon-wrapper-alt .fa, .app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon {
    color: rgba(0, 0, 0, 0.7) !important;
    transition: all .2s
}

.app-header.header-text-dark .app-header-right .icon-wrapper-alt .icon-wrapper-bg {
    background: rgba(0, 0, 0, 0.1) !important;
    transition: all .2s;
    opacity: 1
}

.app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .fa, .app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon {
    color: rgba(0, 0, 0, 0.95) !important
}

.app-header.header-text-dark .app-header-right .icon-wrapper-alt:hover .icon-wrapper-bg {
    background: rgba(0, 0, 0, 0.15) !important
}

.app-header.header-text-dark .app-header-right .icon-wrapper-alt .badge-dot {
    border-color: transparent
}

.app-header.header-text-dark .app-header-right>.header-btn-lg .widget-content-left .btn-group>.btn, .app-header.header-text-dark .app-header-right>.header-btn-lg .widget-heading, .app-header.header-text-dark .app-header-right>.header-btn-lg .widget-subheading {
    color: rgba(0, 0, 0, 0.8)
}

.app-header.header-text-dark .app-header-right>.header-btn-lg .header-user-info>.btn-shadow {
    box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.2)
}

.app-header.header-text-dark .search-wrapper .input-holder .search-icon {
    background: rgba(0, 0, 0, 0.1)
}

.app-header.header-text-dark .search-wrapper.active .input-holder {
    background: rgba(0, 0, 0, 0.1)
}

.app-header.header-text-dark .search-wrapper.active .input-holder .search-input {
    color: rgba(0, 0, 0, 0.8)
}

.app-header.header-text-dark .search-wrapper.active .input-holder .search-icon {
    background: rgba(0, 0, 0, 0.1)
}

.app-header.header-text-dark .header-btn-lg::before {
    background: rgba(0, 0, 0, 0.2)
}

.app-header.header-text-dark .header-btn-lg .hamburger-inner, .app-header.header-text-dark .header-btn-lg .hamburger.is-active .hamburger-inner, .app-header.header-text-dark .header-btn-lg .hamburger-inner::before, .app-header.header-text-dark .header-btn-lg .hamburger-inner::after, .app-header.header-text-dark .header__pane .hamburger-inner, .app-header.header-text-dark .header__pane .hamburger.is-active .hamburger-inner, .app-header.header-text-dark .header__pane .hamburger-inner::before, .app-header.header-text-dark .header__pane .hamburger-inner::after {
    background-color: rgba(0, 0, 0, 0.8) !important
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
    padding: 0px 0px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible
}

.hamburger:hover {
    opacity: .7
}

.hamburger.is-active:hover {
    opacity: .7
}

.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {
    background-color: #3f6ad8
}

.hamburger-box {
    width: 24px;
    height: 14px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 24px;
    height: 2px;
    background-color: #3f6ad8;
    border-radius: 10px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease
}

.hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -6px
}

.hamburger-inner::after {
    bottom: -6px
}

.hamburger--elastic .hamburger-inner {
    top: 1px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic .hamburger-inner::before {
    top: 6px;
    transition: opacity 0.125s 0.275s ease
}

.hamburger--elastic .hamburger-inner::after {
    top: 12px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0, 6px, 0) rotate(135deg);
    transition-delay: 0.075s
}

.hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-270deg);
    transition-delay: 0.075s
}

.app-header.header-text-dark .search-wrapper .input-holder .search-icon span::after {
    border-color: rgba(0, 0, 0, 0.8)
}

.app-header.header-text-dark .search-wrapper .close::before, .app-header.header-text-dark .search-wrapper .close::after, .app-header.header-text-dark .search-wrapper .input-holder .search-icon span::before {
    background: rgba(0, 0, 0, 0.8)
}

.app-sidebar {
    width: 280px;
    display: flex;
    z-index: 11;
    overflow: hidden;
    min-width: 280px;
    position: relative;
    flex: 0 0 280px;
    margin-top: -60px;
    padding-top: 60px;
    transition: all .2s
}

.app-sidebar .app-sidebar__inner {
    padding: 2px 1.5rem 1.5rem
}

.app-sidebar .scrollbar-sidebar {
    z-index: 15;
    width: 100%
}

.app-sidebar .app-sidebar-bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 0.05;
    background-size: cover;
    z-index: 10
}

.app-sidebar .app-header__logo {
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    z-index: 11
}

.app-sidebar.sidebar-shadow {
    box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05)
}

.app-sidebar__heading {
    text-transform: uppercase;
    font-size: .8rem;
    margin: .75rem 0;
    font-weight: bold;
    color: #3f6ad8;
    white-space: nowrap;
    position: relative
}

.sidebar-mobile-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: .6;
    left: 0;
    top: 0;
    z-index: 12
}

.vertical-nav-menu {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none
}

.vertical-nav-menu::after {
    content: " ";
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0
}

.vertical-nav-menu .mm-collapse:not(.mm-show) {
    display: none
}

.vertical-nav-menu .mm-collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-timing-function: ease;
    transition-duration: .25s;
    transition-property: height, visibility
}

.vertical-nav-menu ul {
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none
}

.vertical-nav-menu:before {
    opacity: 0;
    transition: opacity 300ms
}

.vertical-nav-menu li a {
    display: block;
    line-height: 2.4rem;
    height: 2.4rem;
    padding: 0 1.5rem 0 45px;
    position: relative;
    border-radius: .25rem;
    color: #343a40;
    white-space: nowrap;
    transition: all .2s;
    margin: .1rem 0
}

.vertical-nav-menu li a:hover {
    background: #e0f3ff;
    text-decoration: none
}

.vertical-nav-menu li a:hover i.metismenu-icon {
    opacity: .6
}

.vertical-nav-menu li a:hover i.metismenu-state-icon {
    opacity: 1
}

.vertical-nav-menu li.mm-active>a {
    font-weight: bold
}

.vertical-nav-menu li.mm-active>a i.metismenu-state-icon {
    transform: rotate(-180deg)
}

.vertical-nav-menu li a.mm-active {
    color: #343a40;
    background: #e0f3ff;
    font-weight: bold
}

.vertical-nav-menu i.metismenu-state-icon, .vertical-nav-menu i.metismenu-icon {
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    position: absolute;
    left: 5px;
    top: 50%;
    margin-top: -17px;
    font-size: 1.5rem;
    opacity: .3;
    transition: color 300ms
}

.vertical-nav-menu i.metismenu-state-icon {
    transition: transform 300ms;
    left: auto;
    right: 0
}

.vertical-nav-menu ul {
    transition: padding 300ms;
    padding: .5em 0 0 2rem
}

.vertical-nav-menu ul:before {
    content: '';
    height: 100%;
    opacity: 1;
    width: 3px;
    background: #e0f3ff;
    position: absolute;
    left: 20px;
    top: 0;
    border-radius: 15px
}

.vertical-nav-menu ul>li>a {
    color: #6c757d;
    height: 2rem;
    line-height: 2rem;
    padding: 0 1.5rem 0
}

.vertical-nav-menu ul>li>a:hover {
    color: #3f6ad8
}

.vertical-nav-menu ul>li>a .metismenu-icon {
    display: none
}

.vertical-nav-menu ul>li>a.mm-active {
    color: #3f6ad8;
    background: #e0f3ff;
    font-weight: bold
}

.app-sidebar.sidebar-text-light {
    border-right: 0 !important
}

.app-sidebar.sidebar-text-light .app-sidebar__heading {
    color: rgba(255, 255, 255, 0.6)
}

.app-sidebar.sidebar-text-light .app-sidebar__heading::before {
    background: rgba(255, 255, 255, 0.5) !important
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a {
    color: rgba(255, 255, 255, 0.7)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-state-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover {
    background: rgba(255, 255, 255, 0.15);
    color: #fff
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-icon {
    opacity: .8
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a:hover i.metismenu-state-icon {
    opacity: 1
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a.mm-active {
    color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.15)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul:before {
    background: rgba(255, 255, 255, 0.1)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a {
    color: rgba(255, 255, 255, 0.6)
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a:hover {
    color: #fff
}

.app-sidebar.sidebar-text-light .vertical-nav-menu ul>li>a.mm-active {
    color: #fff;
    background: rgba(255, 255, 255, 0.15)
}

.app-sidebar.sidebar-text-light .ps__thumb-y {
    background: rgba(255, 255, 255, 0.3)
}

.app-sidebar.sidebar-text-light .ps__rail-y:hover .ps__thumb-y {
    background: rgba(255, 255, 255, 0.2)
}

.app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner, .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::before, .app-sidebar.sidebar-text-light .app-header__logo .hamburger-inner::after {
    background-color: rgba(255, 255, 255, 0.8)
}

.app-sidebar.sidebar-text-dark {
    border-right: 0 !important
}

.app-sidebar.sidebar-text-dark .app-sidebar__heading {
    color: rgba(0, 0, 0, 0.6)
}

.app-sidebar.sidebar-text-dark .app-sidebar__heading::before {
    background: rgba(0, 0, 0, 0.5) !important
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a {
    color: rgba(0, 0, 0, 0.6)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a i.metismenu-state-icon {
    opacity: .5
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover {
    background: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.7)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-icon {
    opacity: .7
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a:hover i.metismenu-state-icon {
    opacity: 1
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu li a.mm-active {
    color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.15)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul:before {
    background: rgba(0, 0, 0, 0.1)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a {
    color: rgba(0, 0, 0, 0.4)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a:hover {
    color: rgba(0, 0, 0, 0.7)
}

.app-sidebar.sidebar-text-dark .vertical-nav-menu ul>li>a.mm-active {
    color: rgba(0, 0, 0, 0.7);
    background: rgba(0, 0, 0, 0.15)
}

.app-sidebar.sidebar-text-dark .ps__thumb-y {
    background: rgba(0, 0, 0, 0.3)
}

.app-sidebar.sidebar-text-dark .ps__rail-y:hover .ps__thumb-y {
    background: rgba(0, 0, 0, 0.2)
}

.app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner, .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::before, .app-sidebar.sidebar-text-dark .app-header__logo .hamburger-inner::after {
    background-color: rgba(0, 0, 0, 0.8)
}

.fixed-sidebar .app-sidebar {
    position: fixed;
    height: 100vh
}

.fixed-sidebar .app-main .app-main__outer {
    z-index: 9;
    padding-left: 280px
}

.fixed-sidebar.fixed-header .app-sidebar .app-header__logo {
    display: none
}

.fixed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo {
    display: flex
}

.fixed-sidebar:not(.fixed-header) .app-header {
    margin-left: 280px
}

.fixed-sidebar:not(.fixed-header) .app-header .app-header__logo {
    display: none
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-header {
    margin-left: 80px
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo {
    width: 80px;
    padding: 0
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .logo-src {
    display: none
}

.fixed-sidebar.closed-sidebar:not(.fixed-header) .app-sidebar .app-header__logo .header__pane {
    margin-right: auto
}

.closed-sidebar .app-sidebar {
    transition: all .3s ease;
    width: 80px;
    min-width: 80px;
    flex: 0 0 80px;
    z-index: 13
}

.closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading {
    text-indent: -999em
}

.closed-sidebar .app-sidebar .app-sidebar__inner .app-sidebar__heading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e0f3ff;
    text-indent: 1px
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul li a {
    text-indent: -99rem;
    padding: 0
}

.closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-icon {
    text-indent: 0;
    left: 50%;
    margin-left: -17px
}

.closed-sidebar .app-sidebar .app-sidebar__inner .metismenu-state-icon {
    visibility: hidden
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul::before {
    display: none
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show {
    padding: 0
}

.closed-sidebar .app-sidebar .app-sidebar__inner ul.mm-show>li>a {
    height: 0
}

.closed-sidebar .app-sidebar:hover {
    flex: 0 0 280px !important;
    width: 280px !important
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading {
    text-indent: inherit
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .app-sidebar__heading::before {
    display: none
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul::before {
    display: block
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul li a {
    text-indent: inherit;
    padding: 0 1.5rem 0 45px
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-icon {
    text-indent: inherit;
    left: 5px;
    margin-left: 0
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner .metismenu-state-icon {
    visibility: visible
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show {
    padding: .5em 0 0 2rem
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul.mm-show>li>a {
    height: 2.3em
}

.closed-sidebar .app-sidebar:hover .app-sidebar__inner ul ul li a {
    padding-left: 1em
}

.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar .scrollbar-sidebar {
    position: static;
    height: auto;
    overflow: initial !important
}

.closed-sidebar:not(.sidebar-mobile-open) .app-sidebar:hover .scrollbar-sidebar {
    position: absolute;
    height: 100%;
    overflow: hidden !important
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo {
    width: 80px
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .logo-src {
    display: none
}

.closed-sidebar:not(.closed-sidebar-mobile) .app-header .app-header__logo .header__pane {
    margin-right: auto
}

.closed-sidebar.fixed-sidebar .app-main__outer {
    padding-left: 80px
}

.closed-sidebar.fixed-header:not(.fixed-sidebar) .app-sidebar .app-header__logo {
    visibility: hidden
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo, .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo {
    width: auto;
    display: flex
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane, .closed-sidebar.closed-sidebar-mobile .app-header .app-header__logo .header__pane {
    display: none
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo {
    display: flex;
    width: 80px;
    padding: 0 1.5rem !important
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .logo-src {
    display: block !important;
    margin: 0 auto;
    width: 21px
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar .app-header__logo .header__pane {
    display: none
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo {
    width: 280px
}

.closed-sidebar.closed-sidebar-mobile .app-sidebar:hover .app-header__logo .logo-src {
    width: 97px;
    margin: 0
}

.closed-sidebar.closed-sidebar-mobile .app-header {
    margin-left: 0 !important
}

.closed-sidebar.fixed-footer .app-footer__inner {
    margin-left: 0 !important
}

.app-main {
    flex: 1;
    position: relative;
    overflow: auto;
    height: 100%;
    -ms-scrollbar-track-color:rgba(41, 61, 84, 1);
    -ms-scrollbar-arrow-color:rgba(41, 61, 84, 1);
    -ms-scrollbar-base-color:#6b737e;
    -ms-scrollbar-shadow-color:#6b737e;
}

.app-main::-webkit-scrollbar {
    width: 6px;
    background-color: rgba(0, 0, 0, 0.34);
}

.app-main::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #6b737e;
}

.app-main .app-main__outer {
    flex: 1;
    flex-direction: column;
    display: flex;
    z-index: 12
}

.app-main .app-main__inner {
    padding: 30px 30px 0;
}

.app-theme-white.app-container {
    background: white
}

.app-theme-white .app-sidebar {
    background: #fff
}

.app-theme-white .app-page-title {
    background: rgba(255, 255, 255, 0.45)
}

.app-theme-white .app-footer .app-footer__inner, .app-theme-white .app-header {
    background: #fafbfc
}

.app-theme-white.fixed-header .app-header__logo {
    background: rgba(250, 251, 252, 0.1)
}

.app-footer {
    height: 60px
}

.app-footer .app-footer__inner {
    padding: 0 1.5rem 0 .75rem;
    height: 60px;
    display: flex;
    align-content: center;
    align-items: center
}

.app-footer .app-footer__inner .app-footer-left {
    display: flex;
    align-items: center
}

.app-footer .app-footer__inner .app-footer-right {
    margin-left: auto;
    display: flex
}

.fixed-footer .app-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 7
}

.fixed-footer .app-footer .app-footer__inner {
    margin-left: 280px;
    box-shadow: 0.3rem -0.46875rem 2.1875rem rgba(4, 9, 20, 0.02), 0.3rem -0.9375rem 1.40625rem rgba(4, 9, 20, 0.02), 0.3rem -0.25rem 0.53125rem rgba(4, 9, 20, 0.04), 0.3rem -0.125rem 0.1875rem rgba(4, 9, 20, 0.02)
}

.fixed-footer .app-main .app-main__outer {
    padding-bottom: 60px
}

.app-page-title {
    padding: 30px;
    margin: -30px -30px 30px;
    position: relative
}

.app-page-title+.body-tabs-layout {
    margin-top: -30px !important
}

.app-page-title .page-title-wrapper {
    position: relative;
    display: flex;
    align-items: center
}

.app-page-title .page-title-heading, .app-page-title .page-title-subheading {
    margin: 0;
    padding: 0
}

.app-page-title .page-title-heading {
    font-size: 1.25rem;
    font-weight: 400;
    display: flex;
    align-content: center;
    align-items: center
}

.app-page-title .page-title-subheading {
    padding: 3px 0 0;
    font-size: .88rem;
    opacity: .6
}

.app-page-title .page-title-subheading .breadcrumb {
    padding: 0;
    margin: 3px 0 0;
    background: transparent
}

.app-page-title .page-title-actions {
    margin-left: auto
}

.app-page-title .page-title-actions .breadcrumb {
    margin: 0;
    padding: 0;
    background: transparent
}

.app-page-title .page-title-icon {
    font-size: 2rem;
    display: flex;
    align-items: center;
    align-content: center;
    text-align: center;
    padding: .83333rem;
    margin: 0 30px 0 0;
    background: #fff;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    border-radius: .25rem;
    width: 60px;
    height: 60px
}

.app-page-title .page-title-icon i {
    margin: auto
}

.app-page-title .page-title-icon.rounded-circle {
    margin: 0 20px 0 0
}

.app-page-title+.RRT__container {
    margin-top: -23.07692px
}

.app-page-title.app-page-title-simple {
    margin: 0;
    background: none !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0
}

.page-title-icon-rounded .page-title-icon {
    border-radius: 50px
}

.search-wrapper {
    position: relative;
    margin-right: .66667rem
}

.search-wrapper .input-holder {
    height: 42px;
    width: 42px;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease-in-out
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    padding: 0 70px 0 20px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    transform: translate(0, 60px);
    transition: all 0.3s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: 0.3s;
    font-size: .88rem
}

.search-wrapper .input-holder .search-icon {
    width: 42px;
    height: 42px;
    border: none;
    padding: 0;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0.06);
    border-radius: 30px
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    transition: all 0.4s cubic-bezier(0.65, -0.6, 0.24, 1.65)
}

.search-wrapper .input-holder .search-icon span::before, .search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: ''
}

.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 13px;
    border-radius: 2px;
    background: #3f6ad8
}

.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 4px;
    top: 0;
    border-radius: 16px;
    border: 2px solid #3f6ad8
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    cursor: pointer;
    opacity: 0 !important;
    transform: rotate(-180deg);
    transition: all 0.2s cubic-bezier(0.285, -0.45, 0.935, 0.11);
    transition-delay: 0.1s
}

.search-wrapper .close::before, .search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #3f6ad8;
    border-radius: 2px
}

.search-wrapper .close::before {
    width: 2px;
    height: 20px;
    left: 9px;
    top: 0
}

.search-wrapper .close::after {
    width: 20px;
    height: 2px;
    left: 0;
    top: 9px
}

.search-wrapper.active {
    width: 270px
}

.search-wrapper.active .input-holder {
    width: 240px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.05);
    transition: all 0.5s cubic-bezier(0, 0.105, 0.035, 1.57)
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 11px)
}

.search-wrapper.active .input-holder .search-icon {
    width: 42px;
    height: 42px;
    margin: 0;
    border-radius: 30px
}

.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg)
}

.search-wrapper.active .close {
    left: 240px;
    opacity: .6 !important;
    transform: rotate(45deg);
    transition: all 0.6s cubic-bezier(0, 0.105, 0.035, 1.57);
    transition-delay: 0.5s
}

.search-wrapper.active .close:hover {
    opacity: 1 !important
}

.opacity-01 {
    opacity: .01 !important
}

.opacity-02 {
    opacity: .02 !important
}

.opacity-03 {
    opacity: .03 !important
}

.opacity-04 {
    opacity: .04 !important
}

.opacity-05 {
    opacity: .05 !important
}

.opacity-06 {
    opacity: .06 !important
}

.opacity-07 {
    opacity: .07 !important
}

.opacity-08 {
    opacity: .08 !important
}

.opacity-09 {
    opacity: .09 !important
}

.opacity-1 {
    opacity: .1 !important
}

.opacity-15 {
    opacity: .15 !important
}

.opacity-2 {
    opacity: .2 !important
}

.opacity-3 {
    opacity: .3 !important
}

.opacity-4 {
    opacity: .4 !important
}

.opacity-5 {
    opacity: .5 !important
}

.opacity-6 {
    opacity: .6 !important
}

.opacity-7 {
    opacity: .7 !important
}

.opacity-8 {
    opacity: .8 !important
}

.opacity-9 {
    opacity: .9 !important
}

.opacity-10 {
    opacity: 1 !important
}

.filter-grayscale-5 {
    filter: grayscale(5%) !important
}

.filter-grayscale-10 {
    filter: grayscale(10%) !important
}

.filter-grayscale-20 {
    filter: grayscale(20%) !important
}

.filter-grayscale-30 {
    filter: grayscale(30%) !important
}

.filter-grayscale-40 {
    filter: grayscale(40%) !important
}

.filter-grayscale-50 {
    filter: grayscale(50%) !important
}

.filter-grayscale-80 {
    filter: grayscale(80%) !important
}

.filter-grayscale-100 {
    filter: grayscale(100%) !important
}

.br-tl {
    border-top-left-radius: .25rem !important
}

.br-tr {
    border-top-right-radius: .25rem !important
}

.br-bl {
    border-bottom-left-radius: .25rem !important
}

.br-br {
    border-bottom-right-radius: .25rem !important
}

.b-radius-0 {
    border-radius: 0 !important
}

.rm-border {
    border-width: 0 !important
}

.br-a {
    border-radius: .25rem
}

.margin-h-center {
    margin-left: auto !important;
    margin-right: auto !important
}

.center-svg {
    margin: 0 auto
}

.center-svg svg {
    margin: 0 auto
}

.apexcharts-canvas {
    margin: 0 auto
}

.apexcharts-donut {
    display: flex;
    align-items: center;
    align-content: center
}

.alert-dismissible .close {
    top: 0;
    right: 5px;
    padding: 5px
}

.icon-gradient {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent
}

.font-size-xlg {
    font-size: 1.3rem !important
}

.font-size-md {
    font-size: .9rem !important
}

.font-size-lg {
    font-size: 1.1rem !important
}

.no-shadow {
    box-shadow: 0 0 0 transparent !important
}

.h-100 {
    height: 100vh !important
}

.he-auto {
    height: auto !important
}

.he-100 {
    height: 100%
}

.h-sm {
    height: 150px
}

.text-nowrap {
    white-space: nowrap
}

.fsize-1 {
    font-size: .95rem !important
}

.fsize-2 {
    font-size: 1.3rem !important
}

.fsize-3 {
    font-size: 1.6rem !important
}

.fsize-4 {
    font-size: 2rem !important
}

.z-index-6 {
    z-index: 6
}

.line-height-1 {
    line-height: 1
}

.center-elem {
    display: flex;
    align-items: center;
    align-content: center
}

.flex2 {
    flex: 2
}

.divider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    height: 1px;
    overflow: hidden;
    background: #e9ecef
}

.list-group-item:hover {
    z-index: initial
}

.no-results {
    padding: 1.5rem;
    text-align: center
}

.no-results .results-title {
    color: #495057;
    font-size: 1.25rem
}

.no-results .results-subtitle {
    color: #adb5bd;
    font-size: 1.1rem
}

.bg-animation {
    animation: bg-pan-left 8s both
}

@-webkit-keyframes bg-pan-left {
    0% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

@keyframes bg-pan-left {
    0% {
        background-position: 100% 50%
    }
    100% {
        background-position: 0% 50%
    }
}

.w-100 {
    width: 100%
}

.mb--2 {
    margin-bottom: -1.5rem
}

.mbg-3 {
    margin-bottom: 30px
}

.circle-progress {
    position: relative
}

.circle-progress small {
    position: absolute;
    height: 100%;
    width: 100%;
    font-weight: bold;
    left: 0;
    top: 0;
    vertical-align: middle;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center
}

.circle-progress small span {
    margin: 0 auto
}

.circle-progress canvas {
    display: block
}

.bg-warm-flame {
    background-image: linear-gradient(45deg, #ff9a9e 0%, #fad0c4 99%, #fad0c4 100%) !important
}

.bg-night-fade {
    background-image: linear-gradient(to top, #a18cd1 0%, #fbc2eb 100%) !important
}

.bg-sunny-morning {
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%) !important
}

.bg-tempting-azure {
    background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%) !important
}

.bg-amy-crisp {
    background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%) !important
}

.bg-heavy-rain {
    background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%) !important
}

.bg-mean-fruit {
    background-image: linear-gradient(120deg, #fccb90 0%, #d57eeb 100%) !important
}

.bg-malibu-beach {
    background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%) !important
}

.bg-deep-blue {
    background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%) !important
}

.bg-ripe-malin {
    background-image: linear-gradient(120deg, #f093fb 0%, #f5576c 100%) !important
}

.bg-arielle-smile {
    background-image: radial-gradient(circle 248px at center, #16d9e3 0%, #30c7ec 47%, #46aef7 100%) !important
}

.bg-plum-plate {
    background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important
}

.bg-happy-fisher {
    background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%) !important
}

.bg-happy-itmeo {
    background-image: linear-gradient(180deg, #2af598 0%, #009efd 100%) !important
}

.bg-mixed-hopes {
    background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%) !important
}

.bg-strong-bliss {
    background-image: linear-gradient(to right, #f78ca0 0%, #f9748f 19%, #fd868c 60%, #fe9a8b 100%) !important
}

.bg-grow-early {
    background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%) !important
}

.bg-love-kiss {
    background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%) !important
}

.bg-premium-dark {
    background-image: linear-gradient(to right, #434343 0%, black 100%) !important
}

.bg-happy-green {
    background-image: linear-gradient(to bottom, #00b09b, #96c93d) !important
}

.bg-vicious-stance {
    background-image: linear-gradient(60deg, #29323c 0%, #485563 100%) !important
}

.bg-midnight-bloom {
    background-image: linear-gradient(-20deg, #2b5876 0%, #4e4376 100%) !important
}

.bg-night-sky {
    background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%) !important
}

.bg-slick-carbon {
    background-image: linear-gradient(to bottom, #323232 0%, #3F3F3F 40%, #1C1C1C 150%), linear-gradient(to top, rgba(255, 255, 255, 0.4) 0%, rgba(0, 0, 0, 0.25) 200%) !important;
    background-blend-mode: multiply
}

.bg-royal {
    background-image: linear-gradient(to right, #141e30, #243b55) !important
}

.bg-asteroid {
    background-image: linear-gradient(to right, #0f2027, #203a43, #2c5364) !important
}

.bg-transparent {
    background: transparent !important
}

.alert-loadding {
    width: 100%;
    height: 2px;
    top: 60px;
    position: fixed;
    font-size: 10px;
    display: none;
    text-align: center;
    padding: 0;
    margin: 0;
}

.dropdown-menu {
    top: 15px !important;
}

.app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-icon>svg, .app-sidebar.sidebar-text-light .vertical-nav-menu li a i.metismenu-state-icon>svg {
    margin-top: 5px
}

.widget-content {
    padding: 1rem;
    flex-direction: row;
    align-items: center
}

.widget-content .widget-content-wrapper {
    display: flex;
    flex: 1;
    position: relative;
    align-items: center;
    cursor: pointer;
}

.widget-content .widget-content-left .widget-heading {
    opacity: .8;
    font-weight: bold
}

.widget-content .widget-content-left .widget-subheading {
    opacity: .5
}

.widget-content .widget-content-right {
    margin-left: auto
}

.widget-content .widget-numbers {
    font-weight: bold;
    font-size: 1.8rem;
    display: block
}

.widget-content .widget-content-outer {
    display: flex;
    flex: 1;
    flex-direction: column
}

.widget-content .widget-progress-wrapper {
    margin-top: 1rem
}

.widget-content .widget-progress-wrapper .progress-sub-label {
    margin-top: .33333rem;
    opacity: .5;
    display: flex;
    align-content: center;
    align-items: center
}

.widget-content .widget-progress-wrapper .progress-sub-label .sub-label-right {
    margin-left: auto
}

.widget-content .widget-content-right.widget-content-actions {
    visibility: hidden;
    opacity: 0;
    transition: opacity .2s
}

.widget-content:hover .widget-content-right.widget-content-actions {
    visibility: visible;
    opacity: 1
}

.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    touch-action: auto
}

.ps__rail-x {
    display: none !important;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    bottom: 0;
    position: absolute;
    z-index: 7
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    right: 0;
    position: absolute;
    border-radius: 50px;
    z-index: 7
}

.ps--active-x>.ps__rail-x, .ps--active-y>.ps__rail-y {
    display: block;
    background-color: transparent
}

.ps:hover>.ps__rail-x, .ps:hover>.ps__rail-y, .ps--focus>.ps__rail-x, .ps--focus>.ps__rail-y, .ps--scrolling-x>.ps__rail-x, .ps--scrolling-y>.ps__rail-y {
    opacity: 0.6
}

.ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus {
    background-color: rgba(0, 0, 0, 0.1);
    opacity: 0.9
}

.ps__thumb-x {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    bottom: 2px;
    position: absolute
}

.ps__thumb-y {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    right: 2px;
    position: absolute
}

.ps__rail-x:hover>.ps__thumb-x, .ps__rail-x:focus>.ps__thumb-x {
    background-color: rgba(0, 0, 0, 0.12);
    height: 11px
}

.ps__rail-y:hover>.ps__thumb-y, .ps__rail-y:focus>.ps__thumb-y {
    background-color: rgba(0, 0, 0, 0.12);
    width: 11px
}

@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important
    }
}

.scrollbar-sidebar, .scrollbar-container {
    position: relative;
    height: 100%
}

.scroll-area {
    overflow-x: hidden;
    height: 400px
}

.scroll-area-xs {
    height: 150px;
    overflow-x: hidden
}

.scroll-area-sm {
    height: 200px;
    overflow-x: hidden
}

.scroll-area-md {
    height: 300px;
    overflow-x: hidden
}

.scroll-area-lg {
    height: 400px;
    overflow-x: hidden
}

.scroll-area-x {
    overflow-x: auto;
    width: 100%;
    max-width: 100%
}

.shadow-overflow {
    position: relative
}

.shadow-overflow::after, .shadow-overflow::before {
    width: 100%;
    bottom: auto;
    top: 0;
    left: 0;
    height: 1.5rem;
    position: absolute;
    z-index: 10;
    content: '';
    background: linear-gradient(to bottom, #fff 20%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)
}

.shadow-overflow::after {
    bottom: 0;
    top: auto;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

@media only screen and (max-width: 1320px) {
    .header-user-info {
        display: none
    }
}

@media (max-width: 767.98px) {
    .app-main {
        display: block
    }
    .dropdown-menu::before, .dropdown-menu::after {
        display: none
    }
    .app-sidebar {
        flex: 0 0 280px !important;
        width: 280px !important;
        transform: translateX(-280px);
        position: fixed
    }
    .app-sidebar .app-header__logo {
        display: none
    }
    .sidebar-mobile-open .app-sidebar {
        transform: translateX(0)
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading {
        text-indent: inherit
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .app-sidebar__heading::before {
        display: none
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul li a {
        text-indent: inherit;
        padding: 0 1.5rem 0 45px
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-icon {
        text-indent: inherit;
        left: 5px;
        margin-left: 0
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner .metismenu-state-icon {
        visibility: visible
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul::before {
        display: block
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul ul li a {
        padding-left: 1em
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show {
        padding: .5em 0 0 2rem
    }
    .sidebar-mobile-open .app-sidebar .app-sidebar__inner ul.mm-show>li>a {
        height: 2rem;
        line-height: 2rem
    }
    .sidebar-mobile-open .app-sidebar .app-header__logo {
        width: 100% !important
    }
    .sidebar-mobile-open .app-sidebar .app-header__logo .logo-src {
        width: 97px !important;
        margin-left: auto;
        margin-right: 0
    }
    .sidebar-mobile-open .fixed-sidebar .app-sidebar {
        height: 100%
    }
    .sidebar-mobile-open .sidebar-mobile-overlay {
        display: block
    }
    .app-main .app-main__outer {
        padding-left: 0 !important
    }
    .app-header {
        justify-content: space-between
    }
    .app-header .app-header__logo {
        display: none;
        order: 2;
        background: transparent !important;
        border: 0 !important
    }
    .app-header .app-header__content {
        visibility: hidden;
        opacity: 0;
        box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
        position: absolute;
        left: 5%;
        width: 90%;
        top: 0;
        transition: all .2s;
        background: #fff;
        border-radius: 50px;
        padding: 0 10px;
        overflow: hidden
    }
    .app-header .app-header__content .header-btn-lg {
        margin-left: .1rem;
        padding: 0 .1rem
    }
    .app-header .app-header__content .app-header-left .nav {
        display: none
    }
    .app-header .app-header__content.header-mobile-open {
        visibility: visible;
        opacity: 1;
        top: 80px
    }
    .app-header .app-header__mobile-menu {
        display: flex;
        order: 1
    }
    .app-header .app-header__menu {
        display: flex;
        order: 3
    }
    .app-header.header-text-light .app-header__menu>span .btn, .app-header.header-text-light .app-header__menu>.btn {
        background: rgba(255, 255, 255, 0.1);
        border-color: rgba(255, 255, 255, 0.1)
    }
    .app-header.header-text-light .header-mobile-open {
        background: #343a40
    }
    .popover, .dropdown-menu {
        position: fixed !important;
        z-index: 50;
        left: 5% !important;
        top: 35% !important;
        width: 90% !important;
        transform: translateY(-50%) !important;
        min-width: 10px !important
    }
    .popover .btn-icon-vertical .btn-icon-wrapper, .dropdown-menu .btn-icon-vertical .btn-icon-wrapper {
        display: none
    }
    .popover {
        max-width: initial
    }
    .popover .arrow {
        display: none !important
    }
    .app-page-title {
        text-align: center
    }
    .app-page-title .page-title-heading, .app-page-title .page-title-wrapper {
        margin: 0 auto;
        display: block
    }
    .app-page-title .page-title-actions {
        margin: 15px auto 0
    }
    .app-page-title .page-title-actions .breadcrumb-item, .app-page-title .page-title-actions .breadcrumb, .app-page-title .page-title-subheading .breadcrumb-item, .app-page-title .page-title-subheading .breadcrumb {
        display: inline-block
    }
    .app-footer .app-footer__inner .app-footer-right {
        display: none
    }
    .app-footer .app-footer__inner .app-footer-left {
        width: 100%
    }
    .app-footer .app-footer__inner .app-footer-left .footer-dots {
        margin: 0 auto
    }
    .widget-content .widget-numbers {
        font-size: 1.6rem;
        line-height: 1
    }
    .slick-slider-sm .slick-slider {
        max-width: 650px !important
    }
    .bg-transparent.list-group-item {
        border-color: transparent
    }
    .tabs-lg-alternate.card-header>.nav .nav-item .widget-number {
        font-size: 1.5rem
    }
    .page-title-head {
        display: block
    }
}

@media (max-width: 767.98px) {
    .app-page-title .page-title-icon, .ui-theme-settings {
        display: none
    }
    .card-header.responsive-center {
        display: block;
        text-align: center;
        height: auto;
        padding: 1.5rem
    }
    .card-header.responsive-center .nav, .card-header.responsive-center .btn-actions-pane-right {
        margin: .75rem 0 0
    }
    .card-header.responsive-center .nav .d-inline-block.ml-2, .card-header.responsive-center .btn-actions-pane-right .d-inline-block.ml-2 {
        width: 100% !important;
        text-align: left;
        margin: 0 !important
    }
    .slick-slider-sm .slick-slider {
        max-width: 650px !important
    }
}

@media (min-width: 992px) {
    .slick-slider-sm .slick-slider {
        max-width: 850px !important
    }
}

@media (max-width: 1199.98px) {
    .-hide-paging .-pagination .-center {
        display: none
    }
}

@media (max-width: 767.98px) {
    .app-main .app-main__inner {
        padding: 15px 15px 0
    }
    .mbg-3, body .card.mb-3 {
        margin-bottom: 15px !important
    }
    .app-page-title {
        padding: 15px;
        margin: -15px -15px 15px
    }
    .app-page-title+.body-tabs-layout {
        margin-top: -15px !important
    }
    .body-tabs-line .body-tabs-layout {
        margin-bottom: 15px;
        margin-left: -15px;
        margin-right: -15px;
        padding: 0 15px
    }
    .body-tabs {
        padding: 0 15px;
        display: block
    }
    .body-tabs .nav-item .nav-link {
        margin: 0
    }
    .popover, .dropdown-menu {
        width: 80%;
        left: 10%
    }
    body .card-header {
        height: auto;
        display: block;
        padding: .75rem 1.5rem;
        text-align: center
    }
    body .card-header .btn-actions-pane-right {
        padding: .75rem 0 0
    }
    body .card-header .actions-icon-btn {
        padding: 0
    }
    .card-header.card-header-tab .card-header-title {
        display: inline-flex !important;
        line-height: 1
    }
    .card-header.card-header-tab>.nav {
        margin: .75rem 0 -.75rem;
        display: table !important;
        width: 100%
    }
    .card-header.card-header-tab>.nav .nav-item {
        display: table-cell
    }
    .header-icon {
        display: none
    }
    .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right {
        display: block;
        text-align: center
    }
    .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper {
        margin-right: 0 !important
    }
    .profile-responsive-sm .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane, .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane {
        margin-top: 1rem
    }
    .slick-slider-sm .slick-slider .slick-prev {
        left: 15px
    }
    .slick-slider-sm .slick-slider .slick-next {
        right: 15px
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1500px) {
    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right {
        display: block;
        text-align: center
    }
    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .avatar-icon-wrapper {
        margin-right: 0 !important
    }
    .profile-responsive .dropdown-menu-header .menu-header-content.btn-pane-right .menu-header-btn-pane {
        margin-top: 1rem
    }
}

.ui-theme-settings {
    position: fixed;
    z-index: 155;
    right: -30px;
    top: 0;
    height: 100vh;
    transform: translate(500px);
    transition: all .2s;
    box-shadow: -0.46875rem 0 2.1875rem rgba(4, 9, 20, 0.03), -0.9375rem 0 1.40625rem rgba(4, 9, 20, 0.03), -0.25rem 0 0.53125rem rgba(4, 9, 20, 0.05), -0.125rem 0 0.1875rem rgba(4, 9, 20, 0.03)
}

.ui-theme-settings .btn-open-options {
    border-radius: 50px;
    position: absolute;
    left: -114px;
    bottom: 80px;
    padding: 0;
    height: 54px;
    line-height: 54px;
    width: 54px;
    text-align: center;
    display: block;
    box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
    margin-top: -27px
}

.ui-theme-settings .btn-open-options svg {
    top: 50%;
    left: 50%;
    position: absolute;
    margin: -0.5em 0 0 -0.5em
}

.ui-theme-settings .theme-settings__inner {
    background: #fff;
    width: 500px;
    height: 100vh;
    padding: 0
}

.ui-theme-settings.settings-open {
    transform: translate(0);
    right: 0
}

.ui-theme-settings .theme-settings-swatches {
    text-align: center
}

.ui-theme-settings .theme-settings-swatches .swatch-holder-img {
    width: 72px;
    height: auto;
    border-radius: 3px
}

.ui-theme-settings .theme-settings-swatches .swatch-holder-img img {
    width: 100%
}

.ui-theme-settings .themeoptions-heading {
    font-size: 1.1rem;
    color: #495057;
    margin: 0;
    background: #f8f9fa;
    padding: .75rem 1.5rem;
    border-bottom: #dee2e6 solid 1px;
    border-top: #dee2e6 solid 1px;
    display: flex;
    align-items: center;
    align-content: center
}

.ui-theme-settings .themeoptions-heading:first-child {
    border-top: 0
}

.ui-theme-settings .list-group-item h5 {
    color: #3f6ad8;
    font-size: .968rem;
    text-transform: uppercase;
    margin: 0;
    text-align: center
}

.swatch-holder {
    width: 24px;
    height: 24px;
    line-height: 24px;
    margin: 5px 5px 0;
    transition: all .2s;
    opacity: .7;
    display: inline-block;
    border-radius: 30px
}

.swatch-holder.active {
    border: #fff solid 2px;
    box-shadow: 0 0 0 5px #3f6ad8;
    opacity: 1
}

.swatch-holder:hover {
    opacity: 1
}

.swatch-holder-lg {
    width: 48px;
    height: 48px;
    line-height: 48px
}

.font-icon-wrapper {
    text-align: center;
    border: #e9ecef solid 1px;
    border-radius: .25rem;
    margin: 0 0 10px;
    padding: 5px
}

.font-icon-wrapper.font-icon-lg {
    float: left;
    padding: 10px;
    text-align: center;
    margin-right: 15px;
    min-width: 64px
}

.font-icon-wrapper.font-icon-lg i {
    font-size: 2.5rem
}

.font-icon-wrapper:hover {
    background: #f8f9fa;
    color: #3f6ad8
}

.font-icon-wrapper:hover p {
    color: #6c757d
}

.font-icon-wrapper i {
    font-size: 1.65rem
}

.font-icon-wrapper p {
    color: #adb5bd;
    font-size: .80667rem;
    margin: 5px 0 0
}

.btn-icon-vertical {
    min-width: 100px
}

.card.mb-3 {
    margin-bottom: 30px !important
}

.demo-image-bg {
    height: 350px;
    margin-bottom: 30px;
    background-size: 100%
}

.bootstrap-table {
    width: 100%;
}

.bootstrap-table .th-inner {
    color: #7e7e7e;
    font-size: 10pt;
}

.fixed-table-body {
    /* background-color: white */
    height: auto;
}

.table-columns-cell-style {
    max-width: 160px;
    font-size: 10pt;
    color: #666666;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: lighter;
    white-space: nowrap
}

table, th, td, .fixed-table-container {
    border: 0px solid transparent !important;
}

.bootstrap-table .fixed-table-container .fixed-table-body {
    height: auto;
}

.fixed-table-toolbar {
    display: none;
}

.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading, .fixed-table-loading {
    z-index: 9;
}

.fixed-table-pagination .pagination-detail {
    display: none;
}

.tb-th-fixed {
    height: 40px;
    position: fixed;
    top: 60px;
    background-color: white;
}

.modal {
    padding-top: 5%;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 15rem;
    padding: .65rem 0;
    margin: .125rem 0 0;
    font-size: .88rem;
    color: #495057;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: .25rem
}

.modal-header, .modal-footer {
    /* color: whitesmoke;
    background-color: #1d2c3f; */
}

form {
    margin: 0
}