body.page-loading {margin: 0; height: 100%; overflow: hidden; }

.splash-screen {
    display: none;
}

.page-loading .splash-screen {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-family: Inter, Helvetica, "sans-serif";
    background-color: #F9F9F9;
    color: #5E6278;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
}

.page-loading .splash-screen span {
    color: #5E6278;
    transition: none !important;
    -webkit-font-smoothing: antialiased;
}

.page-loading .splash-screen img {
    margin-left: calc(100vw - 100%);
    margin-bottom: 30px;
    height: 30px !important;
}

html[data-bs-theme="dark"] .page-loading .splash-screen {
    background-color: #151521;
    color: #ffffff;
}

.splash-screen .dark-logo {
    display: none;
}

.splash-screen .light-logo {
    display: block;
}

html[data-bs-theme="dark"] .splash-screen .light-logo {
    display: none;
}

html[data-bs-theme="dark"] .splash-screen .dark-logo {
    display: block;
}

.m-spinner {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    margin: 0 auto;
    border-radius: 100%;
    opacity: 0 ;
    filter: alpha(opacity=0) ;
    -webkit-animation: m-spinner-scaleout 0.9s infinite ease-in-out;
    animation: m-spinner-scaleout 0.9s infinite ease-in-out
}

.m-spinner.m-spinner--lg {
    width: 2rem;
    height: 2rem
}

.m-spinner.m-spinner--sm {
    width: 1.2rem;
    height: 1.2rem
}

@-webkit-keyframes m-spinner-scaleout {
    0% {
        opacity: .3 ;
        filter: alpha(opacity=30) ;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1 ;
        filter: alpha(opacity=100) ;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes m-spinner-scaleout {
    0% {
        opacity: .3 ;
        filter: alpha(opacity=30) ;
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        opacity: 1 ;
        filter: alpha(opacity=100) ;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.m-spinner {
    background-color: #e2e5ec
}

.m-spinner.m-spinner--skin-dark {
    background-color: #a9acb8
}

.m-spinner.m-spinner--brand {
    background-color: #716aca
}

.m-spinner.m-spinner--metal {
    background-color: #c4c5d6
}

.m-spinner.m-spinner--light {
    background-color: #fff
}

.m-spinner.m-spinner--accent {
    background-color: #00c5dc
}

.m-spinner.m-spinner--focus {
    background-color: #9816f4
}

.m-spinner.m-spinner--primary {
    background-color: #5867dd
}

.m-spinner.m-spinner--success {
    background-color: #34bfa3
}

.m-spinner.m-spinner--info {
    background-color: #36a3f7
}

.m-spinner.m-spinner--warning {
    background-color: #ffb822
}

.m-spinner.m-spinner--danger {
    background-color: #f4516c
}

#virtualList::-webkit-scrollbar{
    display: none;
}

.party-label {
    display: flex;
    /* justify-content: space-between; */
    width: 100%;
}

.no-data{
    display: flex;
    justify-content: center;
    font-size: large;
    font-weight: 500;
    color: #808080;
}

.checkboxItems {
    margin-right: 20px !important;
}

.invoice-border{
    border: 1px solid var(--bs-gray-300);
    padding: calc(var(--bs-gutter-x) * 0.5);
}

.m-loader {
    /* position: relative; */
    position: absolute;
    top: 50%;
    left: 50%;
}

.m-loader:before {
    content: '';
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    border-top: 2px solid #07d;
    border-right: 2px solid transparent;
    border-radius: 50%;
    -webkit-animation: m-loader-rotate 0.6s linear infinite;
    animation: m-loader-rotate 0.6s linear infinite
}

.m-loader:before {
    width: 2.4rem;
    height: 2.4rem;
    margin-top: -.7rem;
    margin-left: -.7rem;
    border-top-width: 2px;
    border-right-width: 2px
}

.m-loader.m-loader--lg:before {
    width: 2rem;
    height: 2rem;
    margin-top: -1rem;
    margin-left: -1rem;
    border-top-width: 3px;
    border-right-width: 3px
}

.m-loader.m-loader--sm:before {
    width: 1rem;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -.5rem;
    border-top-width: 1px;
    border-right-width: 1px
}

.m-loader.m-loader--right:before {
    left: auto;
    right: .7rem
}

.m-loader.m-loader--right.m-loader--lg:before {
    right: 1rem
}

.m-loader.m-loader--right.m-loader--sm:before {
    right: .5rem
}

.m-loader.m-loader--right.btn {
    padding-right: 3.25rem
}

.m-loader.m-loader--right.btn.m-loader--lg {
    padding-right: 4.65rem
}

.m-loader.m-loader--right.btn.m-loader--sm {
    padding-right: 2.3rem
}

.m-loader.m-loader--left:before {
    left: 1.4rem
}

.m-loader.m-loader--left.m-loader--lg:before {
    left: 2rem
}

.m-loader.m-loader--left.m-loader--sm:before {
    left: 1rem
}

.m-loader.m-loader--left.btn {
    padding-left: 3.25rem
}

.m-loader.m-loader--left.btn.m-loader--lg {
    padding-left: 4.65rem
}

.m-loader.m-loader--left.btn.m-loader--sm {
    padding-left: 2.3rem
}

@-webkit-keyframes m-loader-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes m-loader-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.m-loader:before {
    border-top-color: #dfe2ea
}

.m-loader.m-loader--skin-dark:before {
    border-top-color: #acafba
}

.m-loader.m-loader--brand:before {
    border-top-color: #716aca
}

.m-loader.m-loader--metal:before {
    border-top-color: #c4c5d6
}

.m-loader.m-loader--light:before {
    border-top-color: #fff
}

.m-loader.m-loader--accent:before {
    border-top-color: #00c5dc
}

.m-loader.m-loader--focus:before {
    border-top-color: #9816f4
}

.m-loader.m-loader--primary:before {
    border-top-color: #5867dd
}

.m-loader.m-loader--success:before {
    border-top-color: #34bfa3
}

.m-loader.m-loader--info:before {
    border-top-color: #36a3f7
}

.m-loader.m-loader--warning:before {
    border-top-color: #ffb822
}

.m-loader.m-loader--danger:before {
    border-top-color: #f4516c
}

.kt-badge {
    padding: 0;
    margin: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    font-size: .8rem
}

.kt-badge.kt-badge--bold {
    font-weight: 500
}

.kt-badge.kt-badge--bolder {
    font-weight: 600
}

.kt-badge.kt-badge--boldest {
    font-weight: 700
}

.kt-badge.kt-badge--md {
    height: 24px;
    width: 24px;
    font-size: .9rem
}

.kt-badge.kt-badge--lg {
    height: 35px;
    width: 35px;
    font-size: 1rem
}

.kt-badge.kt-badge--xl {
    height: 50px;
    width: 50px;
    font-size: 1.1rem;
    font-weight: 500
}

.kt-badge.kt-badge__pics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.kt-badge.kt-badge__pics .kt-badge__pic {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    margin-left: -.7rem;
    border: 1px solid #fff;
    background-color: #f0f3ff;
    color: #a1a8c3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 500;
    position: relative
}

.kt-badge.kt-badge__pics .kt-badge__pic img {
    width: 100%
}

.kt-badge.kt-badge__pics .kt-badge__pic.kt-badge__pic--last {
    font-size: 1rem;
    font-weight: 500
}

.kt-badge.kt-badge--brand {
    color: #fff;
    background: #2c77f4
}

.kt-badge.kt-badge--outline.kt-badge--brand {
    background: 0 0;
    color: #2c77f4;
    border: 1px solid #2c77f4
}

.kt-badge.kt-badge--outline.kt-badge--brand.kt-badge--outline-2x {
    border: 2px solid #2c77f4
}

.kt-badge.kt-badge--light {
    color: #282a3c;
    background: #fff
}

.kt-badge.kt-badge--outline.kt-badge--light {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff
}

.kt-badge.kt-badge--outline.kt-badge--light.kt-badge--outline-2x {
    border: 2px solid #fff
}

.kt-badge.kt-badge--dark {
    color: #fff;
    background: #282a3c
}

.kt-badge.kt-badge--outline.kt-badge--dark {
    background: 0 0;
    color: #282a3c;
    border: 1px solid #282a3c
}

.kt-badge.kt-badge--outline.kt-badge--dark.kt-badge--outline-2x {
    border: 2px solid #282a3c
}

.kt-badge.kt-badge--primary {
    color: #fff;
    background: #5867dd
}

.kt-badge.kt-badge--outline.kt-badge--primary {
    background: 0 0;
    color: #5867dd;
    border: 1px solid #5867dd
}

.kt-badge.kt-badge--outline.kt-badge--primary.kt-badge--outline-2x {
    border: 2px solid #5867dd
}

.kt-badge.kt-badge--success {
    color: #fff;
    background: #1dc9b7
}

.kt-badge.kt-badge--outline.kt-badge--success {
    background: 0 0;
    color: #1dc9b7;
    border: 1px solid #1dc9b7
}

.kt-badge.kt-badge--outline.kt-badge--success.kt-badge--outline-2x {
    border: 2px solid #1dc9b7
}

.kt-badge.kt-badge--info {
    color: #fff;
    background: #5578eb
}

.kt-badge.kt-badge--outline.kt-badge--info {
    background: 0 0;
    color: #5578eb;
    border: 1px solid #5578eb
}

.kt-badge.kt-badge--outline.kt-badge--info.kt-badge--outline-2x {
    border: 2px solid #5578eb
}

.kt-badge.kt-badge--warning {
    color: #111;
    background: #ffb822
}

.kt-badge.kt-badge--outline.kt-badge--warning {
    background: 0 0;
    color: #ffb822;
    border: 1px solid #ffb822
}

.kt-badge.kt-badge--outline.kt-badge--warning.kt-badge--outline-2x {
    border: 2px solid #ffb822
}

.kt-badge.kt-badge--danger {
    color: #fff;
    background: #fd397a
}

.kt-badge.kt-badge--outline.kt-badge--danger {
    background: 0 0;
    color: #fd397a;
    border: 1px solid #fd397a
}

.kt-badge.kt-badge--outline.kt-badge--danger.kt-badge--outline-2x {
    border: 2px solid #fd397a
}

.kt-badge.kt-badge--unified-brand {
    color: #2c77f4;
    background: rgba(44,119,244,.1)
}

.kt-badge.kt-badge--unified-light {
    color: #fff;
    background: rgba(255,255,255,.1)
}

.kt-badge.kt-badge--unified-dark {
    color: #282a3c;
    background: rgba(40,42,60,.1)
}

.kt-badge.kt-badge--unified-primary {
    color: #5867dd;
    background: rgba(88,103,221,.1)
}

.kt-badge.kt-badge--unified-success {
    color: #1dc9b7;
    background: rgba(29,201,183,.1)
}

.kt-badge.kt-badge--unified-info {
    color: #5578eb;
    background: rgba(85,120,235,.1)
}

.kt-badge.kt-badge--unified-warning {
    color: #ffb822;
    background: rgba(255,184,34,.1)
}

.kt-badge.kt-badge--unified-danger {
    color: #fd397a;
    background: rgba(253,57,122,.1)
}

.kt-badge.kt-badge--inline {
    height: auto;
    width: auto;
    padding: .15rem .75rem;
    border-radius: 2px
}

.kt-badge.kt-badge--inline.kt-badge--md {
    padding: .8rem .6rem
}

.kt-badge.kt-badge--inline.kt-badge--lg {
    padding: .9rem .7rem
}

.kt-badge.kt-badge--inline.kt-badge--xl {
    padding: 1rem .8rem
}

.kt-badge.kt-badge--pill {
    border-radius: 2rem
}

.kt-badge.kt-badge--rounded {
    border-radius: 4px
}

.kt-badge.kt-badge--dot {
    display: inline-block;
    line-height: 6px;
    min-height: 6px;
    min-width: 6px;
    height: 6px;
    width: 6px;
    font-size: 0;
    vertical-align: middle;
    text-align: center
}

.kt-badge.kt-badge--dot.kt-badge--sm {
    line-height: 4px;
    min-height: 4px;
    min-width: 4px;
    height: 4px;
    width: 4px
}

.kt-badge.kt-badge--dot.kt-badge--lg {
    line-height: 8px;
    min-height: 8px;
    min-width: 8px;
    height: 8px;
    width: 8px
}

.kt-badge.kt-badge--dot.kt-badge--xl {
    line-height: 10px;
    min-height: 10px;
    min-width: 10px;
    height: 10px;
    width: 10px
}

.kt-badge.kt-badge--square {
    border-radius: 0
}

.kt-badge.kt-badge--elevate {
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1)
}
.menu-title{
    /* color: #f1f1f2 !important; */
    color: var(--bs-text-dark) !important;
    /* color: var() !important; */
}

.pdf-div {
    cursor: pointer;
}

#kt_content {
    position: relative;
}