@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&amp;display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&amp;display=swap);
@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&amp;display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&amp;display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&amp;display=swap);
.switcher .switcher-icon{
    position:fixed;
    bottom:25px;
    z-index:8;
    right:25px
}
.switcher .offcanvas{
    --bs-offcanvas-width: 450px
}
.switcher-card>span{
    box-shadow:0 1px 2px rgba(56,65,74,.15)
}
.switcher-card.active>span{
    border-color:var(--bs-primary) !important;
    box-shadow:0 1px 2px rgba(var(--bs-primary-rgb), 0.15)
}
.switcher-card.active>div{
    color:var(--bs-primary)
}
.template-customizer{
    --bs-list-group-active-bg: var(--bs-secondary-bg);
    --bs-list-group-active-color: var(--bs-primary)
}
.template-customizer .list-group-item+.list-group-item{
    border-top-width:1px
}
.template-customizer .list-group-item .form-check-input{
    display:none
}
.template-customizer .list-group-item.active{
    border:1px solid var(--bs-list-group-active-border-color)
}
.app-header{
    height:var(--bs-app-header-height);
    transition:none;
    z-index:1010;
    position:fixed;
    box-shadow:0 .125rem .25rem rgba(var(--bs-dark-rgb), 0.075);
    margin-inline-start:var(--bs-app-sidebar-width);
    border-bottom:1px solid var(--bs-app-header-border-color);
    top:0;
    background-color:var(--bs-header-bg);
    width:calc(100% - var(--bs-app-sidebar-width))
}
.app-header .nav-header{
    gap:15px;
    height:var(--bs-app-header-height);
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin:0 auto;
    padding:0 1rem 0 calc(1rem*.5)
}
@media(max-width: 767.98px){
    .app-header .nav-header{
        padding:0 calc(1rem*.5) 0 calc(1rem*.5)
    }
}
.app-header .nav-header .dropdown-icon-item{
    display:block;
    border-radius:3px;
    text-align:center;
    padding:15px 0 9px;
    border:1px solid rgba(0,0,0,0);
    color:rgba(var(--bs-tertiary-bg-rgb), 0.5)
}
.app-header .nav-header .dropdown-icon-item img{
    height:24px
}
.app-header .nav-header .dropdown-icon-item span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.app-header .nav-header .dropdown-icon-item:hover{
    background-color:var(--bs-dropdown-link-hover-bg)
}
@media(max-width: 575.98px){
    .app-header .nav-header .icon-btn{
        padding:2px;
        width:34px;
        height:34px;
        display:flex;
        align-items:center;
        justify-content:center
    }
}
.header-right .profile-btn{
    border:none;
    outline:none
}
@media(max-width: 575.98px){
    .header-right .profile-btn{
        padding:4px 0 4px 12px
    }
}
@media(max-width: 575.98px){
    .features-dropdown.dropdown{
        position:static
    }
}
.features-dropdown.dropdown .btn .badge,.features-dropdown.dropdown .ql-snow .ql-tooltip .ql-action .badge,.ql-snow .ql-tooltip .features-dropdown.dropdown .ql-action .badge{
    right:-14px;
    top:2px !important
}
.features-dropdown .dropdown-menu{
    top:15px !important;
    max-width:22rem
}
@media(max-width: 575.98px){
    .features-dropdown .dropdown-menu{
        width:calc(100vw - 2rem);
        right:-1rem !important
    }
}
.profile-dropdown .dropdown-menu{
    top:6px !important;
    min-width:16rem
}
@media(max-width: 575.98px){
    .profile-dropdown .dropdown-menu{
        right:0 !important
    }
}
@media(max-width: 575.98px){
    .profile-dropdown .avatar-item.avatar{
        height:30px;
        width:30px;
        min-width:30px;
        min-height:30px
    }
}
.header-search .form-control{
    background-color:var(--bs-header-bg)
}
.header-cart-scrollable{
    max-height:calc(100vh - (var(--bs-app-header-height) + 58px + 109px + 20px))
}
.header-language-scrollable{
    max-height:calc(100vh - (var(--bs-app-header-height) + 20px))
}
.header-notification-scrollable{
    max-height:calc(100vh - (var(--bs-app-header-height) + 56px + 20px))
}
ul{
    padding-inline-start:0
}
.app-sidebar{
    background:var(--bs-app-sidebar-bg);
    position:fixed;
    top:0;
    z-index:99;
    bottom:0;
    width:var(--bs-app-sidebar-width);
    border-block-end:1px solid var(--bs-app-sidebar-border-color);
    border-inline-end:1px solid var(--bs-app-sidebar-border-color)
}
.app-sidebar-logo{
    display:flex
}
@media(min-width: 768px){
    .app-sidebar-logo{
        border-bottom:1px solid var(--bs-app-sidebar-border-color);
        height:var(--bs-app-header-height)
    }
}
.app-sidebar-logo .app-sidebar-logo-default{
    display:block
}
.app-sidebar-logo .app-sidebar-logo-minimize{
    display:none
}
.app-sidebar-logo.app-horizontal-logo{
    display:none
}
.app-sidebar-menu{
    position:relative;
    height:calc(100% - var(--bs-app-header-height))
}
.app-sidebar-menu .main-menu{
    margin-bottom:0;
    padding:0;
    width:100%
}
.app-sidebar-menu .main-menu li{
    list-style-type:none
}
.menu-title{
    line-height:1.55;
    font-size:11px;
    font-weight:600;
    color:var(--bs-app-sidebar-title-color);
    text-transform:uppercase;
    padding:15px 23px 8px;
    white-space:nowrap;
    position:relative
}
.side-menu__item{
    padding:var(--bs-app-sidebar-menu-item-padding-top) var(--bs-app-sidebar-menu-item-padding-right) var(--bs-app-sidebar-menu-item-padding-bottom) var(--bs-app-sidebar-menu-item-padding-left);
    position:relative;
    display:flex;
    gap:var(--bs-app-sidebar-menu-item-gap);
    align-items:center;
    text-decoration:none;
    white-space:nowrap;
    color:var(--bs-app-sidebar-menu-item-color)
}
.side-menu__item .side_menu_icon{
    flex-shrink:0
}
.side-menu__item .side-menu__angle{
    flex-shrink:0
}
.side-menu__item .side-menu__label{
    white-space:nowrap;
    flex-grow:1
}
.side-menu__item.open-menu .side-menu__angle{
    transform:rotate(180deg)
}
.side-menu__item.active{
    font-weight:var(--bs-app-sidebar-menu-item-active-font-weight);
    color:var(--bs-app-sidebar-menu-item-active-color)
}
.side-menu__item:hover{
    color:var(--bs-app-sidebar-menu-item-hover-color)
}
.side-menu__item:hover::before{
    background-color:var(--bs-app-sidebar-menu-item-hover-color)
}
.slide-menu{
    padding:0rem;
    display:none;
    position:relative
}
.slide-menu::after{
    content:"";
    position:absolute;
    top:0;
    height:100%;
    border-left:var(--bs-app-sidebar-menu-left-line-border-width) var(--bs-app-sidebar-menu-left-line-border-style) var(--bs-app-sidebar-menu-left-line-border-color);
    left:var(--bs-app-sidebar-menu-left-line-spacing)
}
.slide-menu .side-menu__item{
    padding-inline-start:calc(var(--bs-app-sidebar-menu-item-padding-left) + var(--bs-app-sidebar-menu-item-padding-left-level-1))
}
.slide-menu .side-menu__item::before{
    content:"";
    position:absolute;
    height:var(--bs-app-sidebar-menu-left-dot-size);
    width:var(--bs-app-sidebar-menu-left-dot-size);
    border-radius:50%;
    top:50%;
    left:var(--bs-app-sidebar-menu-left-dot-left-level-1);
    transform:translateY(-50%);
    background-color:var(--bs-app-sidebar-menu-left-dot-bg)
}
.slide-menu .side-menu__item.active::before{
    background-color:var(--bs-app-sidebar-menu-item-active-color)
}
.slide-menu .slide-menu::after{
    left:calc(var(--bs-app-sidebar-menu-left-line-spacing) + var(--bs-app-sidebar-menu-left-line-spacing-level-1))
}
.slide-menu .slide-menu .side-menu__item{
    padding-inline-start:calc(var(--bs-app-sidebar-menu-item-padding-left) + var(--bs-app-sidebar-menu-item-padding-left-level-1) + var(--bs-app-sidebar-menu-item-padding-left-level-2))
}
.slide-menu .slide-menu .side-menu__item::before{
    left:calc(var(--bs-app-sidebar-menu-left-dot-left-level-1) + var(--bs-app-sidebar-menu-left-dot-left-level-2))
}
.slide-menu .slide-menu .slide-menu::after{
    left:calc(var(--bs-app-sidebar-menu-left-line-spacing) + var(--bs-app-sidebar-menu-left-line-spacing-level-1) + var(--bs-app-sidebar-menu-left-line-spacing-level-2))
}
.slide-menu .slide-menu .slide-menu .side-menu__item{
    padding-inline-start:calc(var(--bs-app-sidebar-menu-item-padding-left) + var(--bs-app-sidebar-menu-item-padding-left-level-1) + var(--bs-app-sidebar-menu-item-padding-left-level-2) + var(--bs-app-sidebar-menu-item-padding-left-level-3))
}
.slide-menu .slide-menu .slide-menu .side-menu__item::before{
    left:calc(var(--bs-app-sidebar-menu-left-dot-left-level-1) + var(--bs-app-sidebar-menu-left-dot-left-level-2) + var(--bs-app-sidebar-menu-left-dot-left-level-3))
}
.slide.open-menu>.side-menu__item .side-menu__angle{
    transform:rotate(180deg)
}
.slide.open-menu>.slide-menu{
    display:block
}
.small-screen-sidebar{
    --bs-offcanvas-width: 280px
}
.small-screen-sidebar .app-sidebar{
    width:100%;
    position:relative;
    border-block-end:none
}
.small-screen-sidebar .offcanvas-header .btn-close{
    background:none
}
.small-screen-horizontal-toggle{
    display:none !important
}
:root[data-main-layout=small-icon]{
    --bs-app-sidebar-width: 85px
}
:root[data-main-layout=small-icon] body{
    position:relative
}
:root[data-main-layout=small-icon] .app-sidebar{
    position:absolute;
    bottom:auto;
    min-height:calc(100% + var(--bs-app-header-height));
    top:calc(-1*var(--bs-app-header-height))
}
:root[data-main-layout=small-icon] .app-sidebar-logo .app-sidebar-logo-default{
    display:none
}
:root[data-main-layout=small-icon] .app-sidebar-logo .app-sidebar-logo-minimize{
    display:block
}
:root[data-main-layout=small-icon] .menu-title{
    display:none
}
:root[data-main-layout=small-icon] .main-menu{
    font-size:12px;
    padding:12px 0
}
:root[data-main-layout=small-icon] .slide{
    position:relative
}
:root[data-main-layout=small-icon] .side-menu__item{
    padding-top:6px;
    padding-bottom:6px;
    justify-content:center
}
:root[data-main-layout=small-icon] .side-menu__item .side_menu_icon{
    font-size:18px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    width:42px;
    height:42px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius:.5rem
}
:root[data-main-layout=small-icon] .side-menu__item.active .side_menu_icon{
    border:1px solid var(--bs-primary);
    background-color:rgba(var(--bs-primary-rgb), 0.1);
    color:var(--bs-primary)
}
:root[data-main-layout=small-icon] .side-menu__item .side-menu__angle{
    display:none
}
:root[data-main-layout=small-icon] .side-menu__item .side-menu__label{
    display:none
}
:root[data-main-layout=small-icon] .side-menu__item::after{
    display:none
}
:root[data-main-layout=small-icon] .side-menu__item::before{
    left:var(--bs-app-sidebar-menu-item-padding-left)
}
:root[data-main-layout=small-icon] .slide-menu{
    position:absolute;
    left:100%;
    width:var(--bs-app-sidebar-slide-menu-width);
    padding:8px 0;
    border-radius:12px;
    margin-top:-54px;
    box-shadow:0px 0px 50px 0px rgba(82,63,105,.15);
    background-color:var(--bs-app-sidebar-bg)
}
:root[data-main-layout=small-icon] .slide-menu::after{
    display:none
}
:root[data-main-layout=small-icon] .slide-menu .slide .side-menu__item{
    padding-inline-start:calc(var(--bs-app-sidebar-menu-item-padding-left)*2);
    justify-content:start
}
:root[data-main-layout=small-icon] .slide-menu .slide .side-menu__item .side-menu__angle{
    display:block
}
:root[data-main-layout=small-icon] .slide-menu .slide .side-menu__item .slide-menu{
    margin-top:-30px
}
:root[data-main-layout=small-icon] .slide-menu .slide .side-menu__item .side-menu__label{
    display:block
}
:root[data-main-layout=small-icon] .slide-menu .slide .side-menu__item::before{
    left:var(--bs-app-sidebar-menu-item-padding-left)
}
:root[data-main-layout=small-icon] .app-sidebar-menu{
    height:auto
}
:root[data-main-layout=small-icon][data-sidebar=gradient-sidebar] .slide-menu{
    background:var(--bs-app-sidebar-bg-gradient)
}
:root[data-main-layout=small-icon][data-nav-position=hidden] .app-sidebar,:root[data-main-layout=small-icon][data-nav-position=static] .app-sidebar{
    top:0;
    min-height:100%
}
:root[data-main-layout=two-column]{
    --bs-app-sidebar-width: 80px
}
:root[data-main-layout=two-column] .app-sidebar-logo{
    position:absolute;
    top:0;
    height:var(--bs-app-header-height);
    width:calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-slide-menu-width));
    background-color:var(--bs-header-bg)
}
:root[data-main-layout=two-column] .app-sidebar-logo .app-sidebar-logo-default{
    display:block
}
:root[data-main-layout=two-column] .app-sidebar-logo .app-sidebar-logo-minimize{
    display:none
}
:root[data-main-layout=two-column] .app-sidebar-menu{
    top:var(--bs-app-header-height)
}
:root[data-main-layout=two-column] .menu-title{
    display:none
}
:root[data-main-layout=two-column] .main-menu{
    font-size:12px;
    padding:12px 0
}
:root[data-main-layout=two-column] .side-menu__item{
    padding:6px 0;
    justify-content:center
}
:root[data-main-layout=two-column] .side-menu__item .side_menu_icon{
    font-size:18px;
    line-height:1;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
    width:42px;
    height:42px;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius:.5rem
}
:root[data-main-layout=two-column] .side-menu__item .side-menu__angle{
    display:none
}
:root[data-main-layout=two-column] .side-menu__item .side-menu__label{
    display:none
}
:root[data-main-layout=two-column] .side-menu__item::before{
    display:none
}
:root[data-main-layout=two-column] .side-menu__item::after{
    display:none
}
:root[data-main-layout=two-column] .slide{
    position:relative
}
:root[data-main-layout=two-column] .slide .side-menu__item.active .side_menu_icon{
    color:var(--bs-app-sidebar-menu-item-color)
}
:root[data-main-layout=two-column] .slide.open-menu .side_menu_icon{
    border:1px solid var(--bs-primary);
    background-color:rgba(var(--bs-primary-rgb), 0.1);
    color:var(--bs-primary) !important
}
:root[data-main-layout=two-column] .slide-menu{
    position:fixed;
    width:var(--bs-app-sidebar-slide-menu-width);
    overflow-y:auto;
    padding:16px 14px;
    top:var(--bs-app-header-height);
    left:var(--bs-app-sidebar-width);
    background-color:var(--bs-app-sidebar-bg);
    border-right:1px solid var(--bs-app-sidebar-border-color);
    height:calc(100vh - 10px)
}
:root[data-main-layout=two-column] .slide-menu::after{
    display:none
}
:root[data-main-layout=two-column] .slide-menu::before{
    left:var(--bs-app-sidebar-menu-item-padding-left)
}
:root[data-main-layout=two-column] .slide-menu .side-menu__item{
    padding:var(--bs-app-sidebar-menu-item-padding-top) var(--bs-app-sidebar-menu-item-padding-right) var(--bs-app-sidebar-menu-item-padding-bottom) var(--bs-app-sidebar-menu-item-padding-left);
    justify-content:start;
    font-size:.875rem;
    font-weight:500;
    background-color:var(--bs-gray-100);
    border-radius:var(--bs-border-radius-lg);
    margin-bottom:4px
}
:root[data-main-layout=two-column] .slide-menu .side-menu__item .side-menu__label{
    display:block
}
:root[data-main-layout=two-column] .slide-menu .side-menu__item .side-menu__angle{
    display:block
}
:root[data-main-layout=two-column] .slide-menu .side-menu__item.active,:root[data-main-layout=two-column] .slide-menu .side-menu__item:hover{
    background-color:rgba(var(--bs-primary-rgb), 0.1)
}
:root[data-main-layout=two-column] .slide-menu .slide-menu{
    position:relative;
    left:0;
    top:0;
    padding:0;
    height:max-content;
    width:auto;
    border-right:none
}
:root[data-main-layout=two-column] .footer,:root[data-main-layout=two-column] .app-header,:root[data-main-layout=two-column] .app-wrapper{
    margin-inline-start:calc(var(--bs-app-sidebar-width) + var(--bs-app-sidebar-slide-menu-width))
}
:root[data-main-layout=two-column] .app-header{
    border-left:1px solid var(--bs-border-color);
    width:calc(100% - (var(--bs-app-sidebar-width) + var(--bs-app-sidebar-slide-menu-width)))
}
:root[data-main-layout=two-column][data-sidebar=dark-sidebar] .app-sidebar-logo{
    background-color:var(--bs-app-sidebar-bg)
}
:root[data-main-layout=two-column][data-sidebar=dark-sidebar] .slide-menu .side-menu__item:not(.active){
    background-color:rgba(var(--bs-tertiary-bg-rgb), 0.02)
}
:root[data-main-layout=two-column][data-sidebar=gradient-sidebar] .app-sidebar-logo{
    background:var(--bs-app-sidebar-bg-gradient)
}
:root[data-main-layout=two-column][data-sidebar=gradient-sidebar] .slide-menu{
    background:var(--bs-app-sidebar-bg-gradient)
}
:root[data-main-layout=two-column][data-sidebar=gradient-sidebar] .slide-menu .side-menu__item:not(.active){
    background-color:rgba(0,0,0,0)
}
:root[data-main-layout=two-column] .two-column-hidden{
    display:none
}
:root[data-main-layout=semi-boxed]{
    --bs-app-sidebar-width: var(--bs-app-sidebar-small-width);
    --bs-layout-semibox-rounded: var(--bs-border-radius-xl);
    --bs-layout-semibox-spacing: 32px
}
:root[data-main-layout=semi-boxed] body{
    background-color:var(--bs-app-sidebar-bg);
    position:relative
}
:root[data-main-layout=semi-boxed] .card{
    box-shadow:none
}
:root[data-main-layout=semi-boxed] .app-wrapper{
    margin-inline-end:var(--bs-layout-semibox-spacing);
    margin-block-start:calc(var(--bs-app-header-height) + var(--bs-layout-semibox-spacing));
    margin-inline-start:calc(var(--bs-app-sidebar-width) + var(--bs-layout-semibox-spacing));
    margin-block-end:var(--bs-layout-semibox-spacing);
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    min-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + var(--bs-layout-semibox-spacing)*2))
}
:root[data-main-layout=semi-boxed] .app-container{
    background-color:var(--bs-body-bg);
    padding:24px;
    border-radius:var(--bs-layout-semibox-rounded);
    margin-block-start:0;
    max-width:1450px;
    width:100%
}
:root[data-main-layout=semi-boxed] .app-sidebar{
    position:absolute;
    bottom:auto;
    min-height:calc(100% + var(--bs-app-header-height) + var(--bs-layout-semibox-spacing));
    top:calc(-1*(var(--bs-app-header-height) + var(--bs-layout-semibox-spacing)))
}
:root[data-main-layout=semi-boxed] .app-sidebar .app-sidebar-logo .app-sidebar-logo-default{
    display:none
}
:root[data-main-layout=semi-boxed] .app-sidebar .app-sidebar-logo .app-sidebar-logo-minimize{
    display:block
}
:root[data-main-layout=semi-boxed] .app-sidebar .menu-title{
    display:none
}
:root[data-main-layout=semi-boxed] .app-sidebar .side-menu__angle{
    display:none
}
:root[data-main-layout=semi-boxed] .app-sidebar .main-menu{
    font-size:12px
}
:root[data-main-layout=semi-boxed] .app-sidebar .side-menu__item{
    --bs-app-sidebar-menu-item-gap: 6px;
    flex-direction:column;
    justify-content:center
}
:root[data-main-layout=semi-boxed] .app-sidebar .side-menu__item .side_menu_icon{
    font-size:18px;
    line-height:1
}
:root[data-main-layout=semi-boxed] .app-sidebar .side-menu__item::after{
    display:none
}
:root[data-main-layout=semi-boxed] .app-sidebar .side-menu__item::before{
    left:var(--bs-app-sidebar-menu-item-padding-left)
}
:root[data-main-layout=semi-boxed] .app-sidebar .slide{
    position:relative
}
:root[data-main-layout=semi-boxed] .app-sidebar .slide-menu{
    position:absolute;
    left:100%;
    width:var(--bs-app-sidebar-slide-menu-width);
    padding:8px 0;
    border-radius:12px;
    margin-top:-66px;
    box-shadow:0px 0px 50px 0px rgba(82,63,105,.15);
    background-color:var(--bs-app-sidebar-bg)
}
:root[data-main-layout=semi-boxed] .app-sidebar .slide-menu::after{
    display:none
}
:root[data-main-layout=semi-boxed] .app-sidebar .slide-menu .slide .side-menu__item{
    padding-inline-start:calc(var(--bs-app-sidebar-menu-item-padding-left)*2);
    align-items:start;
    justify-content:start;
    flex-direction:row
}
:root[data-main-layout=semi-boxed] .app-sidebar .slide-menu .slide .slide-menu{
    margin-top:-42px
}
:root[data-main-layout=semi-boxed] .app-sidebar .slide-menu .slide .side-menu__angle,:root[data-main-layout=semi-boxed] .app-sidebar .slide-menu .slide .side-menu__label{
    display:block
}
:root[data-main-layout=semi-boxed] .app-sidebar-menu{
    height:100%
}
:root[data-main-layout=semi-boxed][data-bs-theme=dark] body{
    background-color:rgb(34.65, 33.675, 42.45)
}
:root[data-main-layout=semi-boxed][data-sidebar=light-sidebar] .footer{
    border-top:1px solid var(--bs-border-color)
}
:root[data-main-layout=semi-boxed][data-sidebar=light-sidebar] .footer>div{
    --bs-gutter-x: 48px
}
:root[data-main-layout=semi-boxed][data-sidebar=gradient-sidebar] body{
    background:var(--bs-app-sidebar-bg-gradient)
}
:root[data-main-layout=semi-boxed][data-layout-container=boxed]{
    background-color:rgba(var(--bs-primary-rgb), 0.1)
}
:root[data-main-layout=semi-boxed][data-layout-container=boxed] body{
    background-color:var(--bs-app-sidebar-bg)
}
:root[data-main-layout=semi-boxed][data-layout-container=boxed] .app-wrapper{
    background-color:rgba(0,0,0,0);
    margin-block-start:var(--bs-app-header-height);
    padding-top:var(--bs-layout-semibox-spacing)
}
:root[data-main-layout=semi-boxed][data-layout-container=boxed] .app-sidebar{
    min-height:calc(100% + var(--bs-app-header-height));
    top:calc(-1*var(--bs-app-header-height))
}
:root[data-main-layout=semi-boxed][data-nav-position=static] .app-sidebar{
    top:0;
    min-height:100%
}
:root[data-main-layout=semi-boxed][data-nav-position=static] .app-wrapper{
    margin-block-start:var(--bs-layout-semibox-spacing);
    min-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + var(--bs-layout-semibox-spacing)*2))
}
:root[data-main-layout=semi-boxed][data-nav-position=hidden] .app-wrapper{
    margin-block-start:var(--bs-layout-semibox-spacing);
    min-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + var(--bs-layout-semibox-spacing)*2))
}
:root[data-main-layout=semi-boxed][data-nav-position=hidden] .app-sidebar{
    min-height:calc(100% + var(--bs-layout-semibox-spacing));
    top:calc(-1*var(--bs-layout-semibox-spacing))
}
:root[data-main-layout=horizontal]{
    --bs-app-sidebar-width: 0px
}
:root[data-main-layout=horizontal] .app-sidebar-logo{
    display:none;
    border-bottom:none
}
:root[data-main-layout=horizontal] .app-sidebar-logo.app-horizontal-logo{
    display:flex
}
:root[data-main-layout=horizontal] .sidebar-toggle{
    display:none !important
}
:root[data-main-layout=horizontal] .app-sidebar{
    background:var(--bs-app-sidebar-bg);
    z-index:9;
    box-shadow:0 .125rem .25rem rgba(var(--bs-dark-rgb), 0.075);
    top:var(--bs-app-header-height);
    bottom:auto;
    height:auto;
    width:100%;
    border:none
}
:root[data-main-layout=horizontal] .menu-title{
    display:none
}
:root[data-main-layout=horizontal] .main-menu{
    display:flex;
    width:100%;
    overflow-y:auto;
    margin:0;
    padding:0 1rem 0 1rem
}
@media(min-width: 992px){
    :root[data-main-layout=horizontal] .app-wrapper,:root[data-main-layout=horizontal] .container-fluid{
        margin:0 auto;
        max-width:93%
    }
    :root[data-main-layout=horizontal] .app-header{
        box-shadow:none
    }
    :root[data-main-layout=horizontal] .app-wrapper{
        margin-block-start:calc(var(--bs-app-header-height) + 45px);
        min-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 13px))
    }
    :root[data-main-layout=horizontal] .side-menu__item.active{
        border-bottom:1px solid var(--bs-primary);
        background-color:rgba(var(--bs-primary-rgb), 0.1)
    }
    :root[data-main-layout=horizontal] .slide-menu{
        position:absolute;
        background-color:var(--bs-header-submenu-bg);
        box-shadow:0 0 .375rem rgba(0,0,0,.08);
        min-width:10rem;
        width:max-content;
        max-height:calc(100vh - (var(--bs-app-header-height) + 60px));
        overflow-y:auto
    }
    :root[data-main-layout=horizontal] .slide-menu::after{
        display:none
    }
    :root[data-main-layout=horizontal] .slide-menu .side-menu__item::before{
        display:none
    }
    :root[data-main-layout=horizontal] .slide-menu .side-menu__item.active{
        border-bottom:none;
        background-color:rgba(0,0,0,0)
    }
    :root[data-main-layout=horizontal] .slide-menu .slide{
        position:relative
    }
    :root[data-main-layout=horizontal] .slide-menu .slide .side-menu__item{
        padding:var(--bs-app-sidebar-menu-item-padding-top) var(--bs-app-sidebar-menu-item-padding-right)
    }
    :root[data-main-layout=horizontal] .slide-menu .slide .slide-menu{
        position:relative;
        box-shadow:none;
        margin-inline-start:12px
    }
    :root[data-main-layout=horizontal] .apps-kanban .kanban-list-items{
        height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 295px))
    }
}
@media(max-width: 991.98px){
    :root[data-main-layout=horizontal] .app-sidebar{
        max-height:calc(80vh - var(--bs-app-header-height));
        box-shadow:0 5px 10px rgba(30, 32, 37, 0.12);
        border-bottom-left-radius:var(--bs-border-radius-lg);
        border-bottom-right-radius:var(--bs-border-radius-lg)
    }
    :root[data-main-layout=horizontal] .app-sidebar .app-sidebar-menu{
        display:none
    }
    :root[data-main-layout=horizontal] .app-sidebar.show{
        height:auto
    }
    :root[data-main-layout=horizontal] .app-sidebar.show .app-sidebar-menu{
        display:flex
    }
    :root[data-main-layout=horizontal] .app-header .header-left .small-screen-toggle{
        display:none
    }
    :root[data-main-layout=horizontal] .app-header .header-left .small-screen-horizontal-toggle{
        display:block !important
    }
    :root[data-main-layout=horizontal] .footer{
        --bs-app-sidebar-width: 0
    }
    :root[data-main-layout=horizontal] .app-sidebar-logo .app-sidebar-logo-default{
        display:none
    }
    :root[data-main-layout=horizontal] .app-sidebar-logo .app-sidebar-logo-minimize{
        display:block
    }
    :root[data-main-layout=horizontal] .app-sidebar-menu{
        height:62vh;
        max-height:350px
    }
    :root[data-main-layout=horizontal] .main-menu{
        flex-direction:column
    }
    :root[data-main-layout=horizontal] .app-wrapper{
        --bs-app-sidebar-width: 0
    }
    :root[data-main-layout=horizontal] .horizontal-overlay{
        position:fixed;
        top:0;
        left:0;
        bottom:0;
        right:0;
        height:100vh;
        width:100vw;
        background-color:rgba(var(--bs-black-rgb), 0.5);
        z-index:1;
        display:none;
        opacity:0
    }
    :root[data-main-layout=horizontal] .horizontal-overlay.show{
        display:block;
        opacity:1
    }
}
@media(max-width: 575.98px){
    :root[data-main-layout=horizontal] .container-fluid{
        padding:0
    }
}
:root[data-main-layout=horizontal][data-bs-theme=dark],:root[data-main-layout=horizontal][data-sidebar=dark-sidebar]{
    --bs-app-sidebar-menu-item-active-color: var(--bs-white);
    --bs-app-sidebar-menu-item-hover-color: var(--bs-white);
    --bs-app-sidebar-bg: #1e252e;
    --bs-app-sidebar-border-color: rgb(62.9, 62.05, 69.7);
    --bs-app-sidebar-menu-left-line-border-color: rgb(62.9, 62.05, 69.7);
    --bs-app-sidebar-title-color: #3e4853;
    --bs-app-sidebar-menu-item-color: rgba(255, 255, 255, 0.6)
}
@media(min-width: 992px){
    :root[data-main-layout=horizontal][data-bs-theme=dark] .slide-menu,:root[data-main-layout=horizontal][data-sidebar=dark-sidebar] .slide-menu{
        background-color:var(--bs-app-sidebar-bg)
    }
}
:root[data-main-layout=horizontal][data-sidebar=gradient-sidebar]{
    --bs-app-sidebar-menu-item-active-color: var(--bs-white);
    --bs-app-sidebar-menu-item-hover-color: var(--bs-white);
    --bs-app-sidebar-bg: var(--bs-app-sidebar-bg-gradient);
    --bs-app-sidebar-border-color: var(--bs-border-color);
    --bs-app-sidebar-menu-left-line-border-color: var(--bs-border-color);
    --bs-app-sidebar-title-color: #3e4853;
    --bs-app-sidebar-menu-item-color: rgba(255, 255, 255, 0.6)
}
@media(min-width: 992px){
    :root[data-main-layout=horizontal][data-sidebar=gradient-sidebar] .slide-menu{
        background:var(--bs-app-sidebar-bg-gradient)
    }
}
:root[data-main-layout=horizontal][data-nav-position=static] .slide-menu{
    z-index:1
}
@media(min-width: 992px){
    :root[data-main-layout=horizontal][data-nav-position=static] .app-sidebar{
        position:static
    }
}
@media(max-width: 991.98px){
    :root[data-main-layout=horizontal][data-nav-position=static] .app-sidebar{
        position:absolute
    }
}
@media(max-width: 991.98px){
    :root[data-main-layout=horizontal][data-nav-type=glass] .app-sidebar-logo{
        background:linear-gradient(120deg, rgba(var(--bs-secondary-bg-rgb), 0.2) 42%, rgba(var(--bs-secondary-bg-rgb), 0.01) 120%);
        backdrop-filter:blur(20px);
        border-bottom:1px solid rgba(var(--bs-secondary-bg-rgb), 0.2) !important
    }
}
:root[data-main-layout=horizontal] .nav-hidden{
    display:none
}
:root[data-main-layout=horizontal][data-layout-container=boxed] body,:root[data-main-layout=horizontal][data-layout-container=boxed] .app-sidebar{
    max-width:100% !important
}
:root[data-main-layout=horizontal][data-layout-container=boxed] .app-sidebar .container-fluid{
    max-width:1500px
}
:root[data-main-layout=horizontal][data-layout-container=boxed] .app-header{
    width:100%;
    margin-inline-start:0;
    max-width:100% !important
}
:root[data-main-layout=horizontal][data-layout-container=boxed] .app-header .container-fluid{
    max-width:1500px
}
:root[data-main-layout=horizontal][data-layout-container=boxed] .app-wrapper{
    max-width:1500px
}
:root[data-main-layout=compact]{
    --bs-app-sidebar-width: var(--bs-app-sidebar-small-width)
}
:root[data-main-layout=compact] body{
    position:relative
}
:root[data-main-layout=compact] .app-container{
    margin:0 auto;
    max-width:93%
}
:root[data-main-layout=compact] .app-sidebar{
    position:absolute;
    bottom:auto;
    top:calc(-1*var(--bs-app-header-height));
    min-height:calc(100% + (var(--bs-app-header-height)))
}
:root[data-main-layout=compact] .app-sidebar .app-sidebar-logo .app-sidebar-logo-default{
    display:none
}
:root[data-main-layout=compact] .app-sidebar .app-sidebar-logo .app-sidebar-logo-minimize{
    display:block
}
:root[data-main-layout=compact] .app-sidebar .menu-title{
    display:none
}
:root[data-main-layout=compact] .app-sidebar .side-menu__angle{
    display:none
}
:root[data-main-layout=compact] .app-sidebar .main-menu{
    font-size:12px
}
:root[data-main-layout=compact] .app-sidebar .side-menu__item{
    --bs-app-sidebar-menu-item-gap: 6px;
    flex-direction:column;
    justify-content:center
}
:root[data-main-layout=compact] .app-sidebar .side-menu__item .side_menu_icon{
    font-size:18px;
    line-height:1
}
:root[data-main-layout=compact] .app-sidebar .side-menu__item::after{
    display:none
}
:root[data-main-layout=compact] .app-sidebar .side-menu__item::before{
    left:var(--bs-app-sidebar-menu-item-padding-left)
}
:root[data-main-layout=compact] .app-sidebar .slide{
    position:relative
}
:root[data-main-layout=compact] .app-sidebar .slide .slide-menu{
    position:absolute;
    left:100%;
    width:var(--bs-app-sidebar-slide-menu-width);
    padding:8px 0;
    border-radius:12px;
    margin-top:-66px;
    box-shadow:0px 0px 50px 0px rgba(82,63,105,.15);
    background-color:var(--bs-app-sidebar-bg)
}
:root[data-main-layout=compact] .app-sidebar .slide .slide-menu::after{
    display:none
}
:root[data-main-layout=compact] .app-sidebar .slide .slide-menu .slide .side-menu__item{
    padding-inline-start:calc(var(--bs-app-sidebar-menu-item-padding-left)*2);
    align-items:start;
    justify-content:start;
    flex-direction:row
}
:root[data-main-layout=compact] .app-sidebar .slide .slide-menu .slide .slide-menu{
    margin-top:-42px
}
:root[data-main-layout=compact] .app-sidebar .slide .slide-menu .slide .side-menu__angle,:root[data-main-layout=compact] .app-sidebar .slide .slide-menu .slide .side-menu__label{
    display:block
}
:root[data-main-layout=compact] .app-sidebar-menu{
    height:100%
}
:root[data-main-layout=compact][data-nav-position=hidden] .app-sidebar,:root[data-main-layout=compact][data-nav-position=stataic] .app-sidebar{
    top:0;
    min-height:100%
}
.footer{
    margin-inline-start:var(--bs-app-sidebar-width);
    min-height:var(--bs-app-footer-height);
    background-color:var(--bs-footer-bg);
    padding:0 1rem 0 calc(1rem*.5)
}
.app-wrapper{
    margin-inline-start:var(--bs-app-sidebar-width);
    transition:margin-left .3s ease,margin-right .3s ease;
    overflow-y:auto;
    padding:1rem;
    margin-block-start:var(--bs-app-header-height);
    min-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height)))
}
.text-truncate-2{
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden
}
.flex-center{
    justify-content:center;
    align-items:center
}
.overflow-x-hide-scroll{
    overflow-x:scroll
}
.overflow-x-hide-scroll::-webkit-scrollbar{
    display:none;
    width:0px;
    height:0px
}
.border-double{
    border-style:double !important
}
.border-top-double{
    border-top-style:double !important
}
.border-bottom-double{
    border-bottom-style:double !important
}
.border-end-double{
    border-right-style:double !important
}
.border-start-double{
    border-left-style:double !important
}
.border-dashed{
    border-style:dashed !important
}
.border-top-dashed{
    border-top-style:dashed !important
}
.border-bottom-dashed{
    border-bottom-style:dashed !important
}
.border-end-dashed{
    border-right-style:dashed !important
}
.border-start-dashed{
    border-left-style:dashed !important
}
.border-groove{
    border-style:groove !important
}
.border-top-groove{
    border-top-style:groove !important
}
.border-bottom-groove{
    border-bottom-style:groove !important
}
.border-end-groove{
    border-right-style:groove !important
}
.border-start-groove{
    border-left-style:groove !important
}
.border-outset{
    border-style:outset !important
}
.border-top-outset{
    border-top-style:outset !important
}
.border-bottom-outset{
    border-bottom-style:outset !important
}
.border-end-outset{
    border-right-style:outset !important
}
.border-start-outset{
    border-left-style:outset !important
}
.border-ridge{
    border-style:ridge !important
}
.border-top-ridge{
    border-top-style:ridge !important
}
.border-bottom-ridge{
    border-bottom-style:ridge !important
}
.border-end-ridge{
    border-right-style:ridge !important
}
.border-start-ridge{
    border-left-style:ridge !important
}
.border-dotted{
    border-style:dotted !important
}
.border-top-dotted{
    border-top-style:dotted !important
}
.border-bottom-dotted{
    border-bottom-style:dotted !important
}
.border-end-dotted{
    border-right-style:dotted !important
}
.border-start-dotted{
    border-left-style:dotted !important
}
.border-inset{
    border-style:inset !important
}
.border-top-inset{
    border-top-style:inset !important
}
.border-bottom-inset{
    border-bottom-style:inset !important
}
.border-end-inset{
    border-right-style:inset !important
}
.border-start-inset{
    border-left-style:inset !important
}
.border-transparent{
    border-color:rgba(0,0,0,0) !important
}
label{
    cursor:pointer
}
.common-sidebar{
    width:300px
}
@media(max-width: 767.98px){
    .common-sidebar{
        width:100%
    }
}
.animate-none{
    animation:none !important
}
.overlay{
    position:relative;
    height:100%;
    width:100%;
    display:block
}
.overlay .overlay-content{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:1
}
.overlay::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(33,37,41,.35)
}
*::-webkit-scrollbar-track{
    border-radius:12px;
    background-color:var(--bs-gray-200)
}
*::-webkit-scrollbar{
    width:7px;
    height:4px;
    background-color:var(--bs-gray-400)
}
*::-webkit-scrollbar-thumb{
    background-color:var(--bs-gray-400);
    border-radius:12px
}
@keyframes scaleIn{
    0%{
        transform:scale(0);
        opacity:0
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
@keyframes slideInRight{
    0%{
        transform:translateX(100%);
        opacity:0
    }
    100%{
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slideInBottom{
    0%{
        transform:translateY(100%);
        opacity:0
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
}
@keyframes flipHorizontal{
    0%{
        transform:perspective(400px) rotateY(90deg);
        opacity:0
    }
    100%{
        transform:perspective(400px) rotateY(0);
        opacity:1
    }
}
@keyframes flipVertical{
    0%{
        transform:perspective(400px) rotateX(90deg);
        opacity:0
    }
    100%{
        transform:perspective(400px) rotateX(0);
        opacity:1
    }
}
@keyframes zoomIn{
    0%{
        transform:scale(0.8);
        opacity:0
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
@keyframes slideInLeft{
    0%{
        transform:translateX(-100%);
        opacity:0
    }
    100%{
        transform:translateX(0);
        opacity:1
    }
}
@keyframes slideInTop{
    0%{
        transform:translateY(-100%);
        opacity:0
    }
    100%{
        transform:translateY(0);
        opacity:1
    }
}
@keyframes rotateIn{
    0%{
        transform:rotate(90deg);
        opacity:0
    }
    100%{
        transform:rotate(0);
        opacity:1
    }
}
@keyframes shake{
    0%{
        transform:translate(0)
    }
    25%{
        transform:translate(-5px)
    }
    50%{
        transform:translate(5px)
    }
    75%{
        transform:translate(-5px)
    }
    100%{
        transform:translate(0)
    }
}
@keyframes swing{
    0%{
        transform:rotate(0deg)
    }
    20%{
        transform:rotate(2deg)
    }
    40%{
        transform:rotate(-2deg)
    }
    60%{
        transform:rotate(1deg)
    }
    100%{
        transform:rotate(0deg)
    }
}
@keyframes zoomOut{
    0%{
        transform:scale(0.8);
        opacity:0
    }
    100%{
        transform:scale(1);
        opacity:1
    }
}
@keyframes skeleton{
    from{
        background-position:100% 100%
    }
    to{
        background-position:0 0
    }
}
.qty-input{
    display:flex;
    align-items:center;
    gap:6px
}
.qty-input input{
    border:1px solid var(--bs-border-color);
    background:var(--bs-secondary-bg);
    color:var(--bs-body-color);
    border-radius:var(--bs-border-radius);
    font-size:.875rem;
    width:85px;
    line-height:21px;
    padding:.5rem .9rem;
    text-align:center
}
.qty-input input:focus-visible{
    outline:0
}
.qty-input button{
    font-weight:600;
    padding:.5rem .9rem;
    background:var(--bs-light-bg-subtle);
    color:var(--bs-body-color);
    font-size:.875rem;
    line-height:21px;
    border:none;
    border-radius:var(--bs-border-radius)
}
.qty-input button:hover{
    opacity:.9
}
.qty-input button i{
    line-height:20px
}
.qty-input-sm{
    gap:4px
}
.qty-input-sm input{
    width:55px;
    padding:.25rem .5rem;
    font-size:.765625rem;
    line-height:18px
}
.qty-input-sm button{
    padding:.25rem .5rem;
    font-size:.765625rem;
    line-height:20px
}
.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    border:1px solid var(--bs-border-color)
}
.qty-input-rounded input{
    border-radius:50rem
}
.qty-input-rounded button{
    border-radius:50rem
}
.qty-input-primary button{
    background-color:var(--bs-primary);
    color:#fff
}
.qty-input-primary input{
    border:1px solid var(--bs-primary)
}
.qty-input-primary.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-primary);
    border:1px solid var(--bs-primary)
}
.qty-input-primary.qty-input-outline button:hover{
    background-color:var(--bs-primary-bg-subtle)
}
.qty-input-secondary button{
    background-color:var(--bs-secondary);
    color:#fff
}
.qty-input-secondary input{
    border:1px solid var(--bs-secondary)
}
.qty-input-secondary.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-secondary);
    border:1px solid var(--bs-secondary)
}
.qty-input-secondary.qty-input-outline button:hover{
    background-color:var(--bs-secondary-bg-subtle)
}
.qty-input-success button{
    background-color:var(--bs-success);
    color:#fff
}
.qty-input-success input{
    border:1px solid var(--bs-success)
}
.qty-input-success.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-success);
    border:1px solid var(--bs-success)
}
.qty-input-success.qty-input-outline button:hover{
    background-color:var(--bs-success-bg-subtle)
}
.qty-input-info button{
    background-color:var(--bs-info);
    color:#fff
}
.qty-input-info input{
    border:1px solid var(--bs-info)
}
.qty-input-info.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-info);
    border:1px solid var(--bs-info)
}
.qty-input-info.qty-input-outline button:hover{
    background-color:var(--bs-info-bg-subtle)
}
.qty-input-warning button{
    background-color:var(--bs-warning);
    color:#fff
}
.qty-input-warning input{
    border:1px solid var(--bs-warning)
}
.qty-input-warning.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-warning);
    border:1px solid var(--bs-warning)
}
.qty-input-warning.qty-input-outline button:hover{
    background-color:var(--bs-warning-bg-subtle)
}
.qty-input-danger button{
    background-color:var(--bs-danger);
    color:#fff
}
.qty-input-danger input{
    border:1px solid var(--bs-danger)
}
.qty-input-danger.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-danger);
    border:1px solid var(--bs-danger)
}
.qty-input-danger.qty-input-outline button:hover{
    background-color:var(--bs-danger-bg-subtle)
}
.qty-input-light button{
    background-color:var(--bs-light);
    color:#000
}
.qty-input-light input{
    border:1px solid var(--bs-light)
}
.qty-input-light.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-light);
    border:1px solid var(--bs-light)
}
.qty-input-light.qty-input-outline button:hover{
    background-color:var(--bs-light-bg-subtle)
}
.qty-input-dark button{
    background-color:var(--bs-dark);
    color:#fff
}
.qty-input-dark input{
    border:1px solid var(--bs-dark)
}
.qty-input-dark.qty-input-outline button{
    background-color:rgba(0,0,0,0);
    color:var(--bs-dark);
    border:1px solid var(--bs-dark)
}
.qty-input-dark.qty-input-outline button:hover{
    background-color:var(--bs-dark-bg-subtle)
}
#preloader{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:var(--bs-secondary-bg);
    z-index:9999;
    display:flex
}
#preloader.hidden{
    opacity:0;
    visibility:hidden;
    display:none
}
[data-page-loader=hidden] #preloader{
    opacity:0;
    visibility:hidden
}
.placeholder-body{
    display:flex;
    align-items:center;
    gap:14px
}
.placeholder-body .placeholder-start{
    background-image:linear-gradient(90deg, var(--bs-gray-100) 0%, var(--bs-gray-100) 40%, var(--bs-gray-200) 50%, var(--bs-gray-200) 55%, var(--bs-gray-100) 65%, var(--bs-gray-100) 100%);
    background-size:400%;
    animation:skeleton 2000ms infinite
}
.placeholder-body .placeholder-start.square{
    width:60px;
    height:60px
}
.placeholder-body .placeholder-start.circle{
    width:60px;
    height:60px;
    border-radius:50%;
    overflow:hidden
}
.placeholder-body .placeholder-end{
    flex:1
}
.placeholder-body .placeholder-end .placeholder-line{
    background-image:linear-gradient(90deg, var(--bs-gray-100) 0%, var(--bs-gray-100) 40%, var(--bs-gray-200) 50%, var(--bs-gray-200) 55%, var(--bs-gray-100) 65%, var(--bs-gray-100) 100%);
    background-size:400%;
    animation:skeleton 2000ms infinite;
    background-color:rgba(0,0,0,0);
    position:relative;
    overflow:hidden;
    opacity:1
}
.custom-stepper{
    position:relative;
    margin-right:1rem;
    margin-left:1rem;
    z-index:1
}
.custom-stepper .progress{
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:100%;
    z-index:-1
}
.custom-stepper .nav{
    margin-right:-1rem;
    margin-left:-1rem;
    justify-content:space-between
}
.custom-stepper .nav .nav-item .nav-link{
    width:2rem;
    height:2rem;
    background-color:var(--bs-light);
    padding:0;
    color:var(--bs-body-color);
    font-weight:500;
    border:1px solid rgba(0,0,0,0)
}
.custom-stepper .nav .nav-item .nav-link.active{
    border-color:var(--bs-primary);
    color:var(--bs-primary);
    background-color:var(--bs-body-bg)
}
.custom-stepper .nav .nav-item .nav-link.activeComplete{
    border-color:var(--bs-primary);
    background-color:var(--bs-primary);
    color:#fff
}
.form-steps-vertical .progress{
    left:-3px
}
.form-steps-vertical .nav .nav-item{
    min-height:70px;
    display:flex;
    gap:8px
}
.form-steps-vertical .nav .nav-item:last-child{
    min-height:0
}
.form-steps-vertical .nav .nav-item h6{
    margin:0;
    line-height:11px
}
.form-steps-vertical .progress{
    height:100%;
    width:6px
}
.form-steps-vertical .progress .progress-bar{
    width:100%
}
hr{
    border-color:var(--bs-border-color)
}
.center-hr{
    position:relative;
    display:flex;
    align-items:center;
    border:0;
    text-align:center
}
.center-hr::before,.center-hr::after{
    content:" ";
    width:50%;
    border-bottom:1px solid;
    border-color:var(--bs-border-color)
}
.center-hr.border-primary::before,.center-hr.border-primary::after{
    border-color:#0d6efd
}
.center-hr.border-secondary::before,.center-hr.border-secondary::after{
    border-color:#a460e3
}
.center-hr.border-success::before,.center-hr.border-success::after{
    border-color:#17c653
}
.center-hr.border-info::before,.center-hr.border-info::after{
    border-color:#0dcaf0
}
.center-hr.border-warning::before,.center-hr.border-warning::after{
    border-color:#cfa21b
}
.center-hr.border-danger::before,.center-hr.border-danger::after{
    border-color:#f8285a
}
.center-hr.border-light::before,.center-hr.border-light::after{
    border-color:#e9ecef
}
.center-hr.border-dark::before,.center-hr.border-dark::after{
    border-color:#212529
}
.center-hr.border-dotted::before,.center-hr.border-dotted::after{
    border-bottom-style:dotted
}
.center-hr.border-dashed::before,.center-hr.border-dashed::after{
    border-bottom-style:dashed
}
.center-hr::before{
    margin-right:1.25rem
}
.center-hr::after{
    margin-left:1.25rem
}
.progress-wrap{
    bottom:86px;
    right:25px;
    border-radius:50rem;
    background-color:rgba(var(--bs-secondary-bg-rgb), 0.7);
    z-index:999;
    opacity:0;
    visibility:hidden;
    transform:translateY(15px);
    transition:all 200ms linear
}
.progress-wrap.active-progress{
    opacity:1;
    visibility:visible;
    transform:translateY(0)
}
.progress-wrap svg{
    transform:rotate(-90deg)
}
.progress-wrap svg .progress{
    fill:none;
    stroke:var(--bs-primary);
    stroke-width:3px;
    stroke-linecap:round;
    transition:stroke-dashoffset 10ms linear
}
.icon-list{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
    margin:0 auto;
    gap:10px;
    justify-content:center
}
.icon-list .icon-box{
    text-align:center;
    padding:1rem .65rem;
    border:1px solid var(--bs-border-color);
    position:relative;
    color:var(--bs-secondary-color);
    border-radius:4px
}
.icon-list .icon-box:hover{
    cursor:copy
}
.icon-list .icon-box:hover i,.icon-list .icon-box:hover strong{
    color:var(--bs-primary)
}
.icon-list .icon-box i{
    display:block;
    font-size:30px;
    margin-bottom:1.5rem;
    opacity:.9
}
.icon-list .icon-box strong{
    font-weight:500;
    max-width:80%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden
}
.icon-list .icon-box code{
    display:inline-block;
    max-width:80%;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    margin:5px auto 0;
    background-color:rgba(var(--bs-secondary), 0.1);
    color:rgba(var(--bs-secondary), 1);
    font-size:10px
}
#copyAlert{
    display:none;
    left:50%;
    transform:translateX(-50%);
    top:90px
}
:root{
    --bs-light: #e9ecef;
    --bs-light-rgb: 233, 236, 239;
    --bs-dropdown-item-border-radius: var(--bs-border-radius-sm);
    --bs-font-family-remix: remixicon, sans-serif;
    --bs-font-family-secondary: Poppins, sans-serif;
    --bs-headings-color: #212529;
    --bs-headings-font-family: Poppins, sans-serif;
    --bs-input-bg-custom: #fff;
    --bs-component-active-bg: #0d6efd;
    --bs-component-active-color: #fff;
    --bs-app-header-height: 74px;
    --bs-header-bg: #fff;
    --bs-app-header-border-color: var(--bs-border-color);
    --bs-footer-bg: #fff;
    --bs-app-footer-height: 60px;
    --bs-app-sidebar-border-color: var(--bs-border-color);
    --bs-app-sidebar-width: 240px;
    --bs-app-sidebar-small-width: 120px;
    --bs-header-submenu-bg: #fff;
    --bs-app-sidebar-title-color: #3e4853;
    --bs-app-sidebar-menu-item-color: #5b6b79;
    --bs-app-sidebar-bg: #fff;
    --bs-horizontal-sidebar-menu-compact-height: 44px;
    --bs-app-sidebar-menu-item-active-color: var(--bs-primary);
    --bs-app-sidebar-menu-item-hover-color: var(--bs-primary);
    --bs-app-sidebar-menu-item-active-font-weight: 500;
    --bs-app-sidebar-bg-gradient: linear-gradient(to right, rgb(44.4, 26.4, 77.2), rgb(66.6, 39.6, 115.8));
    --bs-app-sidebar-slide-menu-width: 224px;
    --bs-app-sidebar-menu-item-gap: 12px;
    --bs-app-sidebar-menu-item-padding-top: 12px;
    --bs-app-sidebar-menu-item-padding-right: 16px;
    --bs-app-sidebar-menu-item-padding-bottom: 12px;
    --bs-app-sidebar-menu-item-padding-left: 16px;
    --bs-app-sidebar-menu-item-padding-left-level-1: 44px;
    --bs-app-sidebar-menu-item-padding-left-level-2: 15px;
    --bs-app-sidebar-menu-item-padding-left-level-3: 15px;
    --bs-app-sidebar-menu-left-line-spacing: 23px;
    --bs-app-sidebar-menu-left-line-spacing-level-1: 23px;
    --bs-app-sidebar-menu-left-line-spacing-level-2: 15px;
    --bs-app-sidebar-menu-left-line-border-width: 1px;
    --bs-app-sidebar-menu-left-line-border-style: solid;
    --bs-app-sidebar-menu-left-line-border-color: var(--bs-border-color);
    --bs-app-sidebar-menu-left-dot-bg: #dbe0e5;
    --bs-app-sidebar-menu-left-dot-size: 5px;
    --bs-app-sidebar-menu-left-dot-left-level-1: 44px;
    --bs-app-sidebar-menu-left-dot-left-level-2: 15px;
    --bs-app-sidebar-menu-left-dot-left-level-3: 15px
}
:root[data-sidebar=light-sidebar]{
    --bs-app-sidebar-border-color: #dee2e6;
    --bs-app-sidebar-menu-left-line-border-color: #dee2e6
}
:root[data-sidebar=dark-sidebar]{
    --bs-app-sidebar-menu-item-active-color: #fff;
    --bs-app-sidebar-menu-item-hover-color: #fff;
    --bs-app-sidebar-bg: rgb(34.65, 33.675, 42.45);
    --bs-app-sidebar-border-color: #424547;
    --bs-app-sidebar-menu-left-line-border-color: #424547;
    --bs-app-sidebar-menu-item-color: #adb5bd;
    --bs-app-sidebar-title-color: #ced4da
}
:root[data-sidebar=gradient-sidebar]{
    --bs-app-sidebar-bg: var(--bs-app-sidebar-bg-gradient);
    --bs-app-sidebar-menu-item-active-color: #fff;
    --bs-app-sidebar-menu-item-hover-color: #fff;
    --bs-app-sidebar-border-color: #6c757d;
    --bs-app-sidebar-menu-left-line-border-color: #6c757d;
    --bs-app-sidebar-menu-item-color: #adb5bd;
    --bs-app-sidebar-title-color: #ced4da
}
:root[data-sidebar=gradient-sidebar] .slide-menu{
    background:var(--bs-app-sidebar-bg-gradient)
}
:root[data-theme-color=primary]{
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-hover-color-rgb: 13, 110, 253;
    --bs-primary-text-emphasis: rgb(12.987, 109.89, 252.747);
    --bs-primary-bg-subtle: rgba(13, 110, 253, 0.15);
    --bs-primary-border-subtle: rgb(13.5058196721, 110.3030737705, 253.0041803279)
}
:root[data-theme-color=primary] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-primary{
    background-color:#0d6efd
}
:root[data-theme-color=secondary]{
    --bs-primary: #a460e3;
    --bs-primary-rgb: 164, 96, 227;
    --bs-link-color-rgb: 164, 96, 227;
    --bs-link-hover-color-rgb: 164, 96, 227;
    --bs-primary-text-emphasis: rgb(163.836, 95.904, 226.773);
    --bs-primary-bg-subtle: rgba(164, 96, 227, 0.15);
    --bs-primary-border-subtle: rgb(164.2481818182, 96.4336363636, 227.0763636364)
}
:root[data-theme-color=secondary] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-secondary{
    background-color:#a460e3
}
:root[data-theme-color=success]{
    --bs-primary: #17C653;
    --bs-primary-rgb: 23, 198, 83;
    --bs-link-color-rgb: 23, 198, 83;
    --bs-link-hover-color-rgb: 23, 198, 83;
    --bs-primary-text-emphasis: rgb(22.977, 197.802, 82.917);
    --bs-primary-bg-subtle: rgba(23, 198, 83, 0.15);
    --bs-primary-border-subtle: rgb(23.0530769231, 198.4569230769, 83.1915384615)
}
:root[data-theme-color=success] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-success{
    background-color:#17C653
}
:root[data-theme-color=info]{
    --bs-primary: #0dcaf0;
    --bs-primary-rgb: 13, 202, 240;
    --bs-link-color-rgb: 13, 202, 240;
    --bs-link-hover-color-rgb: 13, 202, 240;
    --bs-primary-text-emphasis: rgb(12.987, 201.798, 239.76);
    --bs-primary-bg-subtle: rgba(13, 202, 240, 0.15);
    --bs-primary-border-subtle: rgb(13.0262055336, 202.4071936759, 240.4837944664)
}
:root[data-theme-color=info] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-info{
    background-color:#0dcaf0
}
:root[data-theme-color=warning]{
    --bs-primary: #cfa21b;
    --bs-primary-rgb: 207, 162, 27;
    --bs-link-color-rgb: 207, 162, 27;
    --bs-link-hover-color-rgb: 207, 162, 27;
    --bs-primary-text-emphasis: rgb(206.793, 161.838, 26.973);
    --bs-primary-bg-subtle: rgba(207, 162, 27, 0.15);
    --bs-primary-border-subtle: rgb(207.4511538462, 162.3530769231, 27.0588461538)
}
:root[data-theme-color=warning] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-warning{
    background-color:#cfa21b
}
:root[data-theme-color=danger]{
    --bs-primary: #F8285A;
    --bs-primary-rgb: 248, 40, 90;
    --bs-link-color-rgb: 248, 40, 90;
    --bs-link-hover-color-rgb: 248, 40, 90;
    --bs-primary-text-emphasis: rgb(247.752, 39.96, 89.91);
    --bs-primary-bg-subtle: rgba(248, 40, 90, 0.15);
    --bs-primary-border-subtle: rgb(248.0160810811, 40.4939189189, 90.3790540541)
}
:root[data-theme-color=danger] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-danger{
    background-color:#F8285A
}
:root[data-theme-color=blue]{
    --bs-primary: #0d6efd;
    --bs-primary-rgb: 13, 110, 253;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-hover-color-rgb: 13, 110, 253;
    --bs-primary-text-emphasis: rgb(12.987, 109.89, 252.747);
    --bs-primary-bg-subtle: rgba(13, 110, 253, 0.15);
    --bs-primary-border-subtle: rgb(13.5058196721, 110.3030737705, 253.0041803279)
}
:root[data-theme-color=blue] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-blue{
    background-color:#0d6efd
}
:root[data-theme-color=purple]{
    --bs-primary: #6f42c1;
    --bs-primary-rgb: 111, 66, 193;
    --bs-link-color-rgb: 111, 66, 193;
    --bs-link-hover-color-rgb: 111, 66, 193;
    --bs-primary-text-emphasis: rgb(110.889, 65.934, 192.807);
    --bs-primary-bg-subtle: rgba(111, 66, 193, 0.15);
    --bs-primary-border-subtle: rgb(111.2925896414, 66.3840239044, 193.1259760956)
}
:root[data-theme-color=purple] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-purple{
    background-color:#6f42c1
}
:root[data-theme-color=pink]{
    --bs-primary: #d63384;
    --bs-primary-rgb: 214, 51, 132;
    --bs-link-color-rgb: 214, 51, 132;
    --bs-link-hover-color-rgb: 214, 51, 132;
    --bs-primary-text-emphasis: rgb(213.786, 50.949, 131.868);
    --bs-primary-bg-subtle: rgba(214, 51, 132, 0.15);
    --bs-primary-border-subtle: rgb(214.0853469388, 51.4246530612, 132.2560408163)
}
:root[data-theme-color=pink] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-pink{
    background-color:#d63384
}
:root[data-theme-color=orange]{
    --bs-primary: #fd7e14;
    --bs-primary-rgb: 253, 126, 20;
    --bs-link-color-rgb: 253, 126, 20;
    --bs-link-hover-color-rgb: 253, 126, 20;
    --bs-primary-text-emphasis: rgb(252.747, 125.874, 19.98);
    --bs-primary-bg-subtle: rgba(253, 126, 20, 0.15);
    --bs-primary-border-subtle: rgb(253.0043037975, 126.2775949367, 20.5056962025)
}
:root[data-theme-color=orange] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-orange{
    background-color:#fd7e14
}
:root[data-theme-color=teal]{
    --bs-primary: #20c997;
    --bs-primary-rgb: 32, 201, 151;
    --bs-link-color-rgb: 32, 201, 151;
    --bs-link-hover-color-rgb: 32, 201, 151;
    --bs-primary-text-emphasis: rgb(31.968, 200.799, 150.849);
    --bs-primary-bg-subtle: rgba(32, 201, 151, 0.15);
    --bs-primary-border-subtle: rgb(32.0700429185, 201.4399570815, 151.3305150215)
}
:root[data-theme-color=teal] .btn-primary{
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    box-shadow:0 .125rem .375rem 0 rgba(var(--bs-primary-rgb), 0.3);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-bg: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-active-border-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary)
}
:root .theme-bg-teal{
    background-color:#20c997
}
:root[data-font-size=sm]{
    --bs-root-font-size: 0.9375rem
}
:root[data-font-size=md]{
    --bs-root-font-size: 1rem
}
:root[data-font-size=lg]{
    --bs-root-font-size: 1.0625rem
}
:root[data-layout-rounded=xs]{
    --bs-border-radius: 0rem
}
:root[data-layout-rounded=sm]{
    --bs-border-radius: 0.125rem
}
:root[data-layout-rounded=md]{
    --bs-border-radius: 0.25rem
}
:root[data-layout-rounded=lg]{
    --bs-border-radius: 0.375rem
}
:root[data-layout-rounded=xl]{
    --bs-border-radius: 0.5rem
}
:root[data-sidebar=dark-sidebar] .app-sidebar .main-menu::-webkit-scrollbar-track{
    background-color:#343a40
}
:root[data-sidebar=dark-sidebar] .app-sidebar .main-menu::-webkit-scrollbar{
    height:4px;
    background-color:#6c757d
}
:root[data-sidebar=dark-sidebar] .app-sidebar .main-menu::-webkit-scrollbar-thumb{
    background-color:#6c757d
}
:root[data-sidebar=dark-sidebar] .small-screen-sidebar{
    --bs-offcanvas-bg: var(--bs-app-sidebar-bg);
    --bs-border-color: #424547
}
:root[data-sidebar=dark-sidebar] .small-screen-sidebar *::-webkit-scrollbar-track{
    background-color:#343a40
}
:root[data-sidebar=dark-sidebar] .small-screen-sidebar *::-webkit-scrollbar{
    height:4px;
    background-color:#6c757d
}
:root[data-sidebar=dark-sidebar] .small-screen-sidebar *::-webkit-scrollbar-thumb{
    background-color:#6c757d
}
:root[data-layout-container=boxed]:not([data-main-layout=two-column]) body{
    background-color:var(--bs-tertiary-bg);
    margin-inline-start:var(--bs-app-sidebar-width);
    max-width:1500px;
    margin:auto
}
:root[data-layout-container=boxed]:not([data-main-layout=two-column]) .app-sidebar,:root[data-layout-container=boxed]:not([data-main-layout=two-column]) .app-header{
    max-width:calc(1500px - var(--bs-app-sidebar-width))
}
:root[data-layout-container=boxed]:not([data-main-layout=two-column]) .app-wrapper{
    background-color:var(--bs-body-bg)
}
:root[data-nav-position=static] .app-header{
    position:static
}
:root[data-nav-position=static] .kanban-list-items{
    height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 252px))
}
:root[data-nav-position=static] .app-wrapper{
    min-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height)));
    margin-block-start:0px
}
:root[data-nav-position=hidden]:not([data-main-layout=horizontal]) .app-header{
    --bs-app-header-height: 0;
    display:none
}
:root[data-nav-position=hidden]:not([data-main-layout=horizontal]) .app-wrapper{
    margin-block-start:0px;
    --bs-app-header-height: 1px;
    min-height:calc(100vh - var(--bs-app-footer-height))
}
:root[data-nav-type=glass] .app-header{
    background:linear-gradient(120deg, rgba(var(--bs-secondary-bg-rgb), 0.2) -8%, rgba(var(--bs-secondary-bg-rgb), 0.01) 120%);
    backdrop-filter:blur(20px);
    border-bottom:1px solid rgba(var(--bs-secondary-bg-rgb), 0.6)
}
:root[data-nav-type=dark]{
    --bs-header-bg: rgb(34.65, 33.675, 42.45);
    --bs-app-header-border-color: #424547
}
:root[data-nav-type=dark] .btn-light-light{
    --bs-light-bg-subtle: rgb(110.7, 112.65, 114.6)
}
:root[data-nav-type=dark] .profile-btn{
    --bs-heading-color: #fff
}
:root[data-nav-type=dark] .header-search .form-control{
    --bs-border-color: #424547
}
:root[data-main-layout=close-sidebar]{
    --bs-app-sidebar-width: 0px
}
:root[data-main-layout=close-sidebar] .app-sidebar{
    display:none
}
:root[data-main-layout=close-sidebar][data-sidebar=gradient-sidebar] .small-screen-sidebar{
    background:var(--bs-app-sidebar-bg-gradient)
}
:root[data-main-layout=close-sidebar][data-sidebar=gradient-sidebar] .small-screen-sidebar .offcanvas-header{
    border:none !important
}
:root[data-main-layout=close-sidebar] .small-screen-sidebar.show .app-sidebar{
    display:block
}
:root[data-font-body=Inter]{
    --bs-font-sans-serif: Inter, sans-serif
}
:root[data-font-heading=Inter]{
    --bs-font-family-secondary: Inter, sans-serif
}
:root[data-font-body=Roboto]{
    --bs-font-sans-serif: Roboto, sans-serif
}
:root[data-font-heading=Roboto]{
    --bs-font-family-secondary: Roboto, sans-serif
}
:root[data-font-body="Open Sans"]{
    --bs-font-sans-serif: Open Sans, sans-serif
}
:root[data-font-heading="Open Sans"]{
    --bs-font-family-secondary: Open Sans, sans-serif
}
:root[data-font-body=Lato]{
    --bs-font-sans-serif: Lato, sans-serif
}
:root[data-font-heading=Lato]{
    --bs-font-family-secondary: Lato, sans-serif
}
:root[data-font-body=Arial]{
    --bs-font-sans-serif: Arial, sans-serif
}
:root[data-font-heading=Arial]{
    --bs-font-family-secondary: Arial, sans-serif
}
:root[data-font-body=Poppins]{
    --bs-font-sans-serif: Poppins, sans-serif
}
:root[data-font-heading=Poppins]{
    --bs-font-family-secondary: Poppins, sans-serif
}
[data-bs-theme=dark]{
    color-scheme:dark;
    --bs-light-rgb: 86, 85, 92;
    --bs-dark: rgb(209.8, 209.6, 211.4);
    --bs-gray-100: rgba(255, 255, 255, 0.1);
    --bs-gray-100-rgb: 255, 255, 255;
    --bs-gray-200: rgba(255, 255, 255, 0.2);
    --bs-gray-200-rgb: 255, 255, 255;
    --bs-gray-300: rgba(255, 255, 255, 0.3);
    --bs-gray-300-rgb: 255, 255, 255;
    --bs-gray-400: rgba(255, 255, 255, 0.4);
    --bs-gray-400-rgb: 255, 255, 255;
    --bs-gray-500: rgba(255, 255, 255, 0.5);
    --bs-gray-500-rgb: 255, 255, 255;
    --bs-gray-600: rgba(255, 255, 255, 0.6);
    --bs-gray-600-rgb: 255, 255, 255;
    --bs-gray-700: rgba(255, 255, 255, 0.7);
    --bs-gray-700-rgb: 255, 255, 255;
    --bs-gray-800: rgba(255, 255, 255, 0.8);
    --bs-gray-800-rgb: 255, 255, 255;
    --bs-gray-900: rgba(255, 255, 255, 0.9);
    --bs-gray-900-rgb: 255, 255, 255;
    --bs-input-bg-custom: #303238;
    --bs-header-bg: rgb(34.65, 33.675, 42.45);
    --bs-footer-bg: rgb(34.65, 33.675, 42.45);
    --bs-headings-color: #fff;
    --bs-app-sidebar-border-color: rgb(62.9, 62.05, 69.7)
}
[data-bs-theme=dark] .text-gray-100{
    color:var(--bs-gray-100) !important
}
[data-bs-theme=dark] .bg-grays-100{
    background-color:var(--bs-gray-100) !important
}
[data-bs-theme=dark] .text-gray-200{
    color:var(--bs-gray-200) !important
}
[data-bs-theme=dark] .bg-grays-200{
    background-color:var(--bs-gray-200) !important
}
[data-bs-theme=dark] .text-gray-300{
    color:var(--bs-gray-300) !important
}
[data-bs-theme=dark] .bg-grays-300{
    background-color:var(--bs-gray-300) !important
}
[data-bs-theme=dark] .text-gray-400{
    color:var(--bs-gray-400) !important
}
[data-bs-theme=dark] .bg-grays-400{
    background-color:var(--bs-gray-400) !important
}
[data-bs-theme=dark] .text-gray-500{
    color:var(--bs-gray-500) !important
}
[data-bs-theme=dark] .bg-grays-500{
    background-color:var(--bs-gray-500) !important
}
[data-bs-theme=dark] .text-gray-600{
    color:var(--bs-gray-600) !important
}
[data-bs-theme=dark] .bg-grays-600{
    background-color:var(--bs-gray-600) !important
}
[data-bs-theme=dark] .text-gray-700{
    color:var(--bs-gray-700) !important
}
[data-bs-theme=dark] .bg-grays-700{
    background-color:var(--bs-gray-700) !important
}
[data-bs-theme=dark] .text-gray-800{
    color:var(--bs-gray-800) !important
}
[data-bs-theme=dark] .bg-grays-800{
    background-color:var(--bs-gray-800) !important
}
[data-bs-theme=dark] .text-gray-900{
    color:var(--bs-gray-900) !important
}
[data-bs-theme=dark] .bg-grays-900{
    background-color:var(--bs-gray-900) !important
}
html{
    position:relative;
    min-height:100%
}
i.bi,i[class^=fonticon-],i[class*=" fonticon-"],i[class^=fa-],i[class*=" fa-"],i[class^=la-],i[class*=" la-"]{
    line-height:1;
    font-size:1rem;
    color:var(--bs-text-muted)
}
b,strong{
    font-weight:600
}
.blockquote{
    padding:10px 20px;
    border:1px solid;
    border-inline-start:4px solid;
    position:relative
}
.blockquote.blockquote-right{
    border-inline-start:1px solid;
    border-inline-end:4px solid
}
.row>*{
    position:relative
}
.accordion .accordion-button{
    font-weight:600
}
.accordion .accordion-button h6{
    flex-grow:1;
    text-align:start
}
.accordion .accordion-button{
    cursor:pointer
}
.accordion .accordion-button::after{
    background-image:none !important;
    font-family:var(--bs-font-family-remix);
    content:"î©Ž";
    font-size:1.1rem;
    vertical-align:middle;
    line-height:.8;
    transition:none
}
.accordion .accordion-button:not(.collapsed)::after{
    background-image:none !important;
    transform:rotate(180deg);
    margin-inline-end:-5px
}
.accordion-icon-none .accordion-button::after{
    content:""
}
.accordion-icon-none .accordion-button:not(.collapsed)::after{
    content:""
}
.accordion-icon .accordion-button::after{
    content:"î©«";
    transition:transform .2s ease-in-out
}
.accordion-icon .accordion-button:not(.collapsed)::after{
    transform:rotate(90deg);
    margin-inline-end:0
}
.accordion-with-plus .accordion-button::after{
    content:"î¨“"
}
.accordion-with-plus .accordion-button:not(.collapsed)::after{
    content:"ï†¯"
}
.accordion-with-left-icon .accordion-button{
    padding-inline-start:2.75rem
}
.accordion-with-left-icon .accordion-button::after{
    position:absolute;
    inset-inline-start:1rem
}
.accordion-with-left-icon .accordion-button:not(.collapsed)::after{
    margin-inline-start:5px
}
.accordion-with-border .accordion-item{
    border-left:4px solid var(--bs-border-color)
}
.accordion-border-box .accordion-item{
    border-top:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius-sm)
}
.accordion-border-box .accordion-item:not(:first-of-type){
    margin-top:8px
}
.accordion-border-box .accordion-item .accordion-button{
    border-radius:var(--bs-border-radius-sm)
}
.accordion-border-box .accordion-item .accordion-button:not(.collapsed){
    border-bottom-left-radius:0;
    border-bottom-right-radius:0
}
.accordion-primary .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-primary)
}
.accordion-secondary .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-secondary)
}
.accordion-success .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-success)
}
.accordion-info .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-info)
}
.accordion-warning .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-warning)
}
.accordion-danger .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-danger)
}
.accordion-light .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-light);
    color:#212529
}
.accordion-dark .accordion-button:not(.collapsed){
    color:#fff;
    --bs-accordion-active-bg: var(--bs-dark)
}
.alert{
    transition:all .2s ease-in-out
}
.alert hr{
    border-color:inherit
}
.alert-dismissible .btn-close{
    padding:.86rem 1rem;
    background:none;
    color:var(--bs-alert-link-color)
}
.alert-dismissible .btn-close::after{
    position:absolute;
    inset:0;
    padding:.55rem 1rem;
    font-size:20px;
    font-family:"remixicon",sans-serif;
    content:"î®™";
    transition:all .5s ease
}
.alert-outline-primary{
    --bs-alert-color: var(--bs-primary-text-emphasis);
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-primary{
    --bs-alert-border-color: var(--bs-primary-border-subtle);
    border-left:4px solid var(--bs-primary-border-subtle)
}
.alert-outline-secondary{
    --bs-alert-color: var(--bs-secondary-text-emphasis);
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-secondary{
    --bs-alert-border-color: var(--bs-secondary-border-subtle);
    border-left:4px solid var(--bs-secondary-border-subtle)
}
.alert-outline-success{
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-success{
    --bs-alert-border-color: var(--bs-success-border-subtle);
    border-left:4px solid var(--bs-success-border-subtle)
}
.alert-outline-info{
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-info{
    --bs-alert-border-color: var(--bs-info-border-subtle);
    border-left:4px solid var(--bs-info-border-subtle)
}
.alert-outline-warning{
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-warning{
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    border-left:4px solid var(--bs-warning-border-subtle)
}
.alert-outline-danger{
    --bs-alert-color: var(--bs-danger-text-emphasis);
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-danger{
    --bs-alert-border-color: var(--bs-danger-border-subtle);
    border-left:4px solid var(--bs-danger-border-subtle)
}
.alert-outline-light{
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-light{
    --bs-alert-border-color: var(--bs-light-border-subtle);
    border-left:4px solid var(--bs-light-border-subtle)
}
.alert-outline-dark{
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    background-color:var(--bs-secondary-bg)
}
.alert-border-dark{
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    border-left:4px solid var(--bs-dark-border-subtle)
}
.avatar-item{
    align-items:center;
    background-color:var(--bs-primary);
    color:#fff;
    display:flex;
    font-weight:500;
    justify-content:center;
    border:var(--bs-border-width) solid var(--bs-secondary-bg);
    position:relative;
    border-radius:50%
}
.avatar-item img{
    overflow:hidden;
    object-fit:cover
}
.avatar-badge{
    position:absolute;
    inset-block-start:-6px;
    inset-inline-end:-0.375rem;
    width:18px;
    height:18px;
    font-size:8px;
    border:2px solid #fff;
    border-radius:50% !important;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0
}
.avatar-online::before{
    position:absolute;
    content:"";
    width:10px;
    height:10px;
    border-radius:50%;
    inset-inline-end:0;
    inset-block-end:0;
    border:2px solid #fff;
    background-color:var(--bs-success)
}
.avatar-group{
    padding-left:12px;
    display:flex;
    flex-wrap:wrap
}
.avatar-group .avatar-item{
    margin-left:-12px;
    transition:all .2s
}
.avatar-group .avatar-item:hover{
    position:relative;
    transform:translateY(-2px);
    z-index:1
}
.avatar-xs{
    height:20px;
    width:20px;
    min-width:20px;
    min-height:20px;
    border-radius:50%
}
.avatar-sm{
    height:24px;
    width:24px;
    min-width:24px;
    min-height:24px;
    border-radius:50%;
    font-size:.625rem
}
.avatar{
    height:36px;
    width:36px;
    min-width:36px;
    min-height:36px;
    border-radius:50%
}
.avatar-lg{
    height:48px;
    width:48px;
    min-width:48px;
    min-height:48px;
    border-radius:50%
}
.avatar-xl{
    height:76px;
    width:76px;
    min-width:76px;
    min-height:76px;
    border-radius:50%
}
.image-wrapper{
    position:relative;
    width:100%;
    overflow:hidden
}
.image-wrapper img{
    width:100%;
    height:100%;
    object-fit:cover;
    position:absolute;
    top:0;
    left:0
}
.image-1x1{
    padding-top:100%
}
.image-4x3{
    padding-top:75%
}
.image-3x2{
    padding-top:66.67%
}
.image-16x9{
    padding-top:56.25%
}
.badge{
    line-height:.95
}
.btn i,.ql-snow .ql-tooltip .ql-action i{
    line-height:20px
}
.btn-primary{
    box-shadow:0 .125rem .375rem 0 rgba(13,110,253,.4)
}
.btn-light-primary{
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: var(--bs-primary-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: transparent
}
.btn-outline-primary{
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: rgba(var(--bs-primary-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary)
}
.btn-text-primary{
    --bs-btn-color: var(--bs-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: var(--bs-primary-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: var(--bs-primary);
    --bs-btn-active-bg: var(--bs-primary-bg-subtle);
    --bs-btn-active-border-color: transparent
}
.btn-secondary{
    box-shadow:0 .125rem .375rem 0 rgba(164,96,227,.4)
}
.btn-light-secondary{
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-secondary);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: transparent
}
.btn-outline-secondary{
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: rgba(var(--bs-secondary-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary)
}
.btn-text-secondary{
    --bs-btn-color: var(--bs-secondary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-secondary-rgb);
    --bs-btn-active-color: var(--bs-secondary);
    --bs-btn-active-bg: var(--bs-secondary-bg-subtle);
    --bs-btn-active-border-color: transparent
}
.btn-success{
    box-shadow:0 .125rem .375rem 0 rgba(23,198,83,.4)
}
.btn-light-success{
    --bs-btn-color: var(--bs-success);
    --bs-btn-bg: var(--bs-success-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-success);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: transparent
}
.btn-outline-success{
    --bs-btn-color: var(--bs-success);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-success);
    --bs-btn-hover-color: var(--bs-success);
    --bs-btn-hover-bg: rgba(var(--bs-success-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-success);
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-success);
    --bs-btn-active-border-color: var(--bs-success)
}
.btn-text-success{
    --bs-btn-color: var(--bs-success);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-success);
    --bs-btn-hover-bg: var(--bs-success-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-success-rgb);
    --bs-btn-active-color: var(--bs-success);
    --bs-btn-active-bg: var(--bs-success-bg-subtle);
    --bs-btn-active-border-color: transparent
}
.btn-info{
    box-shadow:0 .125rem .375rem 0 rgba(13,202,240,.4)
}
.btn-light-info{
    --bs-btn-color: var(--bs-info);
    --bs-btn-bg: var(--bs-info-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-info);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: transparent
}
.btn-outline-info{
    --bs-btn-color: var(--bs-info);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-info);
    --bs-btn-hover-color: var(--bs-info);
    --bs-btn-hover-bg: rgba(var(--bs-info-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-info);
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-info);
    --bs-btn-active-border-color: var(--bs-info)
}
.btn-text-info{
    --bs-btn-color: var(--bs-info);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-info);
    --bs-btn-hover-bg: var(--bs-info-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-info-rgb);
    --bs-btn-active-color: var(--bs-info);
    --bs-btn-active-bg: var(--bs-info-bg-subtle);
    --bs-btn-active-border-color: transparent
}
.btn-warning{
    box-shadow:0 .125rem .375rem 0 rgba(207,162,27,.4)
}
.btn-light-warning{
    --bs-btn-color: var(--bs-warning);
    --bs-btn-bg: var(--bs-warning-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-warning);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: transparent
}
.btn-outline-warning{
    --bs-btn-color: var(--bs-warning);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-warning);
    --bs-btn-hover-color: var(--bs-warning);
    --bs-btn-hover-bg: rgba(var(--bs-warning-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-warning);
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-warning);
    --bs-btn-active-border-color: var(--bs-warning)
}
.btn-text-warning{
    --bs-btn-color: var(--bs-warning);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-warning);
    --bs-btn-hover-bg: var(--bs-warning-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-warning-rgb);
    --bs-btn-active-color: var(--bs-warning);
    --bs-btn-active-bg: var(--bs-warning-bg-subtle);
    --bs-btn-active-border-color: transparent
}
.btn-danger{
    box-shadow:0 .125rem .375rem 0 rgba(248,40,90,.4)
}
.btn-light-danger{
    --bs-btn-color: var(--bs-danger);
    --bs-btn-bg: var(--bs-danger-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-danger);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: transparent
}
.btn-outline-danger{
    --bs-btn-color: var(--bs-danger);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-danger);
    --bs-btn-hover-color: var(--bs-danger);
    --bs-btn-hover-bg: rgba(var(--bs-danger-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-danger);
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-danger);
    --bs-btn-active-border-color: var(--bs-danger)
}
.btn-text-danger{
    --bs-btn-color: var(--bs-danger);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-danger);
    --bs-btn-hover-bg: var(--bs-danger-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-danger-rgb);
    --bs-btn-active-color: var(--bs-danger);
    --bs-btn-active-bg: var(--bs-danger-bg-subtle);
    --bs-btn-active-border-color: transparent
}
.btn-light{
    box-shadow:0 .125rem .375rem 0 rgba(233,236,239,.4)
}
.btn-light-light{
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: var(--bs-light-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: var(--bs-light);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: transparent
}
.btn-outline-light{
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-light);
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: rgba(var(--bs-light-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-light);
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: var(--bs-light);
    --bs-btn-active-border-color: var(--bs-light)
}
.btn-text-light{
    --bs-btn-color: var(--bs-light);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-light);
    --bs-btn-hover-bg: var(--bs-light-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-light-rgb);
    --bs-btn-active-color: var(--bs-light);
    --bs-btn-active-bg: var(--bs-light-bg-subtle);
    --bs-btn-active-border-color: transparent
}
.btn-light,.btn-light-light{
    --bs-btn-color: #000
}
.btn-dark{
    box-shadow:0 .125rem .375rem 0 rgba(33,37,41,.4)
}
.btn-light-dark{
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: var(--bs-dark-bg-subtle);
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: transparent
}
.btn-outline-dark{
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: rgba(var(--bs-dark-rgb), 0.2);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark)
}
.btn-text-dark{
    --bs-btn-color: var(--bs-dark);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-dark-bg-subtle);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-focus-shadow-rgb: var(--bs-dark-rgb);
    --bs-btn-active-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-dark-bg-subtle);
    --bs-btn-active-border-color: transparent
}
[data-bs-theme=dark] .btn-light{
    --bs-btn-bg: var(--bs-gray-100);
    --bs-btn-border-color: var(--bs-light-border-subtle);
    --bs-btn-color: var(--bs-light-text-emphasis);
    --bs-btn-hover-bg: var(--bs-light-bg-subtle);
    --bs-btn-hover-border-color: var(--bs-light-border-subtle);
    --bs-btn-hover-color: var(--bs-light-text-emphasis);
    --bs-btn-active-bg: var(--bs-light-bg-subtle);
    --bs-btn-active-border-color: var(--bs-light-border-subtle);
    --bs-btn-active-color: var(--bs-light-text-emphasis);
    box-shadow:none
}
.icon-btn-sm{
    padding:.25rem .25rem;
    font-size:.765625rem;
    line-height:18px;
    width:30px
}
.icon-btn{
    padding:.5rem .5rem;
    font-size:.875rem;
    width:40px
}
.icon-btn-lg{
    padding:.7rem .7rem;
    font-size:1.09375rem;
    width:50px
}
.btn.btn-facebook,.ql-snow .ql-tooltip .btn-facebook.ql-action,.btn.btn-facebook:active{
    color:var(--bs-white);
    border-color:#3b5998;
    background-color:#3b5998
}
.btn.btn-facebook:hover,.ql-snow .ql-tooltip .btn-facebook.ql-action:hover,.btn.btn-facebook:active:hover{
    background-color:rgba(59,89,152,.8)
}
.btn.btn-text-facebook,.ql-snow .ql-tooltip .btn-text-facebook.ql-action,.btn.btn-text-facebook:active{
    color:#3b5998
}
.btn.btn-text-facebook:hover,.ql-snow .ql-tooltip .btn-text-facebook.ql-action:hover,.btn.btn-text-facebook:active:hover{
    color:var(--bs-white);
    background-color:#3b5998
}
.btn.btn-light-facebook,.ql-snow .ql-tooltip .btn-light-facebook.ql-action,.btn.btn-light-facebook:active{
    color:#3b5998;
    background-color:rgba(59,89,152,.2)
}
.btn.btn-light-facebook:hover,.ql-snow .ql-tooltip .btn-light-facebook.ql-action:hover,.btn.btn-light-facebook:active:hover{
    color:var(--bs-white);
    background-color:#3b5998
}
.btn.btn-outline-facebook,.ql-snow .ql-tooltip .btn-outline-facebook.ql-action,.btn.btn-outline-facebook:active{
    color:#3b5998;
    border:1px solid #3b5998
}
.btn.btn-outline-facebook:hover,.ql-snow .ql-tooltip .btn-outline-facebook.ql-action:hover,.btn.btn-outline-facebook:active:hover{
    border:1px solid #3b5998;
    color:var(--bs-white);
    background-color:#3b5998
}
.btn.btn-google,.ql-snow .ql-tooltip .btn-google.ql-action,.btn.btn-google:active{
    color:var(--bs-white);
    border-color:#db4437;
    background-color:#db4437
}
.btn.btn-google:hover,.ql-snow .ql-tooltip .btn-google.ql-action:hover,.btn.btn-google:active:hover{
    background-color:rgba(219,68,55,.8)
}
.btn.btn-text-google,.ql-snow .ql-tooltip .btn-text-google.ql-action,.btn.btn-text-google:active{
    color:#db4437
}
.btn.btn-text-google:hover,.ql-snow .ql-tooltip .btn-text-google.ql-action:hover,.btn.btn-text-google:active:hover{
    color:var(--bs-white);
    background-color:#db4437
}
.btn.btn-light-google,.ql-snow .ql-tooltip .btn-light-google.ql-action,.btn.btn-light-google:active{
    color:#db4437;
    background-color:rgba(219,68,55,.2)
}
.btn.btn-light-google:hover,.ql-snow .ql-tooltip .btn-light-google.ql-action:hover,.btn.btn-light-google:active:hover{
    color:var(--bs-white);
    background-color:#db4437
}
.btn.btn-outline-google,.ql-snow .ql-tooltip .btn-outline-google.ql-action,.btn.btn-outline-google:active{
    color:#db4437;
    border:1px solid #db4437
}
.btn.btn-outline-google:hover,.ql-snow .ql-tooltip .btn-outline-google.ql-action:hover,.btn.btn-outline-google:active:hover{
    border:1px solid #db4437;
    color:var(--bs-white);
    background-color:#db4437
}
.btn.btn-twitter,.ql-snow .ql-tooltip .btn-twitter.ql-action,.btn.btn-twitter:active{
    color:var(--bs-white);
    border-color:#1da1f2;
    background-color:#1da1f2
}
.btn.btn-twitter:hover,.ql-snow .ql-tooltip .btn-twitter.ql-action:hover,.btn.btn-twitter:active:hover{
    background-color:rgba(29,161,242,.8)
}
.btn.btn-text-twitter,.ql-snow .ql-tooltip .btn-text-twitter.ql-action,.btn.btn-text-twitter:active{
    color:#1da1f2
}
.btn.btn-text-twitter:hover,.ql-snow .ql-tooltip .btn-text-twitter.ql-action:hover,.btn.btn-text-twitter:active:hover{
    color:var(--bs-white);
    background-color:#1da1f2
}
.btn.btn-light-twitter,.ql-snow .ql-tooltip .btn-light-twitter.ql-action,.btn.btn-light-twitter:active{
    color:#1da1f2;
    background-color:rgba(29,161,242,.2)
}
.btn.btn-light-twitter:hover,.ql-snow .ql-tooltip .btn-light-twitter.ql-action:hover,.btn.btn-light-twitter:active:hover{
    color:var(--bs-white);
    background-color:#1da1f2
}
.btn.btn-outline-twitter,.ql-snow .ql-tooltip .btn-outline-twitter.ql-action,.btn.btn-outline-twitter:active{
    color:#1da1f2;
    border:1px solid #1da1f2
}
.btn.btn-outline-twitter:hover,.ql-snow .ql-tooltip .btn-outline-twitter.ql-action:hover,.btn.btn-outline-twitter:active:hover{
    border:1px solid #1da1f2;
    color:var(--bs-white);
    background-color:#1da1f2
}
.btn.btn-instagram,.ql-snow .ql-tooltip .btn-instagram.ql-action,.btn.btn-instagram:active{
    color:var(--bs-white);
    border-color:#e1306c;
    background-color:#e1306c
}
.btn.btn-instagram:hover,.ql-snow .ql-tooltip .btn-instagram.ql-action:hover,.btn.btn-instagram:active:hover{
    background-color:rgba(225,48,108,.8)
}
.btn.btn-text-instagram,.ql-snow .ql-tooltip .btn-text-instagram.ql-action,.btn.btn-text-instagram:active{
    color:#e1306c
}
.btn.btn-text-instagram:hover,.ql-snow .ql-tooltip .btn-text-instagram.ql-action:hover,.btn.btn-text-instagram:active:hover{
    color:var(--bs-white);
    background-color:#e1306c
}
.btn.btn-light-instagram,.ql-snow .ql-tooltip .btn-light-instagram.ql-action,.btn.btn-light-instagram:active{
    color:#e1306c;
    background-color:rgba(225,48,108,.2)
}
.btn.btn-light-instagram:hover,.ql-snow .ql-tooltip .btn-light-instagram.ql-action:hover,.btn.btn-light-instagram:active:hover{
    color:var(--bs-white);
    background-color:#e1306c
}
.btn.btn-outline-instagram,.ql-snow .ql-tooltip .btn-outline-instagram.ql-action,.btn.btn-outline-instagram:active{
    color:#e1306c;
    border:1px solid #e1306c
}
.btn.btn-outline-instagram:hover,.ql-snow .ql-tooltip .btn-outline-instagram.ql-action:hover,.btn.btn-outline-instagram:active:hover{
    border:1px solid #e1306c;
    color:var(--bs-white);
    background-color:#e1306c
}
.btn.btn-youtube,.ql-snow .ql-tooltip .btn-youtube.ql-action,.btn.btn-youtube:active{
    color:var(--bs-white);
    border-color:red;
    background-color:red
}
.btn.btn-youtube:hover,.ql-snow .ql-tooltip .btn-youtube.ql-action:hover,.btn.btn-youtube:active:hover{
    background-color:rgba(255,0,0,.8)
}
.btn.btn-text-youtube,.ql-snow .ql-tooltip .btn-text-youtube.ql-action,.btn.btn-text-youtube:active{
    color:red
}
.btn.btn-text-youtube:hover,.ql-snow .ql-tooltip .btn-text-youtube.ql-action:hover,.btn.btn-text-youtube:active:hover{
    color:var(--bs-white);
    background-color:red
}
.btn.btn-light-youtube,.ql-snow .ql-tooltip .btn-light-youtube.ql-action,.btn.btn-light-youtube:active{
    color:red;
    background-color:rgba(255,0,0,.2)
}
.btn.btn-light-youtube:hover,.ql-snow .ql-tooltip .btn-light-youtube.ql-action:hover,.btn.btn-light-youtube:active:hover{
    color:var(--bs-white);
    background-color:red
}
.btn.btn-outline-youtube,.ql-snow .ql-tooltip .btn-outline-youtube.ql-action,.btn.btn-outline-youtube:active{
    color:red;
    border:1px solid red
}
.btn.btn-outline-youtube:hover,.ql-snow .ql-tooltip .btn-outline-youtube.ql-action:hover,.btn.btn-outline-youtube:active:hover{
    border:1px solid red;
    color:var(--bs-white);
    background-color:red
}
.btn.btn-linkedin,.ql-snow .ql-tooltip .btn-linkedin.ql-action,.btn.btn-linkedin:active{
    color:var(--bs-white);
    border-color:#0077b5;
    background-color:#0077b5
}
.btn.btn-linkedin:hover,.ql-snow .ql-tooltip .btn-linkedin.ql-action:hover,.btn.btn-linkedin:active:hover{
    background-color:rgba(0,119,181,.8)
}
.btn.btn-text-linkedin,.ql-snow .ql-tooltip .btn-text-linkedin.ql-action,.btn.btn-text-linkedin:active{
    color:#0077b5
}
.btn.btn-text-linkedin:hover,.ql-snow .ql-tooltip .btn-text-linkedin.ql-action:hover,.btn.btn-text-linkedin:active:hover{
    color:var(--bs-white);
    background-color:#0077b5
}
.btn.btn-light-linkedin,.ql-snow .ql-tooltip .btn-light-linkedin.ql-action,.btn.btn-light-linkedin:active{
    color:#0077b5;
    background-color:rgba(0,119,181,.2)
}
.btn.btn-light-linkedin:hover,.ql-snow .ql-tooltip .btn-light-linkedin.ql-action:hover,.btn.btn-light-linkedin:active:hover{
    color:var(--bs-white);
    background-color:#0077b5
}
.btn.btn-outline-linkedin,.ql-snow .ql-tooltip .btn-outline-linkedin.ql-action,.btn.btn-outline-linkedin:active{
    color:#0077b5;
    border:1px solid #0077b5
}
.btn.btn-outline-linkedin:hover,.ql-snow .ql-tooltip .btn-outline-linkedin.ql-action:hover,.btn.btn-outline-linkedin:active:hover{
    border:1px solid #0077b5;
    color:var(--bs-white);
    background-color:#0077b5
}
.btn.btn-whatsapp,.ql-snow .ql-tooltip .btn-whatsapp.ql-action,.btn.btn-whatsapp:active{
    color:var(--bs-white);
    border-color:#25d366;
    background-color:#25d366
}
.btn.btn-whatsapp:hover,.ql-snow .ql-tooltip .btn-whatsapp.ql-action:hover,.btn.btn-whatsapp:active:hover{
    background-color:rgba(37,211,102,.8)
}
.btn.btn-text-whatsapp,.ql-snow .ql-tooltip .btn-text-whatsapp.ql-action,.btn.btn-text-whatsapp:active{
    color:#25d366
}
.btn.btn-text-whatsapp:hover,.ql-snow .ql-tooltip .btn-text-whatsapp.ql-action:hover,.btn.btn-text-whatsapp:active:hover{
    color:var(--bs-white);
    background-color:#25d366
}
.btn.btn-light-whatsapp,.ql-snow .ql-tooltip .btn-light-whatsapp.ql-action,.btn.btn-light-whatsapp:active{
    color:#25d366;
    background-color:rgba(37,211,102,.2)
}
.btn.btn-light-whatsapp:hover,.ql-snow .ql-tooltip .btn-light-whatsapp.ql-action:hover,.btn.btn-light-whatsapp:active:hover{
    color:var(--bs-white);
    background-color:#25d366
}
.btn.btn-outline-whatsapp,.ql-snow .ql-tooltip .btn-outline-whatsapp.ql-action,.btn.btn-outline-whatsapp:active{
    color:#25d366;
    border:1px solid #25d366
}
.btn.btn-outline-whatsapp:hover,.ql-snow .ql-tooltip .btn-outline-whatsapp.ql-action:hover,.btn.btn-outline-whatsapp:active:hover{
    border:1px solid #25d366;
    color:var(--bs-white);
    background-color:#25d366
}
.btn.btn-github,.ql-snow .ql-tooltip .btn-github.ql-action,.btn.btn-github:active{
    color:var(--bs-white);
    border-color:#333;
    background-color:#333
}
.btn.btn-github:hover,.ql-snow .ql-tooltip .btn-github.ql-action:hover,.btn.btn-github:active:hover{
    background-color:rgba(51,51,51,.8)
}
.btn.btn-text-github,.ql-snow .ql-tooltip .btn-text-github.ql-action,.btn.btn-text-github:active{
    color:#333
}
.btn.btn-text-github:hover,.ql-snow .ql-tooltip .btn-text-github.ql-action:hover,.btn.btn-text-github:active:hover{
    color:var(--bs-white);
    background-color:#333
}
.btn.btn-light-github,.ql-snow .ql-tooltip .btn-light-github.ql-action,.btn.btn-light-github:active{
    color:#333;
    background-color:rgba(51,51,51,.2)
}
.btn.btn-light-github:hover,.ql-snow .ql-tooltip .btn-light-github.ql-action:hover,.btn.btn-light-github:active:hover{
    color:var(--bs-white);
    background-color:#333
}
.btn.btn-outline-github,.ql-snow .ql-tooltip .btn-outline-github.ql-action,.btn.btn-outline-github:active{
    color:#333;
    border:1px solid #333
}
.btn.btn-outline-github:hover,.ql-snow .ql-tooltip .btn-outline-github.ql-action:hover,.btn.btn-outline-github:active:hover{
    border:1px solid #333;
    color:var(--bs-white);
    background-color:#333
}
.btn.btn-dribbble,.ql-snow .ql-tooltip .btn-dribbble.ql-action,.btn.btn-dribbble:active{
    color:var(--bs-white);
    border-color:#ea4c89;
    background-color:#ea4c89
}
.btn.btn-dribbble:hover,.ql-snow .ql-tooltip .btn-dribbble.ql-action:hover,.btn.btn-dribbble:active:hover{
    background-color:rgba(234,76,137,.8)
}
.btn.btn-text-dribbble,.ql-snow .ql-tooltip .btn-text-dribbble.ql-action,.btn.btn-text-dribbble:active{
    color:#ea4c89
}
.btn.btn-text-dribbble:hover,.ql-snow .ql-tooltip .btn-text-dribbble.ql-action:hover,.btn.btn-text-dribbble:active:hover{
    color:var(--bs-white);
    background-color:#ea4c89
}
.btn.btn-light-dribbble,.ql-snow .ql-tooltip .btn-light-dribbble.ql-action,.btn.btn-light-dribbble:active{
    color:#ea4c89;
    background-color:rgba(234,76,137,.2)
}
.btn.btn-light-dribbble:hover,.ql-snow .ql-tooltip .btn-light-dribbble.ql-action:hover,.btn.btn-light-dribbble:active:hover{
    color:var(--bs-white);
    background-color:#ea4c89
}
.btn.btn-outline-dribbble,.ql-snow .ql-tooltip .btn-outline-dribbble.ql-action,.btn.btn-outline-dribbble:active{
    color:#ea4c89;
    border:1px solid #ea4c89
}
.btn.btn-outline-dribbble:hover,.ql-snow .ql-tooltip .btn-outline-dribbble.ql-action:hover,.btn.btn-outline-dribbble:active:hover{
    border:1px solid #ea4c89;
    color:var(--bs-white);
    background-color:#ea4c89
}
.btn-loader .indicator-progress{
    display:none
}
.btn-loader.loading .indicator-progress{
    display:flex
}
.btn-loader i{
    animation:loader 1500ms infinite linear;
    display:inline-block;
    transform:rotate(0deg)
}
@keyframes loader{
    to{
        transform:rotate(360deg)
    }
}
.custom-toggle .icon-on{
    display:none
}
.custom-toggle .icon-off{
    display:inline-flex
}
.custom-toggle.active .icon-on{
    display:inline-flex
}
.custom-toggle.active .icon-off{
    display:none
}
.breadcrumb-item>a{
    color:var(--bs-emphasis-color)
}
.breadcrumb-item+.breadcrumb-item::before{
    font-family:var(--bs-font-family-remix);
    content:"î©®"
}
.colored-breadcrumb{
    --bs-breadcrumb-divider-color: var(--bs-white);
    --bs-breadcrumb-item-active-color: var(--bs-white);
    padding:12px 16px;
    border-radius:4px
}
.colored-breadcrumb .breadcrumb-item>a{
    color:var(--bs-white)
}
.colored-breadcrumb .breadcrumb-item.active{
    opacity:.8
}
.breadcrumb-line .breadcrumb-item+.breadcrumb-item:before{
    content:"ï†®"
}
.breadcrumb-arrow .breadcrumb-item+.breadcrumb-item:before{
    content:"î©¬"
}
.breadcrumb-double-arrow .breadcrumb-item+.breadcrumb-item:before{
    content:"ï‹¥"
}
.card{
    box-shadow:0 .125rem .25rem rgba(var(--bs-dark-rgb), 0.075);
    margin-bottom:1rem;
    transition:transform .2s ease-in-out,box-shadow .2s ease-in-out
}
.card .card-header{
    border-bottom:var(--bs-border-width) solid var(--bs-border-color)
}
.card .card-header .card-actions a{
    font-size:16px;
    color:inherit;
    font-weight:500
}
.card .card-header .card-actions a .ri-drag-move-2-fill{
    cursor:move
}
.card .card-header .card-actions a .ri-close-line{
    font-size:18px
}
.card .card-subtitle{
    font-weight:500
}
.card .card-text{
    color:var(--bs-secondary-color)
}
.card.card-h-100{
    height:calc(100% - 1rem)
}
.card.card-hover{
    transition:all .4s
}
.card.card-hover:hover{
    transform:translateY(-2px)
}
.text-bg-primary .card-title,.text-bg-primary .card-text{
    color:inherit
}
.text-bg-secondary .card-title,.text-bg-secondary .card-text{
    color:inherit
}
.text-bg-success .card-title,.text-bg-success .card-text{
    color:inherit
}
.text-bg-info .card-title,.text-bg-info .card-text{
    color:inherit
}
.text-bg-warning .card-title,.text-bg-warning .card-text{
    color:inherit
}
.text-bg-danger .card-title,.text-bg-danger .card-text{
    color:inherit
}
.text-bg-light .card-title,.text-bg-light .card-text{
    color:inherit
}
.text-bg-dark .card-title,.text-bg-dark .card-text{
    color:inherit
}
.card-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:hsla(0,0%,100%,.5);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    z-index:1055;
    color:#000
}
.custom-overlay{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:rgba(0,0,0,.3);
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    z-index:1055;
    color:#0d6efd
}
.fullscreen{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:1050;
    overflow:auto;
    background-color:var(--bs-white)
}
.carousel-custom .carousel-indicators{
    align-items:center;
    position:static;
    z-index:auto;
    margin:0;
    padding:0;
    list-style:none
}
.carousel .carousel-indicators-dots button{
    border-radius:50%;
    background-color:rgba(0,0,0,0) !important;
    height:12px;
    width:12px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 4px;
    border:none
}
.carousel .carousel-indicators-dots button:after{
    content:" ";
    border-radius:100%;
    background-color:var(--bs-gray-300);
    height:10px;
    width:10px
}
.carousel .carousel-indicators-dots button.active{
    background-color:rgba(0,0,0,0);
    outline:1px solid var(--bs-primary);
    outline-offset:2px
}
.carousel .carousel-indicators-dots button.active:after{
    background-color:var(--bs-primary)
}
.carousel .carousel-indicators-bullet button{
    transition:all .3s ease;
    background-color:rgba(0,0,0,0) !important;
    border-radius:6px;
    height:10px;
    width:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center
}
.carousel .carousel-indicators-bullet button:after{
    display:inline-block;
    content:" ";
    transition:all .3s ease;
    background-color:var(--bs-gray-300);
    border-radius:6px;
    height:10px;
    width:10px
}
.carousel .carousel-indicators-bullet button.active{
    transition:all .3s ease;
    background-color:rgba(0,0,0,0);
    height:10px;
    width:20px
}
.carousel .carousel-indicators-bullet button.active:after{
    transition:all .3s ease;
    height:10px;
    width:20px;
    background-color:var(--bs-primary)
}
.carousel-indicators-primary button.active{
    outline-color:var(--bs-primary) !important
}
.carousel-indicators-primary button.active:after{
    background-color:var(--bs-primary) !important
}
.carousel-indicators-secondary button.active{
    outline-color:var(--bs-secondary) !important
}
.carousel-indicators-secondary button.active:after{
    background-color:var(--bs-secondary) !important
}
.carousel-indicators-success button.active{
    outline-color:var(--bs-success) !important
}
.carousel-indicators-success button.active:after{
    background-color:var(--bs-success) !important
}
.carousel-indicators-info button.active{
    outline-color:var(--bs-info) !important
}
.carousel-indicators-info button.active:after{
    background-color:var(--bs-info) !important
}
.carousel-indicators-warning button.active{
    outline-color:var(--bs-warning) !important
}
.carousel-indicators-warning button.active:after{
    background-color:var(--bs-warning) !important
}
.carousel-indicators-danger button.active{
    outline-color:var(--bs-danger) !important
}
.carousel-indicators-danger button.active:after{
    background-color:var(--bs-danger) !important
}
.carousel-indicators-light button.active{
    outline-color:var(--bs-light) !important
}
.carousel-indicators-light button.active:after{
    background-color:var(--bs-light) !important
}
.carousel-indicators-dark button.active{
    outline-color:var(--bs-dark) !important
}
.carousel-indicators-dark button.active:after{
    background-color:var(--bs-dark) !important
}
.btn-group .dropdown-menu,.dropdown .dropdown-menu{
    animation-name:dropAnim;
    animation-duration:.25s;
    animation-fill-mode:both
}
@supports(-webkit-animation: none){
    .btn-group .dropdown-menu,.dropdown .dropdown-menu{
        -webkit-animation-name:dropAnim;
        -webkit-animation-duration:.25s;
        -webkit-animation-fill-mode:both
    }
}
@supports(-moz-animation: none){
    .btn-group .dropdown-menu,.dropdown .dropdown-menu{
        -moz-animation-name:dropAnim;
        -moz-animation-duration:.25s;
        -moz-animation-fill-mode:both
    }
}
@supports(-ms-animation: none){
    .btn-group .dropdown-menu,.dropdown .dropdown-menu{
        -ms-animation-name:dropAnim;
        -ms-animation-duration:.25s;
        -ms-animation-fill-mode:both
    }
}
.dropup .dropdown-toggle::after,.dropend .dropdown-toggle::after,.dropdown-toggle::after{
    font-family:var(--bs-font-family-remix);
    content:"î©Ž";
    border:none;
    vertical-align:middle;
    font-size:16px;
    line-height:0;
    margin-inline-end:-4px;
    position:relative;
    top:-2px
}
.dropup .dropdown-toggle.arrow-none::after,.dropend .dropdown-toggle.arrow-none::after,.dropdown-toggle.arrow-none::after{
    display:none
}
.dropup .dropdown-toggle.show::after,.dropend .dropdown-toggle.show::after,.dropdown-toggle.show::after{
    content:"î©¸"
}
.dropup .dropdown-toggle::after{
    transform:rotate(180deg)
}
.dropup .dropdown-toggle.show::after{
    transform:rotate(360deg)
}
.dropstart .dropdown-toggle::before{
    font-family:var(--bs-font-family-remix);
    content:"î©Ž";
    border:none;
    vertical-align:middle;
    font-size:16px;
    line-height:0;
    margin-inline-start:-4px;
    position:relative;
    top:-2px
}
.dropstart .dropdown-toggle.arrow-none::before{
    display:none
}
.dropstart .dropdown-toggle.show::before{
    transform:rotate(180deg)
}
.dropstart .dropdown-toggle::after{
    display:none
}
.dropdown-menu{
    box-shadow:0 .125rem .25rem rgba(var(--bs-dark-rgb), 0.075)
}
.dropdown-menu .dropdown-header{
    font-size:.875rem;
    font-weight:600
}
.dropdown-menu .dropdown-item{
    display:flex;
    align-items:center;
    line-height:18px
}
.dropdown-menu .dropdown-item:active i{
    color:var(--bs-dropdown-link-active-color) !important
}
.dropdown-menu .dropdown-item.delete-item:hover{
    background-color:var(--bs-danger-bg-subtle);
    color:var(--bs-danger)
}
.dropdown-menu .dropdown-item.delete-item:hover i{
    color:var(--bs-danger) !important
}
.dropdown-menu .dropdown-item i{
    font-size:16px;
    margin-right:10px;
    line-height:18px
}
.dropdown-menu .dropdown-item svg{
    width:18px;
    height:18px;
    margin-right:10px;
    fill:#f2f2f2
}
.dropdown-menu .dropdown-item .float-right svg{
    width:14px;
    height:14px
}
.dropdown-menu .dropdown-divider{
    margin:8px -8px
}
@-webkit-keyframes dropAnim{
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
    100%{
        opacity:1
    }
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
}
@-moz-keyframes dropAnim{
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
    100%{
        opacity:1
    }
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
}
@-ms-keyframes dropAnim{
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
    100%{
        opacity:1
    }
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
}
@keyframes dropAnim{
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
    100%{
        opacity:1
    }
    0%{
        opacity:0;
        transform:translateY(3rem)
    }
}
.dropdown-menu-dark .dropdown-item.active,.dropdown-menu-dark .dropdown-item:active{
    color:var(--bs-dropdown-link-hover-color);
    background-color:var(--bs-dropdown-link-hover-bg)
}
@media(min-width: 600px){
    .dropdown-menu-xl{
        width:26.25rem
    }
    .dropdown-menu-lg{
        width:22rem
    }
    .dropdown-menu-md{
        width:15rem
    }
}
.dropdown-mega{
    position:static !important
}
.dropdown-mega-menu-xl{
    width:38rem
}
.dropdown-mega-menu-lg{
    width:26rem
}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    height:auto
}
.form-control-primary{
    --bs-secondary-bg-rgb: var(--bs-primary-bg-subtle);
    --bs-input-color: var(--bs-primary);
    --bs-border-color: var(--bs-primary-bg-subtle)
}
.form-control-primary::placeholder{
    color:#0d6efd
}
.form-control-primary:focus{
    border-color:#0d6efd
}
.form-control-secondary{
    --bs-secondary-bg-rgb: var(--bs-secondary-bg-subtle);
    --bs-input-color: var(--bs-secondary);
    --bs-border-color: var(--bs-secondary-bg-subtle)
}
.form-control-secondary::placeholder{
    color:#a460e3
}
.form-control-secondary:focus{
    border-color:#a460e3
}
.form-control-success{
    --bs-secondary-bg-rgb: var(--bs-success-bg-subtle);
    --bs-input-color: var(--bs-success);
    --bs-border-color: var(--bs-success-bg-subtle)
}
.form-control-success::placeholder{
    color:#17c653
}
.form-control-success:focus{
    border-color:#17c653
}
.form-control-info{
    --bs-secondary-bg-rgb: var(--bs-info-bg-subtle);
    --bs-input-color: var(--bs-info);
    --bs-border-color: var(--bs-info-bg-subtle)
}
.form-control-info::placeholder{
    color:#0dcaf0
}
.form-control-info:focus{
    border-color:#0dcaf0
}
.form-control-warning{
    --bs-secondary-bg-rgb: var(--bs-warning-bg-subtle);
    --bs-input-color: var(--bs-warning);
    --bs-border-color: var(--bs-warning-bg-subtle)
}
.form-control-warning::placeholder{
    color:#cfa21b
}
.form-control-warning:focus{
    border-color:#cfa21b
}
.form-control-danger{
    --bs-secondary-bg-rgb: var(--bs-danger-bg-subtle);
    --bs-input-color: var(--bs-danger);
    --bs-border-color: var(--bs-danger-bg-subtle)
}
.form-control-danger::placeholder{
    color:#f8285a
}
.form-control-danger:focus{
    border-color:#f8285a
}
.form-control-light{
    --bs-secondary-bg-rgb: var(--bs-light-bg-subtle);
    --bs-input-color: var(--bs-light);
    --bs-border-color: var(--bs-light-bg-subtle)
}
.form-control-light::placeholder{
    color:#e9ecef
}
.form-control-light:focus{
    border-color:#e9ecef
}
.form-control-dark{
    --bs-secondary-bg-rgb: var(--bs-dark-bg-subtle);
    --bs-input-color: var(--bs-dark);
    --bs-border-color: var(--bs-dark-bg-subtle)
}
.form-control-dark::placeholder{
    color:#212529
}
.form-control-dark:focus{
    border-color:#212529
}
.form-control:disabled{
    cursor:not-allowed
}
.was-validated .form-control:invalid::placeholder,.form-control.is-invalid::placeholder{
    color:var(--bs-form-invalid-color)
}
.form-icon{
    position:relative
}
.form-icon i{
    position:absolute;
    top:0;
    bottom:0;
    display:flex;
    justify-content:center;
    align-items:center;
    width:2.7rem
}
.form-icon .form-control-icon{
    padding-inline-start:calc(0.9rem*3)
}
.form-icon.right .form-control-icon{
    padding-right:calc(0.9rem*3);
    padding-left:.9rem
}
.form-icon.right i{
    left:auto;
    right:0
}
.floating-input{
    position:relative
}
.floating-input input::placeholder{
    color:rgba(0,0,0,0)
}
.floating-input input:focus+label,.floating-input input:not(:placeholder-shown)+label{
    left:.9rem;
    line-height:1rem;
    font-size:.765625rem;
    font-weight:500;
    margin:0 -4px;
    padding:0 4px;
    color:var(--bs-primary);
    background-color:var(--bs-secondary-bg);
    width:max-content
}
.floating-input input.form-control+label{
    top:.5rem
}
.floating-input input.form-control:focus+label,.floating-input input.form-control:not(:placeholder-shown)+label{
    top:-0.5rem
}
.floating-input input.form-control-sm+label{
    top:.2rem
}
.floating-input input.form-control-lg+label{
    top:.9rem
}
.floating-input label{
    position:absolute;
    top:1rem;
    left:.9rem;
    transition:top .2s,font-size .2s,color .2s;
    pointer-events:none;
    color:var(--bs-secondary-color)
}
.form-check{
    position:relative
}
.form-check .form-check-input{
    cursor:pointer
}
.form-check.form-check-sm:not(.form-switch){
    padding-left:1.7em
}
.form-check.form-check-sm:not(.form-switch) .form-check-input{
    margin-left:-1.7em;
    height:1.1rem;
    width:1.1rem
}
.form-check.form-check-lg:not(.form-switch){
    padding-left:2.4em
}
.form-check.form-check-lg:not(.form-switch) .form-check-input{
    margin-left:-2.4em;
    height:1.5rem;
    width:1.5rem
}
.form-check.form-check-sm.form-switch{
    padding-left:2.6em
}
.form-check.form-check-sm.form-switch .form-check-input{
    margin-left:-2.6em;
    width:2.3em;
    height:1.3em
}
.form-check.form-check-lg.form-switch{
    padding-left:3.4em
}
.form-check.form-check-lg.form-switch .form-check-input{
    margin-left:-3.4em;
    width:3em;
    height:1.7em
}
.main-img-checkbox .img-checkbox{
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center
}
.main-img-checkbox .img-checkbox .main-img-cover{
    position:absolute;
    top:15px;
    left:15px;
    width:24px;
    height:24px
}
.main-img-checkbox .img-checkbox .form-check-label{
    width:100%
}
.main-img-checkbox .img-checkbox .form-check-label>span{
    border:1px solid var(--bs-border-color)
}
.main-img-checkbox .img-checkbox img{
    width:100%;
    object-fit:cover;
    border-radius:.625rem;
    border:2px solid rgba(0,0,0,0)
}
.main-img-checkbox input:checked+.form-check-label img{
    border-color:var(--bs-primary)
}
.main-img-checkbox input:checked+.form-check-label>span{
    border:1px solid var(--bs-primary)
}
.form-check-primary:not(.form-check-primary) .form-check-input:checked{
    background-color:#0d6efd;
    border-color:#0d6efd
}
.form-radio-primary .form-check-input:checked{
    border-color:#0d6efd;
    background-color:#0d6efd
}
.form-radio-primary .form-check-input:checked:after{
    background-color:#0d6efd
}
.form-switch-primary:not(.form-switch-primary) .form-check-input:checked{
    background-color:#0d6efd;
    border-color:#0d6efd
}
.form-check-secondary:not(.form-check-primary) .form-check-input:checked{
    background-color:#a460e3;
    border-color:#a460e3
}
.form-radio-secondary .form-check-input:checked{
    border-color:#a460e3;
    background-color:#a460e3
}
.form-radio-secondary .form-check-input:checked:after{
    background-color:#a460e3
}
.form-switch-secondary:not(.form-switch-primary) .form-check-input:checked{
    background-color:#a460e3;
    border-color:#a460e3
}
.form-check-success:not(.form-check-primary) .form-check-input:checked{
    background-color:#17c653;
    border-color:#17c653
}
.form-radio-success .form-check-input:checked{
    border-color:#17c653;
    background-color:#17c653
}
.form-radio-success .form-check-input:checked:after{
    background-color:#17c653
}
.form-switch-success:not(.form-switch-primary) .form-check-input:checked{
    background-color:#17c653;
    border-color:#17c653
}
.form-check-info:not(.form-check-primary) .form-check-input:checked{
    background-color:#0dcaf0;
    border-color:#0dcaf0
}
.form-radio-info .form-check-input:checked{
    border-color:#0dcaf0;
    background-color:#0dcaf0
}
.form-radio-info .form-check-input:checked:after{
    background-color:#0dcaf0
}
.form-switch-info:not(.form-switch-primary) .form-check-input:checked{
    background-color:#0dcaf0;
    border-color:#0dcaf0
}
.form-check-warning:not(.form-check-primary) .form-check-input:checked{
    background-color:#cfa21b;
    border-color:#cfa21b
}
.form-radio-warning .form-check-input:checked{
    border-color:#cfa21b;
    background-color:#cfa21b
}
.form-radio-warning .form-check-input:checked:after{
    background-color:#cfa21b
}
.form-switch-warning:not(.form-switch-primary) .form-check-input:checked{
    background-color:#cfa21b;
    border-color:#cfa21b
}
.form-check-danger:not(.form-check-primary) .form-check-input:checked{
    background-color:#f8285a;
    border-color:#f8285a
}
.form-radio-danger .form-check-input:checked{
    border-color:#f8285a;
    background-color:#f8285a
}
.form-radio-danger .form-check-input:checked:after{
    background-color:#f8285a
}
.form-switch-danger:not(.form-switch-primary) .form-check-input:checked{
    background-color:#f8285a;
    border-color:#f8285a
}
.form-check-light:not(.form-check-primary) .form-check-input:checked{
    background-color:#e9ecef;
    border-color:#e9ecef
}
.form-radio-light .form-check-input:checked{
    border-color:#e9ecef;
    background-color:#e9ecef
}
.form-radio-light .form-check-input:checked:after{
    background-color:#e9ecef
}
.form-switch-light:not(.form-switch-primary) .form-check-input:checked{
    background-color:#e9ecef;
    border-color:#e9ecef
}
.form-check-dark:not(.form-check-primary) .form-check-input:checked{
    background-color:#212529;
    border-color:#212529
}
.form-radio-dark .form-check-input:checked{
    border-color:#212529;
    background-color:#212529
}
.form-radio-dark .form-check-input:checked:after{
    background-color:#212529
}
.form-switch-dark:not(.form-switch-primary) .form-check-input:checked{
    background-color:#212529;
    border-color:#212529
}
.bullet{
    display:inline-block;
    background-color:var(--bs-primary);
    border-radius:6px;
    width:8px;
    height:8px
}
.list-borderless{
    --bs-list-group-border-width: 0px;
    --bs-list-group-item-padding-x: 0px
}
.list-group-sm{
    --bs-list-group-item-padding-y: 6px
}
.nav-tabs>li>a,.nav-pills>li>a{
    color:var(--bs-emphasis-color)
}
.nav-pills>a{
    color:var(--bs-emphasis-color);
    font-weight:500
}
.arrow-pills{
    margin-bottom:16px
}
.arrow-pills .nav-link{
    position:relative
}
.arrow-pills .nav-link.active::before{
    content:"";
    position:absolute;
    bottom:-12px;
    left:50%;
    border:6px solid rgba(0,0,0,0);
    transform:translateX(-50%);
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    border-top-color:var(--bs-nav-pills-link-active-bg)
}
.custom-verti-nav-pills .nav-link{
    position:relative;
    overflow:hidden;
    border:1px dashed var(--bs-border-color);
    border-radius:4.8px;
    color:var(--bs-body-color)
}
.custom-verti-nav-pills .nav-link.active{
    color:var(--bs-primary);
    border:1px dashed var(--bs-primary)
}
.custom-verti-nav-pills .nav-link.active i{
    color:var(--bs-primary)
}
.nav-tabs-bordered{
    border-bottom:var(--bs-border-width) solid var(--bs-border-color)
}
.nav-tabs-bordered .nav-link{
    position:relative;
    color:var(--bs-body-color)
}
.nav-tabs-bordered .nav-link::after{
    content:"";
    position:absolute;
    bottom:-1px;
    left:0;
    height:2px;
    width:100%;
    transition:all 350ms ease 0s;
    transform:scale(0)
}
.nav-tabs-bordered .nav-link.active{
    color:var(--bs-primary)
}
.nav-tabs-bordered .nav-link.active::after{
    transform:scale(1);
    background-color:var(--bs-primary)
}
.vertical-nav .nav .nav-link{
    padding:24px 16px;
    text-align:center;
    margin-bottom:8px
}
.vertical-nav .nav .nav-link .nav-icon{
    font-size:24px
}
.navbar .navbar-nav .nav-item .nav-link.active{
    font-weight:600;
    color:var(--bs-primary)
}
.active-primary{
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-primary);
    --bs-nav-link-hover-color: var(--bs-primary);
    --bs-nav-link-color: contrast(var(--bs-primary))
}
.active-secondary{
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-secondary);
    --bs-nav-link-hover-color: var(--bs-secondary);
    --bs-nav-link-color: contrast(var(--bs-secondary))
}
.active-success{
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-success);
    --bs-nav-link-hover-color: var(--bs-success);
    --bs-nav-link-color: contrast(var(--bs-success))
}
.active-info{
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-info);
    --bs-nav-link-hover-color: var(--bs-info);
    --bs-nav-link-color: contrast(var(--bs-info))
}
.active-warning{
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-warning);
    --bs-nav-link-hover-color: var(--bs-warning);
    --bs-nav-link-color: contrast(var(--bs-warning))
}
.active-danger{
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-danger);
    --bs-nav-link-hover-color: var(--bs-danger);
    --bs-nav-link-color: contrast(var(--bs-danger))
}
.active-light{
    --bs-nav-pills-link-active-color: #000;
    --bs-nav-pills-link-active-bg: var(--bs-light);
    --bs-nav-link-hover-color: var(--bs-light);
    --bs-nav-link-color: contrast(var(--bs-light))
}
.active-dark{
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--bs-dark);
    --bs-nav-link-hover-color: var(--bs-dark);
    --bs-nav-link-color: contrast(var(--bs-dark))
}
.modal.scale-in{
    animation:scaleIn .5s forwards
}
.modal.slide-in-right{
    animation:slideInRight .5s forwards
}
.modal.slide-in-bottom{
    animation:slideInBottom .5s forwards
}
.modal.flip-horizontal{
    animation:flipHorizontal .5s forwards
}
.modal.flip-vertical{
    animation:flipVertical .5s forwards
}
.modal.zoom-in{
    animation:zoomIn .4s forwards
}
.modal.slide-in-left{
    animation:slideInLeft .4s forwards
}
.modal.slide-in-top{
    animation:slideInTop .4s forwards
}
.modal.rotate-in{
    animation:rotateIn .4s forwards
}
.modal.shake{
    animation:shake .5s forwards
}
.modal.swing{
    animation:swing .5s forwards
}
.modal.zoom-out{
    animation:zoomOut .4s forwards
}
.modal-header .icon-btn-sm{
    margin:calc(-0.5*var(--bs-modal-header-padding-y)) calc(-0.5*var(--bs-modal-header-padding-x)) calc(-0.5*var(--bs-modal-header-padding-y)) auto
}
.pagination{
    flex-wrap:wrap;
    gap:8px
}
.pagination .page-link{
    padding:0;
    text-align:center
}
.pagination .page-link{
    height:38px;
    width:38px;
    line-height:38px
}
.pagination-sm .page-link{
    height:29px;
    width:29px;
    line-height:29px
}
.pagination-lg .page-link{
    height:48px;
    width:48px;
    line-height:48px
}
.pagination-rounded .page-link{
    border-radius:30px !important
}
.pagination-primary{
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-focus-bg: var(--bs-primary)
}
.pagination-primary-light{
    --bs-pagination-active-color: var(--bs-primary);
    --bs-pagination-focus-color: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary)
}
.pagination-primary-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-primary)
}
.pagination-secondary{
    --bs-pagination-active-bg: var(--bs-secondary);
    --bs-pagination-focus-bg: var(--bs-secondary)
}
.pagination-secondary-light{
    --bs-pagination-active-color: var(--bs-secondary);
    --bs-pagination-focus-color: var(--bs-secondary);
    --bs-pagination-active-border-color: var(--bs-secondary)
}
.pagination-secondary-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-secondary)
}
.pagination-success{
    --bs-pagination-active-bg: var(--bs-success);
    --bs-pagination-focus-bg: var(--bs-success)
}
.pagination-success-light{
    --bs-pagination-active-color: var(--bs-success);
    --bs-pagination-focus-color: var(--bs-success);
    --bs-pagination-active-border-color: var(--bs-success)
}
.pagination-success-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-success)
}
.pagination-info{
    --bs-pagination-active-bg: var(--bs-info);
    --bs-pagination-focus-bg: var(--bs-info)
}
.pagination-info-light{
    --bs-pagination-active-color: var(--bs-info);
    --bs-pagination-focus-color: var(--bs-info);
    --bs-pagination-active-border-color: var(--bs-info)
}
.pagination-info-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-info)
}
.pagination-warning{
    --bs-pagination-active-bg: var(--bs-warning);
    --bs-pagination-focus-bg: var(--bs-warning)
}
.pagination-warning-light{
    --bs-pagination-active-color: var(--bs-warning);
    --bs-pagination-focus-color: var(--bs-warning);
    --bs-pagination-active-border-color: var(--bs-warning)
}
.pagination-warning-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-warning)
}
.pagination-danger{
    --bs-pagination-active-bg: var(--bs-danger);
    --bs-pagination-focus-bg: var(--bs-danger)
}
.pagination-danger-light{
    --bs-pagination-active-color: var(--bs-danger);
    --bs-pagination-focus-color: var(--bs-danger);
    --bs-pagination-active-border-color: var(--bs-danger)
}
.pagination-danger-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-danger)
}
.pagination-light{
    --bs-pagination-active-bg: var(--bs-light);
    --bs-pagination-focus-bg: var(--bs-light);
    --bs-pagination-active-color: var(--bs-secondary-color);
    --bs-pagination-focus-color: var(--bs-secondary-color)
}
.pagination-light-light{
    --bs-pagination-active-color: var(--bs-light);
    --bs-pagination-focus-color: var(--bs-light);
    --bs-pagination-active-border-color: var(--bs-light)
}
.pagination-light-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-light)
}
.pagination-dark{
    --bs-pagination-active-bg: var(--bs-dark);
    --bs-pagination-focus-bg: var(--bs-dark)
}
.pagination-dark-light{
    --bs-pagination-active-color: var(--bs-dark);
    --bs-pagination-focus-color: var(--bs-dark);
    --bs-pagination-active-border-color: var(--bs-dark)
}
.pagination-dark-light .page-link:focus{
    --bs-pagination-border-color: var(--bs-dark)
}
.pagination-primary-light{
    --bs-pagination-active-bg: var(--bs-primary-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-primary-bg-subtle)
}
.pagination-secondary-light{
    --bs-pagination-active-bg: var(--bs-secondary-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-secondary-bg-subtle)
}
.pagination-success-light{
    --bs-pagination-active-bg: var(--bs-success-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-success-bg-subtle)
}
.pagination-info-light{
    --bs-pagination-active-bg: var(--bs-info-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-info-bg-subtle)
}
.pagination-warning-light{
    --bs-pagination-active-bg: var(--bs-warning-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-warning-bg-subtle)
}
.pagination-danger-light{
    --bs-pagination-active-bg: var(--bs-danger-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-danger-bg-subtle)
}
.pagination-light-light{
    --bs-pagination-active-bg: var(--bs-light-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-light-bg-subtle);
    --bs-pagination-active-color: var(--bs-secondary-color);
    --bs-pagination-focus-color: var(--bs-secondary-color)
}
.pagination-dark-light{
    --bs-pagination-active-bg: var(--bs-dark-bg-subtle);
    --bs-pagination-focus-bg: var(--bs-dark-bg-subtle)
}
.progress{
    cursor:pointer
}
.custom-progess{
    position:relative
}
.custom-progess .progress-icon{
    position:absolute;
    top:-12px
}
.custom-progess .progress-icon .avatar-title{
    background:var(--bs-secondary-bg)
}
.animated-progess{
    position:relative
}
.animated-progess .progress-bar{
    position:relative;
    border-radius:6px;
    animation:animate-positive 2s
}
@keyframes animate-positive{
    0%{
        width:0
    }
}
.progress{
    height:12px
}
.progress-xs{
    height:6px
}
.progress-sm{
    height:8px
}
.progress-lg{
    height:16px
}
.progress-xl{
    height:20px
}
.circular-progress{
    --progress: 40;
    --progress-bg-color: var(--bs-tertiary-bg);
    --stroke-width: 10px;
    --progress-size: 90px;
    --half-size: calc(var(--progress-size) / 2);
    --radius: calc((var(--progress-size) - var(--stroke-width)) / 2);
    --circumference: calc(var(--radius) * pi * 2);
    --dash: calc((var(--progress) * var(--circumference)) / 100);
    position:relative;
    width:var(--progress-size);
    height:var(--progress-size)
}
.circular-progress:hover{
    cursor:pointer
}
.circular-progress:hover .bg-circular-progress{
    stroke:#ececef
}
.circular-progress:hover .circular-text{
    color:var(--bs-primary)
}
.circular-text{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    font-size:14px;
    font-weight:600
}
.circular-inner{
    width:var(--progress-size);
    height:var(--progress-size);
    display:inline-block
}
.circular-inner circle{
    cx:var(--half-size);
    cy:var(--half-size);
    r:var(--radius);
    stroke-width:var(--stroke-width);
    fill:none;
    stroke-linecap:round
}
.circular-inner .bg-circular-progress{
    stroke:var(--progress-bg-color);
    transition:all .2s ease-in-out
}
.circular-inner .fg-circular-progress{
    stroke:var(--bs-primary);
    transform:rotate(-90deg);
    transform-origin:var(--half-size) var(--half-size);
    stroke-dasharray:var(--dash) calc(var(--circumference) - var(--dash));
    transition:stroke-dasharray .6s ease-in-out
}
.circular-progress.circular-sm{
    --stroke-width: 4px;
    --progress-size: 56px
}
.circular-progress.circular-sm .circular-text{
    font-size:12px
}
.circular-progress.circular-md{
    --stroke-width: 8px;
    --progress-size: 76px
}
.circular-progress.circular-xl{
    --stroke-width: 12px;
    --progress-size: 110px
}
.circular-progress.circular-xxl{
    --stroke-width: 14px;
    --progress-size: 130px
}
.circular-progress.circular-progress-primary .circular-inner .fg-circular-progress{
    stroke:var(--bs-primary)
}
.circular-progress.circular-progress-primary:hover .circular-text{
    color:var(--bs-primary)
}
.circular-progress.circular-progress-secondary .circular-inner .fg-circular-progress{
    stroke:var(--bs-secondary)
}
.circular-progress.circular-progress-secondary:hover .circular-text{
    color:var(--bs-secondary)
}
.circular-progress.circular-progress-success .circular-inner .fg-circular-progress{
    stroke:var(--bs-success)
}
.circular-progress.circular-progress-success:hover .circular-text{
    color:var(--bs-success)
}
.circular-progress.circular-progress-info .circular-inner .fg-circular-progress{
    stroke:var(--bs-info)
}
.circular-progress.circular-progress-info:hover .circular-text{
    color:var(--bs-info)
}
.circular-progress.circular-progress-warning .circular-inner .fg-circular-progress{
    stroke:var(--bs-warning)
}
.circular-progress.circular-progress-warning:hover .circular-text{
    color:var(--bs-warning)
}
.circular-progress.circular-progress-danger .circular-inner .fg-circular-progress{
    stroke:var(--bs-danger)
}
.circular-progress.circular-progress-danger:hover .circular-text{
    color:var(--bs-danger)
}
.circular-progress.circular-progress-light .circular-inner .fg-circular-progress{
    stroke:var(--bs-light)
}
.circular-progress.circular-progress-light:hover .circular-text{
    color:var(--bs-light)
}
.circular-progress.circular-progress-dark .circular-inner .fg-circular-progress{
    stroke:var(--bs-dark)
}
.circular-progress.circular-progress-dark:hover .circular-text{
    color:var(--bs-dark)
}
.tooltip .tooltip-inner{
    box-shadow:3px 3px 100px 0px rgba(82,63,105,.5)
}
.tooltip.tooltop-auto-width .tooltip-inner{
    white-space:nowrap;
    max-width:none
}
.tooltip-primary{
    --bs-tooltip-bg: var(--bs-primary);
    --bs-tooltip-color: var(--bs-white)
}
.tooltip-secondary{
    --bs-tooltip-bg: var(--bs-secondary);
    --bs-tooltip-color: var(--bs-white)
}
.tooltip-success{
    --bs-tooltip-bg: var(--bs-success);
    --bs-tooltip-color: var(--bs-white)
}
.tooltip-info{
    --bs-tooltip-bg: var(--bs-info);
    --bs-tooltip-color: var(--bs-white)
}
.tooltip-warning{
    --bs-tooltip-bg: var(--bs-warning);
    --bs-tooltip-color: var(--bs-white)
}
.tooltip-danger{
    --bs-tooltip-bg: var(--bs-danger);
    --bs-tooltip-color: var(--bs-white)
}
.tooltip-light{
    --bs-tooltip-bg: var(--bs-light);
    --bs-tooltip-color: var(--bs-black)
}
.tooltip-dark{
    --bs-tooltip-bg: var(--bs-dark);
    --bs-tooltip-color: var(--bs-white)
}
.tooltip-white{
    --bs-tooltip-bg: var(--bs-white);
    --bs-tooltip-color: var(--bs-black)
}
.popover{
    box-shadow:0 .25rem 1.125rem 0 rgba(47,43,61,.1)
}
.popover.popover-no-arrow .popover-arrow{
    display:none
}
.popover .popover-header{
    border-color:hsla(0,0%,100%,.2)
}
.popover.popover-light .popover-header{
    border-color:rgba(0,0,0,.1)
}
.popover-primary{
    --bs-popover-bg: var(--bs-primary);
    --bs-popover-border-color: var(--bs-primary);
    --bs-popover-header-bg: var(--bs-primary);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white)
}
.popover-secondary{
    --bs-popover-bg: var(--bs-secondary);
    --bs-popover-border-color: var(--bs-secondary);
    --bs-popover-header-bg: var(--bs-secondary);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white)
}
.popover-success{
    --bs-popover-bg: var(--bs-success);
    --bs-popover-border-color: var(--bs-success);
    --bs-popover-header-bg: var(--bs-success);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white)
}
.popover-info{
    --bs-popover-bg: var(--bs-info);
    --bs-popover-border-color: var(--bs-info);
    --bs-popover-header-bg: var(--bs-info);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white)
}
.popover-warning{
    --bs-popover-bg: var(--bs-warning);
    --bs-popover-border-color: var(--bs-warning);
    --bs-popover-header-bg: var(--bs-warning);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white)
}
.popover-danger{
    --bs-popover-bg: var(--bs-danger);
    --bs-popover-border-color: var(--bs-danger);
    --bs-popover-header-bg: var(--bs-danger);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white)
}
.popover-light{
    --bs-popover-bg: var(--bs-light);
    --bs-popover-border-color: var(--bs-light);
    --bs-popover-header-bg: var(--bs-light);
    --bs-popover-header-color: var(--bs-black);
    --bs-popover-body-color: var(--bs-black)
}
.popover-dark{
    --bs-popover-bg: var(--bs-dark);
    --bs-popover-border-color: var(--bs-dark);
    --bs-popover-header-bg: var(--bs-dark);
    --bs-popover-header-color: var(--bs-white);
    --bs-popover-body-color: var(--bs-white)
}
.table>:not(:first-child){
    border-top:0
}
.table-nowrap th,.table-nowrap td{
    white-space:nowrap
}
.simplebar-scrollbar{
    right:3px;
    width:5px
}
.simplebar-scrollbar:before{
    background:var(--bs-secondary-color);
    left:0;
    right:0
}
.tree{
    margin:0;
    padding:0;
    list-style:none
}
.tree ul{
    margin:0;
    padding:0;
    list-style:none;
    position:relative
}
.tree ul ul{
    margin-inline-start:.5em
}
.tree ul:before{
    content:"";
    display:block;
    width:0;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    border-inline-start:1px solid var(--bs-secondary-color)
}
.tree ul li:before{
    content:"";
    display:block;
    width:10px;
    height:0;
    border-top:1px solid;
    margin-top:-1px;
    position:absolute;
    top:1em;
    left:0
}
.tree li{
    margin:0;
    padding-inline-start:16px;
    line-height:2em;
    color:var(--bs-secondary-color);
    font-weight:500;
    position:relative
}
.tree li a{
    display:flex;
    align-items:center;
    gap:8px;
    color:inherit;
    padding:0 4px
}
.tree li a:hover{
    background-color:rgba(233,236,239,.2)
}
[data-bs-theme=dark] .tree li a{
    color:var(--bs-gray-500) !important
}
.tree li .expand{
    display:block
}
.tree li .collapse{
    display:none
}
.tree .active,.tree .selected{
    color:#0d6efd !important
}
.swal2-container{
    overflow-y:hidden !important
}
.swal2-container.swal2-shown{
    background-color:rgba(0,0,0,.2)
}
.swal2-container .swal2-popup{
    background-color:var(--bs-secondary-bg);
    padding:1rem 2rem;
    border-radius:var(--bs-border-radius)
}
.swal2-container .swal2-popup .swal2-html-container,.swal2-container .swal2-popup .swal2-content{
    font-weight:normal;
    font-size:.875rem;
    color:var(--bs-body-color);
    max-height:200px;
    overflow:auto
}
.swal2-container .swal2-popup .btn,.swal2-container .swal2-popup .ql-snow .ql-tooltip .ql-action,.ql-snow .ql-tooltip .swal2-container .swal2-popup .ql-action{
    margin:15px 5px 0
}
.swal2-container .swal2-popup .swal2-actions{
    margin:1.5rem auto 1rem auto
}
.swal2-container .swal2-popup .swal2-actions button{
    min-width:80px
}
.swal2-container .swal2-popup .swal2-loader{
    border-color:#0d6efd rgba(0,0,0,0) #0d6efd rgba(0,0,0,0)
}
.swal2-container .swal2-popup .swal2-validation-message{
    background-color:rgba(0,0,0,0)
}
.swal2-icon-success .swal2-timer-progress-bar{
    background-color:rgba(23,198,83,.4)
}
.swal2-icon-warning .swal2-timer-progress-bar{
    background-color:rgba(207,162,27,.4)
}
.swal2-icon-info .swal2-timer-progress-bar{
    background-color:rgba(13,202,240,.4)
}
.swal2-icon-error .swal2-timer-progress-bar{
    background-color:rgba(248,40,90,.4)
}
.swal2-title{
    padding:.8rem 1rem;
    font-size:.875rem;
    font-weight:500;
    color:var(--bs-body-color)
}
.swal2-footer{
    border-top:1px solid var(--bs-border-color);
    color:var(--bs-body-color)
}
.swal2-file:focus,.swal2-input:focus,.swal2-textarea:focus{
    box-shadow:none;
    border-color:var(--bs-primary-border-subtle)
}
.swal2-close{
    font-family:var(--bs-font-sans-serif);
    font-weight:300;
    font-size:1.75rem
}
.swal2-close:focus{
    box-shadow:none
}
.swal2-close:hover{
    color:#0d6efd
}
.swal2-icon{
    margin:10px auto 0 auto
}
.swal2-icon.swal2-warning{
    border-color:var(--bs-warning);
    color:var(--bs-warning)
}
.swal2-icon.swal2-error{
    border-color:var(--bs-danger);
    color:var(--bs-danger)
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line]{
    background-color:rgba(var(--bs-danger-rgb), 0.75)
}
.swal2-icon.swal2-success{
    border-color:var(--bs-success);
    color:var(--bs-success)
}
.swal2-icon.swal2-success [class^=swal2-success-line]{
    background-color:var(--bs-success)
}
.swal2-icon.swal2-success .swal2-success-ring{
    border-color:rgba(var(--bs-success-rgb), 0.3)
}
.swal2-icon.swal2-info{
    border-color:var(--bs-info);
    color:var(--bs-info)
}
.swal2-icon.swal2-question{
    border-color:var(--bs-primary);
    color:var(--bs-primary)
}
.swal2-progress-steps .swal2-progress-step{
    background:#0d6efd
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step{
    background:#0d6efd
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step,.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step~.swal2-progress-step-line{
    background:rgba(13,110,253,.3)
}
.swal2-progress-steps .swal2-progress-step-line{
    background:#0d6efd
}
.chartjs{
    max-height:320px
}
.echart-wrapper{
    height:330px
}
.apexcharts-canvas{
    min-height:10px !important
}
.apexcharts-canvas text{
    font-family:var(--bs-font-sans-serif) !important;
    fill:var(--bs-body-color);
    filter:none
}
.apexcharts-canvas .apexcharts-canvas{
    margin:0 auto
}
.apexcharts-canvas :is(.apexcharts-treemap,.apexcharts-heatmap-series) rect{
    stroke:var(--bs-secondary-bg)
}
.apexcharts-white text{
    fill:var(--bs-white)
}
:is(.apexcharts-yaxis,.apexcharts-xaxis){
    font-size:.765625rem;
    font-weight:400;
    font-family:var(--bs-font-sans-serif) !important
}
:is(.apexcharts-yaxis,.apexcharts-xaxis) text{
    fill:var(--bs-body-color)
}
:is(.apexcharts-yaxis,.apexcharts-xaxis) line{
    stroke:var(--bs-border-color)
}
body .apexcharts-xaxistooltip{
    color:var(--bs-body-color);
    font-size:.875rem;
    border-radius:var(--bs-border-radius-lg);
    background:var(--bs-secondary-bg);
    border:1px solid var(--bs-border-color);
    padding:.5rem .5rem
}
body .apexcharts-xaxistooltip.apexcharts-xaxistooltip-bottom::before{
    border-bottom-color:var(--bs-border-color)
}
.apexcharts-container:not(.apexcharts-scatter) .apexcharts-legend-marker{
    height:10px !important;
    width:10px !important;
    stroke:none;
    border-radius:50%;
    overflow:hidden
}
.apexcharts-radar-series.apexcharts-plot-series line,.apexcharts-radar-series.apexcharts-plot-series polygon{
    stroke:var(--bs-border-color)
}
.apexcharts-boxPlot-series path{
    stroke:var(--bs-tertiary-color)
}
.apexcharts-data-labels rect{
    stroke:var(--bs-border-color)
}
.apexcharts-series-markers:not(.apexcharts-series-scatter) .apexcharts-marker{
    stroke:var(--bs-border-color)
}
body .apexcharts-tooltip{
    border-radius:var(--bs-border-radius);
    font-weight:600;
    font-size:.65625rem;
    font-family:var(--bs-font-sans-serif) !important
}
body .apexcharts-tooltip.apexcharts-theme-light{
    background:var(--bs-white);
    border:1px solid var(--bs-border-color)
}
body .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title{
    background:rgba(0,0,0,0);
    border-bottom:1px solid var(--bs-border-color);
    font-family:var(--bs-font-family-secondary) !important
}
body .apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-text{
    font-family:var(--bs-font-sans-serif) !important
}
[data-bs-theme=dark] body .apexcharts-tooltip.apexcharts-theme-light{
    background:var(--bs-body-bg)
}
.apexcharts-legend-series{
    font-weight:500;
    color:var(--bs-heading-color);
    gap:4px
}
.apexcharts-xaxis-title-text,.apexcharts-yaxis-title-text{
    font-weight:600
}
.apexcharts-menu-icon svg,.apexcharts-reset-icon svg,.apexcharts-zoom-icon svg,.apexcharts-zoomin-icon svg,.apexcharts-zoomout-icon svg{
    cursor:pointer;
    width:20px;
    height:20px;
    line-height:24px;
    color:var(--bs-secondary-color);
    text-align:center
}
.apexcharts-menu-icon,.apexcharts-pan-icon,.apexcharts-reset-icon,.apexcharts-selection-icon,.apexcharts-toolbar-custom-icon,.apexcharts-zoom-icon,.apexcharts-zoomin-icon,.apexcharts-zoomout-icon{
    color:var(--bs-secondary-color)
}
body .apexcharts-pan-icon svg{
    fill:none
}
.apexcharts-title-text{
    font-family:var(--bs-font-family-secondary);
    font-weight:600;
    color:var(--bs-emphasis-color)
}
body .apexcharts-menu{
    background:var(--bs-white);
    border:1 solid var(--bs-border-color);
    border-radius:var(--bs-border-radius-lg);
    padding:.5rem .5rem;
    min-width:8rem;
    box-shadow:2px 2px 6px -4px #999
}
[data-bs-theme=dark] body .apexcharts-menu{
    background:var(--bs-body-bg)
}
body .apexcharts-menu .apexcharts-menu-item{
    color:var(--bs-body-color);
    border-radius:var(--bs-border-radius-lg)
}
body .apexcharts-menu .apexcharts-menu-item:hover{
    color:var(--bs-primary);
    background-color:var(--bs-primary-bg-subtle)
}
.apexcharts-canvas .apexcharts-reset-zoom-icon.apexcharts-selected svg,.apexcharts-canvas .apexcharts-selection-icon.apexcharts-selected svg,.apexcharts-canvas .apexcharts-zoom-icon.apexcharts-selected svg{
    fill:var(--bs-primary) !important
}
.apexcharts-canvas .apexcharts-xaxis-tick{
    stroke:var(--bs-border-color)
}
.apexcharts-xcrosshairs,.apexcharts-ycrosshairs,.apexcharts-gridline{
    stroke:var(--bs-border-color)
}
.apexcharts-yaxis-annotations rect,.apexcharts-xaxis-annotations rect{
    stroke:var(--bs-border-color)
}
.apexcharts-grid-borders line,.apexcharts-grid-borders .apexcharts-gridline{
    pointer-events:none;
    stroke:var(--bs-border-color)
}
.apexcharts-legend-text{
    color:var(--bs-body-color) !important;
    font-family:var(--bs-font-sans-serif) !important;
    font-size:13px !important
}
.apexcharts-pie-label{
    filter:none !important
}
[data-bs-theme=dark] .apexcharts-pie-area{
    stroke:var(--bs-body-bg)
}
.apexcharts-radialbar-track.apexcharts-track path{
    stroke:var(--bs-border-color)
}
.apexcharts-datalabel text,.apexcharts-datalabel-label text,.apexcharts-datalabel-value text,.apexcharts-datalabels text,.apexcharts-pie-label text{
    font-family:var(--bs-font-family-secondary) !important
}
.apexcharts-datalabel-label{
    font-weight:500;
    fill:var(--bs-emphasis-color) !important;
    font-size:.875rem
}
.apexcharts-datalabel-value{
    font-weight:400;
    fill:var(--bs-secondary-color) !important;
    font-size:1.09375rem
}
.choices{
    min-width:150px;
    margin-bottom:0
}
.choices .choices__placeholder{
    opacity:1;
    color:var(--bs-secondary-color)
}
.choices .choices__inner{
    color:var(--bs-emphasis-color);
    background-color:var(--bs-secoundry-bg);
    padding:.5rem .9rem;
    border-color:var(--bs-border-color);
    border-radius:var(--bs-border-radius);
    font-size:.875rem;
    min-height:auto
}
.choices .choices__inner.form-select-sm{
    padding:.25rem .5rem;
    font-size:.765625rem;
    border-radius:var(--bs-border-radius-sm)
}
.choices .choices__inner.form-select-lg{
    padding:.7rem 1.2rem;
    font-size:1.09375rem;
    border-radius:var(--bs-border-radius-lg)
}
.choices .choices__inner .choices__list--single{
    padding:0
}
.choices .choices__inner .choices__input{
    padding:0;
    margin-bottom:0;
    background-color:var(--bs-input-bg-custom)
}
.choices .choices__inner .choices__input::placeholder{
    color:var(--bs-secondary-color)
}
.choices .choices__inner .choices__list.choices__list--multiple .choices__item{
    background-color:var(--bs-primary-bg-subtle);
    color:var(--bs-primary);
    border-color:var(--bs-primary)
}
.choices .choices__inner .choices__list.choices__list--multiple .choices__item .choices__button{
    position:relative;
    opacity:1;
    background-image:none;
    border:none
}
.choices .choices__inner .choices__list.choices__list--multiple .choices__item .choices__button::before{
    content:"";
    position:absolute;
    top:50%;
    left:0;
    right:0;
    bottom:0;
    transform:translateY(-50%);
    opacity:.6;
    height:80%;
    border-left:1px solid var(--bs-primary);
    pointer-events:none
}
.choices .choices__inner .choices__list.choices__list--multiple .choices__item .choices__button::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    mask-repeat:no-repeat;
    mask-position:center;
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    background-color:var(--bs-primary);
    mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27currentColor%27%3E%3Cpath d=%27M11.9997 10.5865L16.9495 5.63672L18.3637 7.05093L13.4139 12.0007L18.3637 16.9504L16.9495 18.3646L11.9997 13.4149L7.04996 18.3646L5.63574 16.9504L10.5855 12.0007L5.63574 7.05093L7.04996 5.63672L11.9997 10.5865Z%27%3E%3C/path%3E%3C/svg%3E");
    z-index:0
}
.choices .choices__list.choices__list--dropdown{
    border-color:var(--bs-border-color);
    background-color:var(--bs-input-bg-custom);
    box-shadow:0 4px 24px 0 rgba(62,57,107,.18);
    border-radius:4px;
    z-index:1000
}
.choices .choices__list[aria-expanded] .choices__list{
    padding:.5rem .5rem
}
.choices .choices__list[aria-expanded] .choices__list .choices__item{
    border-radius:var(--bs-border-radius);
    padding:.5rem 1rem;
    background-color:var(--bs-input-bg-custom)
}
.choices .choices__list[aria-expanded] .choices__list .choices__item:hover{
    color:var(--bs-primary);
    background-color:var(--bs-primary-bg-subtle)
}
.choices .choices__list[aria-expanded] .choices__list .choices__item.is-selected{
    color:var(--bs-primary);
    background-color:var(--bs-primary-bg-subtle)
}
.choices .choices__heading{
    color:var(--bs-headings-color);
    border-bottom:1px solid var(--bs-border-color)
}
.choices[data-type*=select-one] .choices__input{
    border-color:var(--bs-border-color);
    background-color:var(--bs-secondary-bg);
    padding:.5rem .9rem;
    font-size:.765625rem
}
.choices[data-type*=select-one] .choices__input::placeholder{
    color:var(--bs-body-color)
}
.choices[data-type*=select-one]::after{
    font-family:var(--bs-font-family-remix);
    content:"î©Ž";
    border:none;
    vertical-align:middle;
    font-size:20px;
    line-height:0;
    margin-top:0;
    right:30px;
    transform:translateY(-50%)
}
.choices.is-open[data-type*=select-one]::after{
    margin-top:0;
    border:none;
    right:11.5px;
    transform:translateY(-50%) rotate(180deg)
}
[dir=rtl] .choices[data-type*=select-one] .choices__button{
    left:auto;
    right:32px
}
[dir=rtl] .choices[data-type*=select-one]::after{
    left:auto;
    right:30px
}
[dir=rtl] .choices.is-open[data-type*=select-one]::after{
    left:auto;
    right:11.5px
}
[dir=rtl] .choices__inner .choices__list.choices__list--multiple .choices__item .choices__button{
    padding-right:0;
    padding-left:20px;
    margin:0 -6px 0 8px
}
[dir=rtl] .choices__inner .choices__list.choices__list--multiple .choices__item .choices__button::before{
    content:"";
    right:auto;
    left:0;
    border-right:0;
    border-left:1px solid var(--bs-primary)
}
.listjs-pagination{
    margin-bottom:0;
    margin-top:1rem;
    justify-content:flex-end;
    gap:8px
}
.listjs-pagination li .page{
    display:block;
    padding:.35rem .75rem;
    color:var(--bs-secondary-color);
    background-color:rgba(0,0,0,0);
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:4px
}
.listjs-pagination li.active .page{
    color:#fff;
    background-color:var(--bs-primary);
    border-color:rgba(0,0,0,0)
}
table.dataTable{
    margin:0 !important
}
table.dataTable>thead .dt-checkboxes-select-all::before,table.dataTable>thead .dt-checkboxes-select-all::after{
    display:none
}
table.dataTable>thead .sorting::before,table.dataTable>thead .sorting::after{
    top:60%;
    transform:translateY(-50%);
    bottom:auto
}
table.dataTable>thead .sorting::before{
    right:.5em;
    font-family:var(--bs-font-family-remix);
    content:"î©Ž"
}
table.dataTable>thead .sorting::after{
    font-family:var(--bs-font-family-remix);
    content:"î©¸";
    margin-top:-8px
}
div.dataTables_wrapper div.dataTables_filter label{
    margin-bottom:0
}
div.dataTables_wrapper div.dataTables_info{
    padding-top:0
}
div.dataTables_wrapper .dataTables_length label{
    margin-bottom:0
}
@media(max-width: 575.98px){
    div.dataTables_wrapper .dt-head .dataTables_filter{
        width:100%
    }
    div.dataTables_wrapper .dt-head .dataTables_filter label{
        width:100%
    }
    div.dataTables_wrapper .dt-head .dataTables_filter label input{
        margin-left:0px;
        width:100%
    }
    div.dataTables_wrapper .dt-head .invoice_status{
        width:100%
    }
}
[dir=rtl] .dataTables_wrapper .paginate_button.page-item.next,[dir=rtl] .dataTables_wrapper .paginate_button.page-item.previous{
    transform:rotate(180deg)
}
[dir=rtl] table.dataTable>thead .sorting::before,[dir=rtl] table.dataTable>thead .sorting::after{
    left:.5em
}
.dual-listbox .dual-listbox__buttons .dual-listbox__button{
    border-radius:var(--bs-border-radius);
    background-color:rgba(var(--bs-primary-rgb), 1);
    padding:.5rem .9rem;
    font-size:.765625rem
}
.dual-listbox .dual-listbox__buttons .dual-listbox__button:hover{
    background-color:rgba(var(--bs-primary-rgb), 0.9);
    transition:all .2s ease-in-out
}
.dual-listbox .dual-listbox__container{
    flex-wrap:unset
}
@media(max-width: 991.98px){
    .dual-listbox .dual-listbox__container{
        flex-direction:column;
        gap:26px
    }
    .dual-listbox .dual-listbox__container>div:not(.dual-listbox__buttons){
        width:100%
    }
}
.dual-listbox .dual-listbox__search{
    padding:.5rem .9rem;
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius);
    color:var(--bs-secondary-color);
    background-color:var(--bs-input-bg-custom)
}
.dual-listbox .dual-listbox__search::placeholder{
    color:var(--bs-secondary-color)
}
.dual-listbox .dual-listbox__search:focus{
    border:1px solid var(--bs-primary);
    outline:none
}
.dual-listbox .dual-listbox__title{
    font-weight:600;
    font-size:.875rem;
    color:var(--bs-emphasis-color);
    padding:.5rem .9rem;
    border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0;
    border-color:var(--bs-border-color)
}
.dual-listbox .dual-listbox__available,.dual-listbox .dual-listbox__selected{
    border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);
    border:1px solid var(--bs-border-color);
    width:100%;
    max-width:350px;
    margin-bottom:0
}
@media(max-width: 991.98px){
    .dual-listbox .dual-listbox__available,.dual-listbox .dual-listbox__selected{
        max-width:100%
    }
}
.dual-listbox .dual-listbox__available .dual-listbox__item,.dual-listbox .dual-listbox__selected .dual-listbox__item{
    border-bottom:1px solid var(--bs-border-color);
    padding:.5rem .9rem;
    font-size:.875rem;
    color:var(--bs-secondary-color)
}
.dual-listbox .dual-listbox__available .dual-listbox__item:hover,.dual-listbox .dual-listbox__available .dual-listbox__item.dual-listbox__item--selected,.dual-listbox .dual-listbox__selected .dual-listbox__item:hover,.dual-listbox .dual-listbox__selected .dual-listbox__item.dual-listbox__item--selected{
    background-color:#0d6efd;
    color:#fff
}
.dual-listbox .dual-listbox__available .dual-listbox__item:last-child,.dual-listbox .dual-listbox__selected .dual-listbox__item:last-child{
    border-bottom:none
}
.file-upload{
    position:relative;
    display:inline-block
}
.file-upload .file-upload-item{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    width:100%;
    z-index:1;
    cursor:pointer;
    color:rgba(0,0,0,0)
}
.file-upload input[type=file]::file-selector-button{
    border:none;
    padding:0;
    border-radius:0;
    color:rgba(0,0,0,0);
    background-color:rgba(0,0,0,0);
    height:0
}
.dropzone{
    border:1px dashed var(--bs-border-color);
    border-radius:4px;
    background-color:var(--bs-secondary-bg);
    width:100%;
    padding:0
}
.dropzone .dz-preview{
    margin-inline-end:0
}
.dropzone .dz-preview.dz-image-preview{
    background-color:rgba(0,0,0,0)
}
.ql-toolbar{
    font-family:var(--bs-font-sans-serif) !important
}
.ql-toolbar span{
    outline:none !important;
    color:var(--bs-body-color)
}
.ql-toolbar span:hover{
    color:var(--bs-primary) !important
}
.ql-toolbar.ql-snow{
    border:1px solid var(--bs-border-color);
    border-top-left-radius:4px;
    border-top-right-radius:4px
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{
    border-color:rgba(0,0,0,0)
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{
    background-color:var(--bs-secondary-bg);
    border:1px solid var(--bs-border-color);
    box-shadow:var(--bs-box-shadow);
    color:var(--bs-body-color);
    padding:.5rem 1rem;
    border-radius:var(--bs-border-radius-lg);
    margin-top:8px
}
.ql-toolbar.ql-snow button .ql-stroke{
    stroke:var(--bs-body-color)
}
.ql-toolbar.ql-snow button:hover{
    color:var(--bs-primary)
}
.ql-toolbar.ql-snow button:hover .ql-stroke{
    stroke:var(--bs-primary)
}
.ql-container{
    font-family:var(--bs-font-sans-serif)
}
.ql-container.ql-snow{
    background-color:var(--bs-input-bg-custom);
    border:1px solid var(--bs-border-color);
    border-top:0;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px
}
.ql-container.ql-snow .ql-blank{
    font-family:var(--bs-font-sans-serif);
    color:var(--bs-body-color)
}
.ql-container.ql-snow .ql-picker .ql-picker-label.ql-active,.ql-container.ql-snow .ql-picker .ql-picker-label:hover{
    color:var(--bs-primary)
}
.ql-container.ql-snow .ql-stroke,.ql-container.ql-snow .ql-script,.ql-container.ql-snow .ql-strike svg{
    stroke:var(--bs-body-color)
}
.ql-container.ql-snow .ql-fill{
    fill:var(--bs-body-color)
}
.ql-container.ql-bubble{
    border:var(--bs-border-width) solid var(--bs-border-color);
    border-radius:var(--bs-border-radius)
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{
    right:0
}
.ql-snow .ql-tooltip{
    background-color:var(--bs-input-bg-custom);
    border:1px solid var(--bs-border-color);
    box-shadow:var(--bs-box-shadow);
    color:var(--bs-body-color);
    padding:.5rem .9rem;
    border-radius:var(--bs-border-radius-lg)
}
.ql-snow .ql-tooltip input[type=text]{
    padding:.5rem .9rem;
    font-size:.875rem;
    outline:none
}
.ql-snow .ql-picker-label{
    padding-left:20px;
    padding-right:2px
}
.ql-snow .ql-picker-options{
    border:0;
    padding:.5rem .5rem;
    box-shadow:var(--bs-box-shadow-lg);
    background-color:var(--bs-secondary-bg);
    border-radius:4px
}
.ql-editor{
    background-color:var(--bs-input-bg-custom)
}
.ql-editor *{
    text-align:start
}
.ql-editor ol,.ql-editor ul{
    padding:0;
    padding-left:1.5rem
}
.ql-editor.ql-blank::before{
    color:var(--bs-body-color)
}
.ql-editor li>.ql-ui:before{
    margin-left:-1.5em;
    margin-right:.3em
}
.noUi-target{
    border:0;
    background:var(--bs-tertiary-bg);
    box-shadow:var(--bs-box-shadow-inset);
    border-radius:1rem
}
.noUi-target .noUi-handle{
    background:var(--bs-primary);
    box-shadow:none;
    width:1rem;
    height:1rem;
    border:none;
    outline:2px solid var(--bs-secondary-bg);
    cursor:pointer
}
.noUi-target .noUi-handle::after,.noUi-target .noUi-handle::before{
    content:"";
    display:block;
    position:absolute;
    height:.5rem;
    width:1px;
    background:var(--bs-secondary-bg);
    left:65%;
    top:50%;
    transform:translateY(-50%)
}
.noUi-target .noUi-handle::after{
    left:35%
}
.noUi-target.noUi-horizontal{
    height:.5rem
}
.noUi-target.noUi-horizontal .noUi-handle{
    top:-0.25rem;
    right:-0.5rem
}
.noUi-target.noUi-vertical{
    height:150px;
    width:.5rem
}
.noUi-target.noUi-vertical .noUi-handle{
    right:-0.25rem;
    bottom:-0.5rem
}
.noUi-target .noUi-connects{
    border-radius:1rem
}
.noUi-target .noUi-connect{
    background:var(--bs-primary)
}
.noUi-target.slider-fit{
    padding:0 .5rem
}
.noUi-target.no-handle-slider .noUi-handle::before,.noUi-target.no-handle-slider .noUi-handle::after{
    display:none
}
.noUi-target.no-handle-rounded .noUi-handle{
    border-radius:50%
}
.noUi-target.no-handle-square .noUi-handle{
    border-radius:0%
}
.large-slider.noUi-horizontal{
    height:10px
}
.large-slider.noUi-horizontal .noUi-handle{
    width:18px;
    height:18px
}
.small-slider.noUi-horizontal{
    height:6px
}
.small-slider.noUi-horizontal .noUi-handle{
    width:14px;
    height:14px
}
.noUi-pips-horizontal{
    height:0px;
    padding:0px
}
.noUi-pips{
    color:var(--bs-secondary-color)
}
.noUi-pips .noUi-marker{
    background:var(--bs-tertiary-bg)
}
.noUi-pips .noUi-marker.noUi-value-sub{
    color:var(--bs-secondary-color)
}
.noUi-tooltip{
    background:var(--bs-body-bg);
    color:var(--bs-tooltip-color);
    font-size:0.765625rem;
    border:1px solid var(--bs-border-color);
    padding:.5rem .75rem;
    border-radius:var(--bs-border-radius)
}
.noUi-target-primary .noUi-connect{
    background:#0d6efd
}
.noUi-target-primary .noUi-handle{
    background:#0d6efd
}
.noUi-target-secondary .noUi-connect{
    background:#a460e3
}
.noUi-target-secondary .noUi-handle{
    background:#a460e3
}
.noUi-target-success .noUi-connect{
    background:#17c653
}
.noUi-target-success .noUi-handle{
    background:#17c653
}
.noUi-target-info .noUi-connect{
    background:#0dcaf0
}
.noUi-target-info .noUi-handle{
    background:#0dcaf0
}
.noUi-target-warning .noUi-connect{
    background:#cfa21b
}
.noUi-target-warning .noUi-handle{
    background:#cfa21b
}
.noUi-target-danger .noUi-connect{
    background:#f8285a
}
.noUi-target-danger .noUi-handle{
    background:#f8285a
}
.noUi-target-light .noUi-connect{
    background:#e9ecef
}
.noUi-target-light .noUi-handle{
    background:#e9ecef
}
.noUi-target-dark .noUi-connect{
    background:#212529
}
.noUi-target-dark .noUi-handle{
    background:#212529
}
#modalOverlay{
    display:none
}
.calendar-wrapper{
    height:100%;
    min-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 76px))
}
.fc{
    --fc-button-active-border-color: $primary;
    --fc-button-text-color: $btn-color;
    --fc-small-font-size: .85em;
    --fc-page-bg-color: var(--bs-secondary-bg);
    --fc-neutral-bg-color: transparent;
    --fc-neutral-text-color: var(--bs-body-color);
    --fc-border-color: var(--bs-border-color);
    --fc-button-bg-color: var(--bs-secondary-bg);
    --fc-button-border-color: var(--bs-border-color);
    --fc-button-hover-bg-color: var(--bs-secondary-bg);
    --fc-button-hover-border-color: var(--bs-border-color);
    --fc-button-active-bg-color: var(--bs-primary);
    --fc-event-bg-color: var(--bs-primary);
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(var(--bs-primary-rgb), 0.1);
    --fc-today-bg-color: rgba(var(--bs-primary-rgb), 0.1);
    --fc-now-indicator-color: var(--bs-danger);
    height:100%
}
.fc table{
    font-size:.875rem
}
@media(max-width: 767.98px){
    .fc table{
        font-size:.765625rem
    }
}
.fc .fc-button{
    padding:.25rem .5rem;
    box-shadow:none !important;
    border-radius:var(--bs-border-radius-sm);
    vertical-align:middle;
    font-weight:500;
    text-transform:capitalize
}
.fc .fc-button-primary:not(:disabled):not(.fc-button-active):active{
    color:var(--bs-white);
    border-color:var(--bs-primary)
}
.fc .fc-button-primary:not(:disabled):not(.fc-button-active):active .fc-icon{
    color:var(--bs-gray-900)
}
.fc .fc-button-primary:not(:disabled).fc-button-active{
    color:var(--bs-white);
    border-color:var(--bs-primary)
}
.fc .fc-header-toolbar .fc-button-group .fc-button{
    color:var(--bs-primary-text-emphasis);
    background-color:var(--bs-primary-bg-subtle);
    border:none;
    box-shadow:none
}
.fc .fc-header-toolbar .fc-button-group .fc-button:hover,.fc .fc-header-toolbar .fc-button-group .fc-button.active{
    background-color:var(--bs-primary);
    color:#fff
}
.fc .fc-header-toolbar .fc-today-button{
    background-color:var(--bs-primary-bg-subtle);
    color:var(--bs-primary-text-emphasis);
    line-height:21px;
    border:none
}
.fc .fc-header-toolbar .fc-today-button:hover{
    background-color:var(--bs-primary);
    color:#fff
}
@media(max-width: 767.98px){
    .fc .fc-header-toolbar{
        flex-direction:column;
        gap:6px
    }
    .fc .fc-header-toolbar .fc-today-button{
        display:none
    }
}
.fc .fc-toolbar-title{
    font-size:1rem;
    font-weight:700;
    color:var(--bs-emphasis-color);
    line-height:29px;
    text-transform:uppercase
}
.fc .fc-col-header-cell{
    padding:.4rem .4rem;
    background-color:rgba(var(--bs-light-rgb), 0.3)
}
[data-bs-theme=dark] .fc .fc-col-header-cell{
    background-color:rgba(var(--bs-light-rgb), 0.1)
}
.fc .fc-col-header-cell .fc-col-header-cell-cushion{
    font-size:.875rem;
    font-weight:600;
    color:var(--bs-body-color)
}
@media(max-width: 767.98px){
    .fc .fc-col-header-cell .fc-col-header-cell-cushion{
        font-size:.765625rem
    }
}
.fc .fc-scrollgrid{
    border-radius:4px
}
.fc .fc-scrollgrid thead>tr td:first-child{
    border-top-left-radius:4px
}
.fc .fc-scrollgrid thead>tr td:last-child{
    border-top-right-radius:4px
}
.fc .fc-scrollgrid tbody>tr:last-child td:first-child{
    border-bottom-left-radius:4px
}
.fc .fc-scrollgrid tbody>tr:last-child td:last-child{
    border-bottom-right-radius:4px
}
.fc .fc-daygrid-event{
    margin-top:3px
}
.fc .fc-icon{
    font-size:1rem !important;
    margin-top:-3px
}
.fc .fc-view-harness{
    min-height:400px
}
.fc .fc-col-header{
    width:100% !important
}
.fc .fc-daygrid-body-balanced{
    width:100% !important;
    height:100% !important
}
.fc .fc-daygrid-body-balanced table{
    width:100% !important;
    height:100% !important
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events{
    min-height:2em;
    position:relative
}
.fc .fc-day .fc-daygrid-day-top a{
    color:var(--bs-body-color)
}
.fc .fc-day:hover{
    cursor:pointer
}
.fc .fc-day:hover .fc-daygrid-day-top{
    opacity:1
}
.fc .fc-day:hover .fc-daygrid-day-top a{
    color:var(--bs-emphasis-color)
}
.fc .fc-more-link{
    display:inline-block;
    padding:.325rem .5rem;
    font-size:.65rem;
    font-weight:600;
    color:var(--bs-primary);
    border:1px solid var(--bs-primary);
    border-radius:var(--bs-border-radius)
}
@media(max-width: 767.98px){
    .fc .fc-more-link{
        font-size:10px;
        padding:.26rem .25rem
    }
}
.fc .fc-more-link:hover{
    color:#fff;
    background-color:var(--bs-primary)
}
.fc .fc-event{
    border-radius:3.2px;
    font-size:.8125rem;
    font-weight:600;
    padding:3px 5px;
    text-align:center
}
.fc .fc-event-title,.fc .fc-sticky{
    font-weight:600 !important;
    text-overflow:ellipsis;
    white-space:nowrap
}
.fc .fc-event-time{
    font-size:.765625rem
}
.fc.fc-theme-standard .fc-popover{
    border:0 !important;
    background-color:var(--bs-secondary-bg);
    box-shadow:0 .25rem 1.125rem 0 rgba(47,43,61,.1);
    border-radius:var(--bs-border-radius-lg)
}
[data-bs-theme=dark] .fc.fc-theme-standard .fc-popover{
    box-shadow:0 .25rem 1.125rem 0 rgba(221,220,228,.1)
}
.fc.fc-theme-standard .fc-popover .fc-popover-header{
    border-top-left-radius:var(--bs-border-radius-lg);
    border-top-right-radius:var(--bs-border-radius-lg);
    padding:.65rem .75rem;
    background-color:#e9ecef
}
[data-bs-theme=dark] .fc.fc-theme-standard .fc-popover .fc-popover-header{
    background-color:#adb5bd
}
.fc.fc-theme-standard .fc-popover .fc-popover-header .fc-popover-title{
    color:var(--bs-gray-800);
    font-size:.875rem;
    font-weight:600;
    margin:0
}
.fc.fc-theme-standard .fc-popover .fc-popover-header .fc-popover-close{
    color:var(--bs-gray-600);
    padding:6px;
    font-size:14px !important;
    width:20px;
    height:20px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:3.2px
}
.fc.fc-theme-standard .fc-popover .fc-popover-header .fc-popover-close:hover{
    color:var(--bs-primary);
    background-color:var(--bs-primary-bg-subtle);
    border:1px solid var(--bs-primary)
}
.fc.fc-theme-standard .fc-popover .fc-popover-body{
    padding:.5rem .75rem .75rem .75rem
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle{
    border:1px solid var(--bs-primary)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-event-main{
    color:var(--bs-primary) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-primary-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #0d6efd
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-primary-subtle{
    border:1px solid #0d6efd
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-primary-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-primary-subtle .fc-event-title{
    color:#0d6efd !important
}
.fc-list-table .fc-list-event.bg-primary-subtle{
    color:#0d6efd !important;
    border:1px solid #0d6efd
}
.fc-list-table .fc-list-event.bg-primary-subtle .fc-list-event-title>a{
    color:#0d6efd !important
}
.fc-list-table .fc-list-event.bg-primary-subtle .fc-list-event-dot{
    border-color:#0d6efd
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle{
    border:1px solid var(--bs-secondary)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-event-main{
    color:var(--bs-secondary) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-secondary-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #a460e3
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-secondary-subtle{
    border:1px solid #a460e3
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-secondary-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-secondary-subtle .fc-event-title{
    color:#a460e3 !important
}
.fc-list-table .fc-list-event.bg-secondary-subtle{
    color:#a460e3 !important;
    border:1px solid #a460e3
}
.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-title>a{
    color:#a460e3 !important
}
.fc-list-table .fc-list-event.bg-secondary-subtle .fc-list-event-dot{
    border-color:#a460e3
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle{
    border:1px solid var(--bs-success)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-event-main{
    color:var(--bs-success) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-success-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #17c653
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-success-subtle{
    border:1px solid #17c653
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-success-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-success-subtle .fc-event-title{
    color:#17c653 !important
}
.fc-list-table .fc-list-event.bg-success-subtle{
    color:#17c653 !important;
    border:1px solid #17c653
}
.fc-list-table .fc-list-event.bg-success-subtle .fc-list-event-title>a{
    color:#17c653 !important
}
.fc-list-table .fc-list-event.bg-success-subtle .fc-list-event-dot{
    border-color:#17c653
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle{
    border:1px solid var(--bs-info)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-event-main{
    color:var(--bs-info) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-info-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #0dcaf0
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-info-subtle{
    border:1px solid #0dcaf0
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-info-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-info-subtle .fc-event-title{
    color:#0dcaf0 !important
}
.fc-list-table .fc-list-event.bg-info-subtle{
    color:#0dcaf0 !important;
    border:1px solid #0dcaf0
}
.fc-list-table .fc-list-event.bg-info-subtle .fc-list-event-title>a{
    color:#0dcaf0 !important
}
.fc-list-table .fc-list-event.bg-info-subtle .fc-list-event-dot{
    border-color:#0dcaf0
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle{
    border:1px solid var(--bs-warning)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-event-main{
    color:var(--bs-warning) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-warning-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #cfa21b
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-warning-subtle{
    border:1px solid #cfa21b
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-warning-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-warning-subtle .fc-event-title{
    color:#cfa21b !important
}
.fc-list-table .fc-list-event.bg-warning-subtle{
    color:#cfa21b !important;
    border:1px solid #cfa21b
}
.fc-list-table .fc-list-event.bg-warning-subtle .fc-list-event-title>a{
    color:#cfa21b !important
}
.fc-list-table .fc-list-event.bg-warning-subtle .fc-list-event-dot{
    border-color:#cfa21b
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle{
    border:1px solid var(--bs-danger)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-event-main{
    color:var(--bs-danger) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-danger-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #f8285a
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-danger-subtle{
    border:1px solid #f8285a
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-danger-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-danger-subtle .fc-event-title{
    color:#f8285a !important
}
.fc-list-table .fc-list-event.bg-danger-subtle{
    color:#f8285a !important;
    border:1px solid #f8285a
}
.fc-list-table .fc-list-event.bg-danger-subtle .fc-list-event-title>a{
    color:#f8285a !important
}
.fc-list-table .fc-list-event.bg-danger-subtle .fc-list-event-dot{
    border-color:#f8285a
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle{
    border:1px solid var(--bs-light)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-event-main{
    color:var(--bs-light) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-light-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #e9ecef
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-light-subtle{
    border:1px solid #e9ecef
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-light-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-light-subtle .fc-event-title{
    color:#e9ecef !important
}
.fc-list-table .fc-list-event.bg-light-subtle{
    color:#e9ecef !important;
    border:1px solid #e9ecef
}
.fc-list-table .fc-list-event.bg-light-subtle .fc-list-event-title>a{
    color:#e9ecef !important
}
.fc-list-table .fc-list-event.bg-light-subtle .fc-list-event-dot{
    border-color:#e9ecef
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle{
    border:1px solid var(--bs-dark)
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-title,.fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-time,.fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-event-main{
    color:var(--bs-dark) !important
}
.fc-daygrid-event-harness .fc-daygrid-event.bg-dark-subtle .fc-daygrid-event-dot{
    border:calc(var(--fc-daygrid-event-dot-width)/2) solid #212529
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-dark-subtle{
    border:1px solid #212529
}
.fc-timegrid-event-harness .fc-timegrid-event.bg-dark-subtle .fc-event-time,.fc-timegrid-event-harness .fc-timegrid-event.bg-dark-subtle .fc-event-title{
    color:#212529 !important
}
.fc-list-table .fc-list-event.bg-dark-subtle{
    color:#212529 !important;
    border:1px solid #212529
}
.fc-list-table .fc-list-event.bg-dark-subtle .fc-list-event-title>a{
    color:#212529 !important
}
.fc-list-table .fc-list-event.bg-dark-subtle .fc-list-event-dot{
    border-color:#212529
}
.air-datepicker{
    --adp-font-family: var(--bs-font-sans-serif);
    --adp-font-size: 0.875rem;
    --adp-width: 280px;
    --adp-z-index: 1055;
    --adp-padding: 0.5rem;
    --adp-background-color: var(--bs-secondary-bg);
    --adp-background-color-hover: rgba(var(--bs-light-rgb), 0.3);
    --adp-background-color-active: rgba(var(--bs-light-rgb), 0.5);
    --adp-background-color-selected-other-month-focused: var(--bs-primary);
    --adp-color: var(--bs-gray-600);
    --adp-color-secondary: var(--bs-secondary-color);
    --adp-accent-color: var(--bs-white);
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: var(--bs-gray-400);
    --adp-border-color: var(--bs-border-color);
    --adp-border-color-inner: var(--bs-border-color);
    --adp-border-radius: var(--bs-border-radius);
    --adp-border-color-inline: var(--bs-border-color);
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: var(--bs-emphasis-color);
    --adp-day-cell-height: 36px;
    --adp-year-cell-height: 36px;
    --adp-cell-border-radius: var(--bs-border-radius);
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: var(--bs-primary);
    --adp-cell-background-color-selected-hover: rgba(var(--bs-primary-rgb), .9);
    --adp-cell-background-color-in-range: rgba(var(--bs-primary-rgb), .1);
    --adp-cell-background-color-in-range-hover: rgba(var(--bs-primary-rgb), .2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}
.air-datepicker-overlay{
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-z-index: 1020
}
.air-datepicker-nav--title{
    background-color:var(--bs-body-bg)
}
.air-datepicker-nav--title:hover{
    background-color:var(--bs-gray-100)
}
.air-datepicker-body--day-name{
    font-size:.765625rem;
    font-weight:600
}
.air-datepicker-cell.-current-{
    background-color:var(--adp-cell-background-color-selected)
}
.air-datepicker-cell.-current-.-focus-{
    color:var(--bs-white)
}
.air-datepicker--content{
    padding:.5rem 1rem
}
.air-datepicker.-is-mobile- .air-datepicker--content{
    padding:1rem
}
.air-datepicker.-inline-{
    --adp-z-index: auto
}
.air-datepicker-cell.-current-{
    color:var(--adp-color-current-date)
}
.air-datepicker--pointer::after{
    background:var(--bs-secondary-bg)
}
.air-datepicker-body--day-names{
    margin:8px 0 8px
}
.full-picker .air-datepicker{
    --adp-width: 100%
}
.gridjs-container{
    color:var(--bs-body-color);
    padding:0;
    display:block
}
.gridjs-container .gridjs-head{
    padding-top:0
}
.gridjs-container .gridjs-wrapper{
    box-shadow:none;
    border:1px solid var(--bs-border-color);
    border-radius:0px
}
.gridjs-container .gridjs-footer{
    border:none;
    padding:12px 0 0;
    box-shadow:none;
    background-color:rgba(0,0,0,0)
}
.gridjs-tbody,td.gridjs-td{
    background-color:rgba(0,0,0,0)
}
th.gridjs-th,td.gridjs-td{
    border:1px solid var(--bs-border-color);
    padding:.75rem .7rem
}
th.gridjs-th{
    border-top:0;
    color:var(--bs-body-color);
    background-color:rgba(var(--bs-light-rgb), 0.75)
}
.gridjs-pagination{
    color:var(--bs-secondary-color)
}
.gridjs-pagination .gridjs-summary{
    margin-top:8px !important
}
.gridjs-pagination .gridjs-pages button{
    margin-left:.3rem;
    border-radius:4px !important;
    border:1px solid var(--bs-border-color);
    background-color:rgba(0,0,0,0);
    color:var(--bs-secondary-color);
    box-shadow:none
}
.gridjs-pagination .gridjs-pages button:last-child{
    border-right:1px solid var(--bs-border-color)
}
.gridjs-pagination .gridjs-pages button:disabled,.gridjs-pagination .gridjs-pages button:hover:disabled,.gridjs-pagination .gridjs-pages button[disabled]{
    color:var(--bs-gray-400);
    background-color:rgba(0,0,0,0);
    cursor:not-allowed
}
.gridjs-pagination .gridjs-pages button:hover{
    background-color:var(--bs-tertiary-bg);
    color:var(--bs-secondary-color)
}
.gridjs-pagination .gridjs-pages button:focus{
    box-shadow:none;
    margin-right:inherit;
    border:1px solid var(--bs-border-color)
}
.gridjs-pagination .gridjs-pages button:last-child:hover,.gridjs-pagination .gridjs-pages button:first-child:hover{
    background-color:rgba(0,0,0,0)
}
.gridjs-pagination .gridjs-pages button.gridjs-currentPage{
    background-color:var(--bs-primary);
    color:#fff;
    border-color:rgba(0,0,0,0);
    font-weight:500
}
.gridjs-search{
    position:relative
}
.gridjs-search::before{
    content:"ïƒ‘";
    font-family:var(--bs-font-family-remix);
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:10px;
    font-size:14px;
    color:var(--bs-secondary-color)
}
input.gridjs-input{
    border-color:var(--bs-border-color);
    background-color:var(--bs-secondary-bg);
    color:var(--bs-body-color);
    line-height:1.5;
    padding:.5rem .9rem .5rem 2.025rem;
    border-radius:var(--bs-border-radius);
    font-size:0.875rem
}
input.gridjs-input:focus{
    box-shadow:none;
    border-color:var(--bs-primary-border-subtle);
    background-color:var(--bs-secondary-bg)
}
input.gridjs-input::placeholder{
    color:var(--bs-secondary-color)
}
th.gridjs-th .gridjs-th-content{
    display:inline-block;
    vertical-align:middle;
    font-weight:600
}
button.gridjs-sort{
    float:none;
    display:inline-block;
    vertical-align:middle;
    width:10px;
    height:20px
}
button.gridjs-sort-asc,button.gridjs-sort-desc{
    background-size:7px
}
.gridjs-tr-selected td{
    background-color:rgba(var(--bs-body-color-rgb), 0.04)
}
.gridjs-tr-selected .gridjs-td .gridjs-checkbox[type=checkbox]{
    background-color:var(--bs-primary);
    border-color:var(--bs-primary);
    background-image:url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 20 20%27%3e%3cpath fill=%27none%27 stroke=%27%23fff%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%273%27 d=%27m6 10 3 3 6-6%27/%3e%3c/svg%3e")
}
.gridjs-td .gridjs-checkbox{
    width:1.4em;
    height:1.4em;
    vertical-align:top;
    background-color:var(--bs-secondary-bg);
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    border:var(--bs-border-width) solid var(--bs-border-color);
    appearance:none;
    color-adjust:exact;
    -webkit-transition:all background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out ease-out 0s;
    -moz-transition:all background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out ease-out 0s;
    -ms-transition:all background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out ease-out 0s;
    -o-transition:all background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out ease-out 0s;
    transition:all background-color .15s ease-in-out,background-position .15s ease-in-out,border-color .15s ease-in-out ease-out 0s
}
.gridjs-td .gridjs-checkbox[type=checkbox]{
    border-radius:.35em
}
.gridjs-loading-bar{
    background-color:var(--bs-secondary-bg)
}
[data-bs-theme=dark] button:is(.gridjs-sort-neutral,.gridjs-sort-asc,.gridjs-sort-desc){
    filter:invert(1) grayscale(100%) brightness(200%)
}
.plyr .plyr__control{
    background-color:rgba(0,0,0,0)
}
.plyr .plyr__control:hover{
    background-color:var(--bs-primary);
    background-color:var(--bs-primary)
}
.plyr .plyr__control[aria-expanded=true]{
    background-color:var(--bs-primary)
}
.plyr .plyr__control[role=menuitemradio][aria-checked=true]:before{
    background-color:var(--bs-primary)
}
.plyr .plyr__controls .plyr__play{
    color:var(--bs-primary)
}
.plyr .plyr__controls .plyr__controls__item{
    background-color:rgba(0,0,0,0)
}
.plyr .plyr__controls .plyr__controls__item:hover:where(button){
    background-color:var(--bs-primary)
}
.plyr .plyr__controls .plyr__controls__item input{
    color:var(--bs-primary)
}
.swiper-button-next,.swiper-button-prev{
    height:32px;
    width:32px;
    border:1px solid var(--bs-white);
    cursor:pointer;
    background-color:rgba(233,236,239,.3);
    backdrop-filter:blur(2px);
    border-radius:100px;
    transition:opacity .3s ease,transform .3s ease
}
.swiper-button-next::after,.swiper-button-prev::after{
    font-family:var(--bs-font-family-remix);
    font-size:22px;
    color:rgba(var(--bs-white-rgb), 1);
    transition:all .3s ease
}
.swiper-pagination-primary .swiper-button-next,.swiper-pagination-primary .swiper-button-prev{
    border:1px solid var(--bs-primary);
    background-color:rgba(13,110,253,.3)
}
.swiper-pagination-primary .swiper-button-next::after,.swiper-pagination-primary .swiper-button-prev::after{
    color:rgba(var(--bs-primary-rgb), 1)
}
.swiper-button-prev{
    transform:translateX(-100px)
}
.swiper-button-prev::after{
    content:"î©¤" !important
}
.swiper-button-next{
    transform:translateX(100px)
}
.swiper-button-next::after{
    content:"î©®" !important
}
.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev{
    opacity:1;
    transform:translateY(-5px)
}
.swiper:hover .swiper-button-next.swiper-button-disabled,.swiper:hover .swiper-button-prev.swiper-button-disabled{
    opacity:.35
}
.swiper-pagination-bullets{
    overflow:visible;
    margin-bottom:4px
}
.swiper-pagination-bullet{
    background-color:var(--bs-white);
    opacity:.6
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    outline:2px solid var(--bs-white);
    outline-offset:2px;
    opacity:1
}
.parallax-bg{
    position:absolute;
    left:0;
    top:0;
    width:130%;
    height:100%;
    -webkit-background-size:cover;
    background-size:cover;
    background-position:center
}
.swiper-thumbs .swiper-slide{
    opacity:.6;
    cursor:pointer
}
.swiper-thumbs .swiper-slide-thumb-active{
    opacity:1
}
.tagify__dropdown--rtl-example{
    max-width:none !important
}
.tagify__dropdown--rtl-example .tagify__dropdown__item{
    white-space:nowrap
}
.tagify__dropdown--rtl-example .tagify__dropdown__item>em{
    font-weight:700
}
.tagify__dropdown.users-list .tagify__dropdown__item{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:0 1em;
    grid-template-areas:"avatar name" "avatar email"
}
.tagify__dropdown.users-list header.tagify__dropdown__item{
    grid-template-areas:"add remove-tags" "remaning ."
}
.tagify__dropdown.users-list .tagify__dropdown__item__avatar-wrap{
    grid-area:avatar;
    width:36px;
    height:36px;
    border-radius:50%;
    overflow:hidden;
    background:#eee;
    transition:.1s ease-out
}
.tagify__dropdown.users-list img{
    width:100%;
    vertical-align:top
}
.tagify__dropdown.users-list header.tagify__dropdown__item>div,.tagify__dropdown.users-list .tagify__dropdown__item strong{
    grid-area:name;
    width:100%;
    align-self:center
}
.tagify__dropdown.users-list span{
    grid-area:email;
    width:100%;
    font-size:.9em;
    opacity:.6
}
.tagify__dropdown.users-list .tagify__dropdown__item__addAll{
    border-bottom:1px solid #ddd;
    gap:0
}
.tagify__dropdown.users-list .remove-all-tags{
    grid-area:remove-tags;
    justify-self:self-end;
    font-size:.8em;
    padding:.2em .3em;
    border-radius:3px;
    user-select:none
}
.tagify__dropdown.users-list .remove-all-tags:hover{
    color:var(--bs-white);
    background:salmon
}
.tagify__tag .tagify__tag__avatar-wrap{
    width:18px;
    height:18px;
    white-space:normal;
    border-radius:50%;
    background:var(--bs-primary);
    margin-inline-end:5px;
    transition:.12s ease-out
}
.users-list .tagify__dropdown__itemsGroup:empty{
    display:none
}
.users-list .tagify__dropdown__itemsGroup::before{
    content:attr(data-title);
    display:inline-block;
    font-size:.9em;
    padding:4px 6px;
    margin:var(--tagify-dd-item-pad);
    font-style:italic;
    border-radius:4px;
    background:var(--bs-success);
    color:var(--bs-white);
    font-weight:600
}
.users-list .tagify__dropdown__itemsGroup:not(:first-of-type){
    border-top:1px solid var(--bs-border-color)
}
.tagify{
    --tags-border-color: var(--bs-border-color);
    --tags-hover-border-color: var(--bs-border-color);
    --tags-focus-border-color: var(--bs-primary-border-subtle);
    --tagMargin: 5px;
    --tag-pad: 0 0.5rem;
    --tag-min-width: 1ch;
    --tag-max-width: 100%;
    --tag-text-color: var(--bs-body-color);
    --tag-text-color--edit: var(--bs-gray-700);
    --tag-bg: var(--bs-primary-bg-subtle);
    --tag-hover: var(--bs-gray-200);
    --tag-remove: transparent;
    --tag-remove-btn-color: transparent;
    --tag-remove-btn-bg: transparent;
    --tag-remove-btn-bg--hover: transparent;
    --tag-invalid-color: var(--bs-danger);
    --tag-invalid-bg: var(--bs-danger-light);
    --tag-inset-shadow-size: none;
    --tag-hide-transition: .3s;
    --placeholder-color: var(--bs-secondary-color);
    --placeholder-color-focus: var(--bs-secondary-color);
    --input-color: var(--bs-secondary-color);
    --tagify-dd-bg-color: var(--bs-body-bg);
    --tagify-dd-color-primary: var(--bs-primary);
    --tagify-dd-text-color: var(--bs-dark);
    --tagify-dd-max-height: 300px;
    --loader-size: .8em;
    --readonly-striped: 1;
    display:flex;
    align-items:center;
    gap:.25rem
}
.tagify .tagify__tag{
    background-color:var(--tag-bg);
    margin:0;
    line-height:1;
    border:1px solid var(--bs-primary);
    border-radius:50rem;
    overflow:hidden
}
.tagify .tagify__tag div{
    padding:0
}
.tagify .tagify__tag .tagify__tag-text{
    color:var(--bs-primary)
}
.tagify .tagify__tag .tagify__tag__removeBtn{
    color:var(--bs-body-color);
    margin-inline-end:-4px;
    margin-inline-start:6px
}
.tagify .tagify__tag .tagify__tag__removeBtn:after{
    font-family:var(--bs-font-family-remix);
    content:"î®™";
    font-size:.765625rem;
    vertical-align:middle;
    transition:none;
    height:.765625rem;
    width:.765625rem;
    color:var(--bs-primary);
    display:flex;
    justify-content:center;
    align-items:center
}
.tagify .tagify__tag.tagify--notAllowed div .tagify__tag-text{
    color:var(--bs-danger);
    opacity:1
}
.tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn{
    opacity:.5
}
.tagify .tagify__tag.tagify--notAllowed .tagify__tag__removeBtn:hover{
    background:rgba(0,0,0,0);
    opacity:.75
}
.tagify.tagify--select .tagify__tag{
    margin-inline-end:1em
}
.tagify .tagify__tag__removeBtn:hover+div>span{
    opacity:1
}
.tagify .tagify__input{
    margin:0;
    padding:0
}
.tagify .tagify__input:before{
    font-size:inherit;
    line-height:inherit;
    font-weight:inherit
}
.tagify.form-control-sm{
    border-radius:var(--bs-border-radius-sm);
    min-height:calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
    padding-top:.25rem;
    padding-bottom:.25rem
}
.tagify.form-control-sm .tagify__tag{
    padding:.3rem .3rem
}
.tagify.form-control-sm .tagify__tag .tagify__tag-text{
    font-size:.765625rem
}
.tagify.form-control-sm .tagify__tag .tagify__tag__removeBtn{
    margin:0px;
    margin-inline-end:-4px;
    margin-bottom:-2px
}
.tagify:not(.form-control-sm):not(.form-control-lg){
    border-radius:var(--bs-border-radius);
    min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
    padding-top:.2rem;
    padding-bottom:.2rem
}
.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag{
    padding:.3rem .6rem
}
.tagify:not(.form-control-sm):not(.form-control-lg) .tagify__tag .tagify__tag-text{
    font-size:12px
}
.tagify.form-control-lg{
    border-radius:var(--bs-border-radius-lg);
    min-height:calc(1.5em + 1.4rem + calc(var(--bs-border-width) * 2));
    padding-top:.2rem;
    padding-bottom:.2rem
}
.tagify.form-control-lg .tagify__tag{
    padding:.5rem .5rem
}
.tagify.form-control-lg .tagify__tag .tagify__tag-text{
    font-size:1.09375rem
}
.tagify.form-control-lg .tagify__tag .tagify__tag__removeBtn{
    margin:0px -4px -2px 8px;
    margin-inline-start:8px
}
.tagify__dropdown{
    box-shadow:0 4px 24px 0 rgba(62,57,107,.18);
    border:var(--bs-border-width) solid var(--bs-border-color);
    font-size:.875rem;
    border-radius:var(--bs-border-radius-lg);
    min-width:10rem
}
.tagify__dropdown .tagify__dropdown__wrapper{
    background-color:var(--bs-secondary-bg);
    color:var(--bs-body-color);
    border:0 !important;
    padding:.5rem .5rem
}
.tagify__dropdown .tagify__dropdown__item{
    border-radius:var(--bs-border-radius-lg);
    padding:.5rem 1rem;
    margin:0;
    color:var(--bs-body-color);
    font-weight:400;
    line-height:1.5
}
.tagify__dropdown .tagify__dropdown__item:hover,.tagify__dropdown .tagify__dropdown__item.tagify__dropdown__item--active{
    background-color:var(--bs-primary-bg-subtle);
    color:var(--bs-component-hover-color)
}
:root{
    --gl-star-empty: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27rgba%28204,204,204,1%29%27%3E%3Cpath d=%27M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z%27%3E%3C/path%3E%3C/svg%3E");
    --gl-star-full: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27rgba%28255,184,41,1%29%27%3E%3Cpath d=%27M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z%27%3E%3C/path%3E%3C/svg%3E");
    --gl-star-size: 25px
}
:root .heart-rating-main{
    --gl-star-empty: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27rgba%28204,204,204,1%29%27%3E%3Cpath d=%27M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853Z%27%3E%3C/path%3E%3C/svg%3E") !important;
    --gl-star-full: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27rgba%28255,184,41,1%29%27%3E%3Cpath d=%27M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853Z%27%3E%3C/path%3E%3C/svg%3E") !important
}
.gl-star-rating--stars{
    flex-wrap:wrap
}
.gl-star-rating-prebuilt .gl-star-rating--stars svg{
    pointer-events:none;
    transition:transform .3s ease,fill .3s ease
}
.gl-star-rating-prebuilt .gl-star-rating--stars svg circle{
    fill:#eceaf3;
    transition:fill .5s ease
}
.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-active,.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-selected{
    transition:fill .5s ease
}
.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-active:nth-child(1) svg circle,.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-selected:nth-child(1) svg circle{
    fill:#ffa98d
}
.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-active:nth-child(2) svg circle,.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-selected:nth-child(2) svg circle{
    fill:#ffc385
}
.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-active:nth-child(3) svg circle,.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-selected:nth-child(3) svg circle{
    fill:#ffd885
}
.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-active:nth-child(4) svg circle,.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-selected:nth-child(4) svg circle{
    fill:#ffd69a
}
.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-active:nth-child(5) svg circle,.gl-star-rating-prebuilt .gl-star-rating--stars span.gl-selected:nth-child(5) svg circle{
    fill:#ffd02e
}
.gl-star-rating-prebuilt .gl-star-rating--stars .gl-selected svg{
    animation:shake .8s linear forwards
}
@keyframes shake{
    0%{
        transform:translateY(0)
    }
    25%{
        transform:translateY(-2px)
    }
    50%{
        transform:translateY(2px)
    }
    75%{
        transform:translateY(-2px)
    }
    100%{
        transform:translateY(0)
    }
}
.custom-rating{
    --fill: #FFB829;
    --fillbg: #CCCCCC;
    --heart: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27rgba%28204,204,204,1%29%27%3E%3Cpath d=%27M12.001 4.52853C14.35 2.42 17.98 2.49 20.2426 4.75736C22.5053 7.02472 22.583 10.637 20.4786 12.993L11.9999 21.485L3.52138 12.993C1.41705 10.637 1.49571 7.01901 3.75736 4.75736C6.02157 2.49315 9.64519 2.41687 12.001 4.52853Z%27%3E%3C/path%3E%3C/svg%3E");
    --star: var(--gl-star-empty);
    --stars: 5;
    --starsize: 30px;
    --symbol: var(--star);
    --value: 1;
    --w: calc(var(--stars) * var(--starsize));
    --x: calc(100% * (var(--value) / var(--stars)));
    block-size:var(--starsize);
    inline-size:var(--w);
    position:relative;
    -webkit-appearance:none;
    cursor:pointer;
    background-color:rgba(0,0,0,0)
}
.custom-rating::-moz-range-track{
    background:linear-gradient(to right, var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size:100%;
    mask:repeat left center/var(--starsize) var(--symbol)
}
.custom-rating::-webkit-slider-runnable-track{
    background:linear-gradient(to right, var(--fill) 0 var(--x), var(--fillbg) 0 var(--x));
    block-size:100%;
    mask:repeat left center/var(--starsize) var(--symbol);
    -webkit-mask:repeat left center/var(--starsize) var(--symbol)
}
.custom-rating::-moz-range-thumb{
    height:var(--starsize);
    opacity:0;
    width:var(--starsize)
}
.custom-rating::-webkit-slider-thumb{
    height:var(--starsize);
    opacity:0;
    width:var(--starsize);
    -webkit-appearance:none
}
.jvm-container{
    background-color:var(--bs-secondary-bg) !important
}
.jvm-container text{
    font-family:var(--bs-font-sans-serif);
    font-size:.875rem;
    fill:var(--bs-body-color)
}
.jvm-tooltip{
    border-radius:var(--bs-border-radius);
    background-color:var(--bs-primary);
    font-family:var(--bs-font-sans-serif);
    font-size:.765625rem;
    font-weight:500;
    box-shadow:0 5px 10px rgba(30,32,37,.12);
    padding:5px 10px
}
.jvm-element{
    fill:var(--bs-gray-400)
}
.jvm-marker{
    stroke-opacity:1;
    stroke-width:2
}
.jvm-zoom-btn{
    line-height:5px;
    color:var(--bs-body-color);
    background-color:var(--bs-gray-300)
}
.gmaps{
    background:#f8f9fa;
    border-radius:3px
}
.gmaps-overlay{
    display:block;
    text-align:center;
    color:#fff;
    font-size:.65625rem;
    background:#0d6efd;
    border-radius:4px;
    padding:.5rem .75rem
}
.gmaps-overlay_arrow{
    left:50%;
    transform:translateX(-50%);
    width:0;
    height:0;
    position:absolute
}
.gmaps-overlay_arrow.above{
    bottom:-8px;
    border-left:8px solid rgba(0,0,0,0);
    border-right:8px solid rgba(0,0,0,0);
    border-top:8px solid #0d6efd
}
.gmaps-overlay_arrow.below{
    top:-8px;
    border-left:8px solid rgba(0,0,0,0);
    border-right:8px solid rgba(0,0,0,0);
    border-bottom:8px solid #0d6efd
}
.leaflet-container{
    z-index:0;
    font-family:var(--bs-font-sans-serif);
    font-size:.875rem;
    background:var(--bs-secondary-bg)
}
.leaflet-container a.leaflet-popup-close-button{
    top:50%;
    transform:translateY(-50%)
}
.leaflet-popup-content-wrapper{
    border-radius:var(--bs-border-radius);
    font-family:var(--bs-font-sans-serif);
    font-size:.765625rem;
    font-weight:500;
    box-shadow:0 5px 10px rgba(30,32,37,.12);
    padding:.5rem 1.3125rem .5rem .75rem
}
.leaflet-popup-content-wrapper .leaflet-popup-content{
    margin:0
}
.chat-wrapper{
    --bs-app-chat-sidebar-width: 340px;
    display:flex;
    gap:1rem;
    height:100%
}
@media(max-width: 991.98px){
    .chat-wrapper{
        flex-direction:column
    }
}
.chat-wrapper .chat-left{
    width:100%;
    min-width:100%;
    background-color:var(--bs-secondary-bg);
    border:1px solid var(--bs-border-color)
}
@media(min-width: 992px){
    .chat-wrapper .chat-left{
        width:var(--bs-app-chat-sidebar-width);
        min-width:var(--bs-app-chat-sidebar-width)
    }
}
.chat-wrapper .chat-left .chat-filter .choices{
    margin-bottom:0;
    min-width:120px
}
.chat-wrapper .chat-right{
    width:100%;
    background-color:var(--bs-secondary-bg);
    border:1px solid var(--bs-border-color)
}
@media(min-width: 992px){
    .chat-wrapper .chat-right{
        width:calc(100% - (var(--bs-app-chat-sidebar-width) + 1rem))
    }
}
.chat-left .list-group .list-group-item,.chat-new-contact .list-group .list-group-item{
    margin-top:.25rem;
    cursor:pointer
}
.chat-left .list-group .list-group-item:active,.chat-left .list-group .list-group-item.active,.chat-new-contact .list-group .list-group-item:active,.chat-new-contact .list-group .list-group-item.active{
    z-index:inherit;
    background-color:var(--bs-primary);
    box-shadow:0px 2px 6px 0px rgba(var(--bs-primary-rgb), 0.3)
}
.chat-left .list-group .list-group-item:active .user-name,.chat-left .list-group .list-group-item:active .user-desc,.chat-left .list-group .list-group-item:active .ri-checkbox-circle-fill,.chat-left .list-group .list-group-item:active .user-chat-time,.chat-left .list-group .list-group-item.active .user-name,.chat-left .list-group .list-group-item.active .user-desc,.chat-left .list-group .list-group-item.active .ri-checkbox-circle-fill,.chat-left .list-group .list-group-item.active .user-chat-time,.chat-new-contact .list-group .list-group-item:active .user-name,.chat-new-contact .list-group .list-group-item:active .user-desc,.chat-new-contact .list-group .list-group-item:active .ri-checkbox-circle-fill,.chat-new-contact .list-group .list-group-item:active .user-chat-time,.chat-new-contact .list-group .list-group-item.active .user-name,.chat-new-contact .list-group .list-group-item.active .user-desc,.chat-new-contact .list-group .list-group-item.active .ri-checkbox-circle-fill,.chat-new-contact .list-group .list-group-item.active .user-chat-time{
    color:var(--bs-white) !important
}
.chat-audio-modal .avatar-item{
    margin-top:-36px
}
.chat-search .form-control-icon{
    padding-right:100px
}
.chat-list-wrapper{
    height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 392px))
}
@media(max-width: 991.98px){
    .chat-list-wrapper{
        height:calc(100vh - (var(--bs-app-header-height) + 2rem + 392px))
    }
}
.chat-content{
    height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 130px))
}
@media(max-width: 991.98px){
    .chat-content{
        height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 130px))
    }
}
.chat-content .message{
    margin-bottom:1.25rem;
    font-size:.765625rem
}
.chat-content .message:last-child{
    margin-bottom:0
}
.chat-content .message .message-content{
    padding:1rem 1.75rem;
    background-color:rgba(var(--bs-light-rgb), 0.5);
    margin-inline-start:1.25rem;
    border-radius:1.25rem;
    text-align:left;
    display:inline-block;
    max-width:25rem
}
.chat-content .message .message-content .message-attachment{
    display:flex;
    align-items:center
}
.chat-content .message .message-content .message-attachment .btn-icon{
    margin-right:.625rem
}
.chat-content .message .message-options{
    display:inline-flex;
    gap:6px;
    align-items:center;
    font-size:12px;
    color:var(--bs-secondary-color)
}
.chat-content .message.right{
    text-align:right
}
.chat-content .message.right .message-content{
    background-color:var(--bs-primary);
    color:var(--bs-white);
    margin-right:1.25rem;
    margin-left:0px
}
.chat-content .message.right .message-options{
    flex-direction:row-reverse
}
.chat-content .message .avatar-item{
    display:inline-block;
    vertical-align:bottom;
    margin-top:-1.025rem;
    border:5px solid var(--bs-secondary-bg)
}
.chat-content .message .call,.chat-content .message.right .call{
    background-color:var(--bs-secondary-bg);
    border:1px solid var(--bs-border-color);
    border-radius:4px;
    color:var(--bs-body-color)
}
.subscribe-btn input{
    padding-inline-end:115px
}
.subscribe-btn button{
    top:8px;
    right:8px
}
#countdown .list-inline-item{
    background-color:var(--bs-gray-200)
}
.timeline-block{
    display:flex;
    position:relative;
    z-index:1
}
@media(max-width: 767.98px){
    .timeline-block{
        flex-direction:column
    }
    .timeline-block .side-timeline-icon{
        position:absolute;
        z-index:9;
        left:-18px
    }
}
.timeline-box{
    position:relative;
    list-style:none;
    padding:0;
    margin-inline-start:18px
}
.timeline-box::before{
    position:absolute;
    content:"";
    width:1px;
    height:100%;
    top:0;
    margin-left:-1px;
    z-index:1;
    background-color:var(--bs-light)
}
.timeline-box.multi-timeline-box{
    margin:0
}
@media(max-width: 767.98px){
    .timeline-box.multi-timeline-box{
        margin-inline-start:18px
    }
}
.timeline-box.multi-timeline-box::before{
    left:50%
}
@media(max-width: 767.98px){
    .timeline-box.multi-timeline-box::before{
        left:0
    }
}
@media(max-width: 767.98px){
    .timeline-box.single-timeline-box{
        left:0
    }
}
.timeline-section{
    position:relative;
    padding-bottom:2rem;
    display:flex
}
.timeline-section:last-child{
    border-left:0
}
.timeline-section .timeline-icon{
    position:absolute;
    top:0;
    left:-20px;
    z-index:9
}
.timeline-section .timeline-content{
    width:100%;
    position:relative;
    margin:0
}
.side-timeline-section{
    width:100%;
    position:relative;
    padding-bottom:2rem;
    display:flex
}
@media(min-width: 768px){
    .side-timeline-section{
        width:50%
    }
}
.side-timeline-section .timeline-content{
    width:100%;
    position:relative;
    margin:0
}
.side-timeline-section.right-side .timeline-content{
    margin-inline-start:30px
}
@media(min-width: 768px){
    .side-timeline-section.left-side .timeline-content{
        margin-inline-end:30px
    }
}
@media(max-width: 767.98px){
    .side-timeline-section.left-side .timeline-content{
        margin-inline-start:30px
    }
}
.masonry-grid .masonry-column{
    columns:250px;
    column-gap:10px
}
.masonry-grid .masonry-column figure{
    break-inside:avoid-column
}
.masonry-grid .masonry-column figure a>img.scale-up{
    transform:scale3d(1.2, 1.2, 1.2);
    transition:transform .5s;
    height:100%
}
.masonry-grid .masonry-column figure a:after{
    background-color:rgba(var(--bs-black-rgb), 0.5);
    content:"";
    cursor:pointer;
    z-index:0;
    display:block;
    position:absolute;
    top:0;
    height:100%;
    width:100%;
    opacity:0
}
.masonry-grid .masonry-column figure>figcaption{
    opacity:0;
    position:absolute;
    top:0;
    align-items:center;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:100%;
    height:100%
}
.masonry-grid .masonry-column figure:hover a>img.scale-up{
    transform:scale3d(1, 1, 1)
}
.masonry-grid .masonry-column figure:hover a::after{
    opacity:1;
    transition:opacity .15s linear .1s
}
.masonry-grid .masonry-column figure:hover>figcaption{
    opacity:1;
    transition:opacity .15s linear .1s
}
.masonry-grid .masonry-column figure:hover>figcaption>.hover-fadeInLeft{
    animation-duration:500ms;
    animation-fill-mode:both;
    animation-name:slideInLeft
}
.masonry-grid .masonry-column figure:hover>figcaption>.hover-fadeInRight{
    animation-duration:500ms;
    animation-fill-mode:both;
    animation-name:slideInRight
}
.masonry-grid .masonry-column .card{
    break-inside:avoid-column
}
.email-wrapper{
    --bs-app-chat-sidebar-width: 340px;
    display:flex;
    gap:1rem;
    height:100%
}
@media(max-width: 991.98px){
    .email-wrapper{
        flex-direction:column
    }
}
.email-wrapper .email-left{
    width:100%;
    min-width:100%;
    background-color:var(--bs-secondary-bg);
    padding:1rem;
    border:1px solid var(--bs-border-color)
}
@media(min-width: 992px){
    .email-wrapper .email-left{
        width:var(--bs-app-chat-sidebar-width);
        min-width:var(--bs-app-chat-sidebar-width)
    }
}
.email-wrapper .email-left .list-group-item{
    padding:.5rem .625rem;
    cursor:pointer
}
.email-wrapper .email-right{
    width:100%;
    background-color:var(--bs-secondary-bg);
    border:1px solid var(--bs-border-color)
}
@media(min-width: 992px){
    .email-wrapper .email-right{
        width:calc(100% - var(--bs-app-chat-sidebar-width))
    }
}
.composeTo input{
    padding-inline-end:91px
}
.composeTo .composeToBtn{
    top:5px;
    right:5px
}
.dataTable tbody tr.selected{
    box-shadow:inset 3px 0 0 var(--bs-primary);
    background-color:rgba(var(--bs-primary-rgb), 0.1)
}
.account-pages{
    padding:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    min-height:100vh
}
@media(max-width: 991.98px){
    .account-pages{
        padding:16px 25px
    }
}
@media(max-width: 575.98px){
    .account-pages{
        padding:16px 0
    }
}
.account-pages .auth-bg{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    height:100%;
    width:100%
}
[data-bs-theme=dark] .account-pages .auth-bg.light{
    display:none
}
.account-pages .auth-bg.dark{
    display:none
}
[data-bs-theme=dark] .account-pages .auth-bg.dark{
    display:block
}
@media(max-width: 991.98px){
    .account-pages .auth-banners{
        display:none
    }
}
.auth-box{
    padding:70px
}
@media(max-width: 767.98px){
    .auth-box{
        padding:35px 16px
    }
}
.bg-login{
    position:relative
}
.bg-login .auth-banner{
    height:100%;
    object-fit:cover;
    border-radius:4px
}
.bg-login .auth-contain{
    position:absolute;
    bottom:50px;
    color:var(--bs-white);
    display:flex;
    justify-content:center;
    align-items:center;
    overflow:hidden;
    width:calc(100% - 48px)
}
.bg-login .auth-contain .carousel-item{
    max-width:500px
}
@media print{
    @page{
        size:A4;
        margin:0
    }
    #printContent{
        padding:0 !important
    }
    .card{
        border:none !important;
        border-radius:0px !important
    }
}
.section-title{
    position:relative;
    display:inline-block
}
.section-title::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:25px;
    height:2px;
    background-color:rgba(var(--bs-primary-rgb), 0.5)
}
.section-title{
    position:relative;
    display:inline-block
}
.section-title::before{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    width:25px;
    height:2px;
    background-color:rgba(var(--bs-primary-rgb), 0.5)
}
.list-element{
    display:grid;
    grid-template-columns:350px minmax(300px, 1fr)
}
@media(max-width: 700px){
    .list-element{
        grid-template-columns:1fr
    }
}
.file-manager-sidebar .list-group-item a{
    color:var(--bs-emphasis-color)
}
.file-manager-sidebar .list-group-item.active a{
    color:var(--bs-white)
}
.social-media-wrapper .offcanvas{
    --bs-offcanvas-width: 300px
}
.invoice-table tbody:last-child{
    border:none
}
.currency-select .choices__inner{
    padding:0px;
    padding-right:15px;
    min-height:0px
}
.currency-select .choices__list--single{
    padding:0px 16px 0 4px
}
.currency-select .choices[data-type*=select-one]{
    bottom:0px
}
.currency-select .choices[data-type*=select-one] :after{
    top:4px
}
.currency-select .choices[data-type*=select-one] .choices__inner{
    padding-bottom:0px
}
.apps-todo .offcanvas .tab-content{
    height:calc(100vh - 148px)
}
.apps-todo .offcanvas .tab-content .tab-pane{
    height:100%
}
.apps-kanban .kanban-list-items{
    height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 250px))
}
.product-card{
    overflow:hidden
}
.product-card .product-img{
    border-radius:4px
}
.product-card .product-img img{
    transition:all .3s ease 0s;
    height:250px
}
.product-card .product-img .back-img{
    width:100%;
    height:100%;
    transform:translateX(-101%);
    position:absolute;
    top:0;
    left:0;
    transition:all .3s ease 0s
}
.product-card .product-hover-overlay{
    margin-inline-end:-70px;
    transition:margin-inline-end .2s ease-in-out
}
.product-card .card-img-overlay div{
    z-index:2;
    position:relative
}
.product-card:hover .product-hover-overlay{
    display:flex;
    margin-inline-end:0
}
.product-card:hover .front-img{
    transform:translateX(100%)
}
.product-card:hover .back-img{
    transform:translateX(0)
}
.product-sidebar .accordion{
    --bs-accordion-btn-bg: transparent;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-bg: transparent;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-color: var(--bs-secondary-color)
}
.product-sidebar .accordion.accordion-border-box .accordion-item:not(:first-of-type){
    margin-top:0
}
.product-sidebar .accordion.accordion-border-box .accordion-item{
    border-top:none;
    border-radius:0;
    border-bottom:var(--bs-border-width) solid var(--bs-border-color);
    margin-bottom:12px
}
.product-sidebar .accordion.accordion-border-box .accordion-item:last-child{
    margin-bottom:0;
    border-bottom:none
}
.product-sidebar .accordion.accordion-border-box .accordion-item .accordion-body{
    padding-top:0
}
.product-sidebar .list-group{
    --bs-list-group-bg: transparent
}
.product-sidebar .list-group .list-group-item:is(.list-hover-arrow){
    transition:all ease .3s;
    overflow:hidden;
    cursor:pointer
}
.product-sidebar .list-group .list-group-item:is(.list-hover-arrow)::before{
    font-family:var(--bs-font-family-remix);
    content:"î©¤";
    position:absolute;
    font-size:1.1rem;
    vertical-align:middle;
    line-height:.8;
    left:-1rem;
    top:50%;
    transform:translateY(-50%);
    transition:all ease .3s;
    opacity:0
}
.product-sidebar .list-group .list-group-item:is(.list-hover-arrow):hover{
    padding-inline-start:1rem
}
.product-sidebar .list-group .list-group-item:is(.list-hover-arrow):hover::before{
    left:-0.25rem;
    opacity:1
}
.product-sidebar .color-checkbox{
    position:relative;
    padding:0;
    margin:0;
    height:30px;
    width:30px;
    cursor:pointer
}
.product-sidebar .color-checkbox .form-check-input{
    margin:0;
    position:absolute;
    top:0;
    z-index:5;
    height:100%;
    width:100%;
    opacity:0
}
.product-sidebar .color-checkbox .form-check-input:checked~i::after{
    content:"î­»";
    font-family:var(--bs-font-family-remix);
    line-height:1;
    font-size:16px;
    width:30px;
    height:30px;
    border-radius:50%;
    position:absolute;
    top:6px;
    left:-1px;
    color:var(--bs-white);
    display:flex;
    align-items:center;
    justify-content:center
}
.product-sidebar .color-checkbox i{
    font-size:28px
}
.product-cart-scrollbar{
    max-height:calc(100vh - (var(--bs-app-header-height) + var(--bs-app-footer-height) + 2rem + 245px))
}
.custom-checkbox label{
    color:var(--bs-secondary-color);
    border:1px solid #dee2e6;
    font-weight:500
}
.custom-checkbox .btn:hover,.custom-checkbox .ql-snow .ql-tooltip .ql-action:hover,.ql-snow .ql-tooltip .custom-checkbox .ql-action:hover{
    border-color:var(--bs-primary);
    color:var(--bs-primary)
}
.custom-checkbox .btn-check:checked+label{
    border-color:var(--bs-primary);
    color:var(--bs-primary)
}
.e-commerce-dashboard .table td:has(>table){
    padding:0
}
.e-commerce-dashboard .table table tr:last-child td{
    border-bottom:none
}
.top-product-scroll{
    max-height:505px
}
.project-dashboard .custom-verti-nav-pills .nav-link{
    --bs-nav-link-padding-y: 0.25rem;
    --bs-nav-link-padding-x: 0.5rem;
    border:1px dashed rgba(0,0,0,0)
}
.project-dashboard .custom-verti-nav-pills .nav-link.active{
    font-weight:inherit;
    color:var(--bs-primary);
    border:1px dashed var(--bs-primary);
    background-color:rgba(var(--bs-primary-rgb), 0.1)
}
.project-dashboard .custom-verti-nav-pills .nav-link.active i{
    color:inherit !important
}
.project-dashboard .custom-verti-nav-pills .nav-link.active::after{
    border:none
}
@media(max-width: 991.98px){
    .project-dashboard .project-stat{
        min-width:240px
    }
}
.project-dashboard .timeline-box .timeline-section{
    padding-bottom:1.25rem
}
.project-dashboard .project-chat-container{
    height:238px
}
.assigned-task{
    max-height:330px
}
.upcoming-task-scroll{
    max-height:275px
}
.recent-activity-scroll{
    max-height:675px
}
.chart-small-text .apexcharts-datalabel-value{
    font-size:.875rem;
    font-weight:600
}
.event-classes{
    max-height:320px
}
.online-course-scroll{
    max-height:482px
}
.full-picker-scrollable{
    min-height:320px
}
@media(min-width: 768px){
    .sticky-teacher{
        position:sticky;
        top:200px
    }
}