.whitescale-100 {
    filter: brightness(0) invert(1);
    opacity: 1;
}
.tns.tns-default .tns-outer {
    margin: 0 3rem !important;
}
.bg-light-blue {
    background-color: #70a5f9 !important;
}

.border-light-danger {
    --bs-border-opacity: 0.25;
    border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.w-80{
    width:80%!important
}
.w-95{
    width:95%!important
}

@media (max-width:575px){
    .col-sm{
        flex:1 0 0%
    }
    .row-cols-sm-auto>*{
        flex:0 0 auto;
        width:auto
    }
    .row-cols-sm-1>*{
        flex:0 0 auto;
        width:100%
    }
    .row-cols-sm-2>*{
        flex:0 0 auto;
        width:50%
    }
    .row-cols-sm-3>*{
        flex:0 0 auto;
        width:33.33333333%
    }
    .row-cols-sm-4>*{
        flex:0 0 auto;
        width:25%
    }
    .row-cols-sm-5>*{
        flex:0 0 auto;
        width:20%
    }
    .row-cols-sm-6>*{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-sm-auto{
        flex:0 0 auto;
        width:auto
    }
    .col-sm-1{
        flex:0 0 auto;
        width:8.33333333%
    }
    .col-sm-2{
        flex:0 0 auto;
        width:16.66666667%
    }
    .col-sm-3{
        flex:0 0 auto;
        width:25%
    }
    .col-sm-4{
        flex:0 0 auto;
        width:33.33333333%
    }
    .col-sm-5{
        flex:0 0 auto;
        width:41.66666667%
    }
    .col-sm-6{
        flex:0 0 auto;
        width:50%
    }
    .col-sm-7{
        flex:0 0 auto;
        width:58.33333333%
    }
    .col-sm-8{
        flex:0 0 auto;
        width:66.66666667%
    }
    .col-sm-9{
        flex:0 0 auto;
        width:75%
    }
    .col-sm-10{
        flex:0 0 auto;
        width:83.33333333%
    }
    .col-sm-11{
        flex:0 0 auto;
        width:91.66666667%
    }
    .col-sm-12{
        flex:0 0 auto;
        width:100%
    }
    .offset-sm-0{
        margin-left:0
    }
    .offset-sm-1{
        margin-left:8.33333333%
    }
    .offset-sm-2{
        margin-left:16.66666667%
    }
    .offset-sm-3{
        margin-left:25%
    }
    .offset-sm-4{
        margin-left:33.33333333%
    }
    .offset-sm-5{
        margin-left:41.66666667%
    }
    .offset-sm-6{
        margin-left:50%
    }
    .offset-sm-7{
        margin-left:58.33333333%
    }
    .offset-sm-8{
        margin-left:66.66666667%
    }
    .offset-sm-9{
        margin-left:75%
    }
    .offset-sm-10{
        margin-left:83.33333333%
    }
    .offset-sm-11{
        margin-left:91.66666667%
    }
    .g-sm-0,.gx-sm-0{
        --bs-gutter-x:0rem
    }
    .g-sm-0,.gy-sm-0{
        --bs-gutter-y:0rem
    }
    .g-sm-1,.gx-sm-1{
        --bs-gutter-x:0.25rem
    }
    .g-sm-1,.gy-sm-1{
        --bs-gutter-y:0.25rem
    }
    .g-sm-2,.gx-sm-2{
        --bs-gutter-x:0.5rem
    }
    .g-sm-2,.gy-sm-2{
        --bs-gutter-y:0.5rem
    }
    .g-sm-3,.gx-sm-3{
        --bs-gutter-x:0.75rem
    }
    .g-sm-3,.gy-sm-3{
        --bs-gutter-y:0.75rem
    }
    .g-sm-4,.gx-sm-4{
        --bs-gutter-x:1rem
    }
    .g-sm-4,.gy-sm-4{
        --bs-gutter-y:1rem
    }
    .g-sm-5,.gx-sm-5{
        --bs-gutter-x:1.25rem
    }
    .g-sm-5,.gy-sm-5{
        --bs-gutter-y:1.25rem
    }
    .g-sm-6,.gx-sm-6{
        --bs-gutter-x:1.5rem
    }
    .g-sm-6,.gy-sm-6{
        --bs-gutter-y:1.5rem
    }
    .g-sm-7,.gx-sm-7{
        --bs-gutter-x:1.75rem
    }
    .g-sm-7,.gy-sm-7{
        --bs-gutter-y:1.75rem
    }
    .g-sm-8,.gx-sm-8{
        --bs-gutter-x:2rem
    }
    .g-sm-8,.gy-sm-8{
        --bs-gutter-y:2rem
    }
    .g-sm-9,.gx-sm-9{
        --bs-gutter-x:2.25rem
    }
    .g-sm-9,.gy-sm-9{
        --bs-gutter-y:2.25rem
    }
    .g-sm-10,.gx-sm-10{
        --bs-gutter-x:2.5rem
    }
    .g-sm-10,.gy-sm-10{
        --bs-gutter-y:2.5rem
    }
}

.nav-line-tabs.nav-line-tabs-4x .nav-item .nav-link.active, .nav-line-tabs.nav-line-tabs-4x .nav-item .nav-link:hover:not(.disabled), .nav-line-tabs.nav-line-tabs-4x .nav-item.show .nav-link {
    border-bottom-width: 4px;
}
.nav-line-tabs.nav-line-tabs-4x{
    border-bottom-width:4px
}
.nav-line-tabs.nav-line-tabs-4x .nav-item{
    margin-bottom:-4px
}
.nav-line-tabs .nav-item .nav-link {
    color: var(--bs-gray-500);
    border: 0;
    border-bottom: 4px solid transparent;
    transition: color .2s ease;
    padding: .5rem 0;
    margin: 0 1rem;
}
@media (min-width:940px){
    .col-20{
        flex:0 0 auto;
        width:20%
    }
}

.h-17px {
    height: 17px !important;
}
.text-underline{
    text-decoration: underline;
}
.badge-light-blue {
    background-color: #d4ddfd;
    color: #2a54f7 ;
}
.bg-light-blue-- {
    background-color: #d4ddfd !important;
}

@media (min-width: 760px) {
    .show_mobile {
        display: none;
    }
}
@media (max-width: 760px) {
    .mo_none {
        display: none !important;
    }
}
.bor-bot-4{
    border-bottom-width: 4px !important;
}
.color-income{
    color: #6771dc;
}
.color-bg-income{
    background-color: #6771dc;
}
.color-expense{
    color: #dd6788;
}
.color-bg-expense{
    background-color: #dd6788;
}


.bg-navy{
    background-color: #080651;
}
.swal2-popup .swal2-content, .swal2-popup .swal2-html-container {
    font-weight: 500 !important;
    font-size: 1.2rem;
    margin-top: 1rem;
    line-height: 2.5rem;
    color: var(--bs-gray-800);
}
.swal2-html-container {
    z-index: 1;
    justify-content: center;
    margin: 1em 1.6em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 1.2em;
    
    font-weight: 500;
    line-height: normal;
    text-align: center;
    word-wrap: break-word;
    word-break: break-word;
}
.swal2-container.swal2-center>.swal2-popup {
    grid-column: 2;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    padding: 2em 2em 4em;
}
.h-120px {
    height: 120px !important;
}
.btn-primary-cgd{
    --bs-btn-color:#ffffff;
    --bs-btn-bg:#2e3192;
    --bs-btn-border-color:#2e3192;
    --bs-btn-hover-color:#ffffff;
    --bs-btn-hover-bg:#3a3da0;
    --bs-btn-hover-border-color:#2e3192;
    --bs-btn-focus-shadow-rgb:23,112,217;
    --bs-btn-active-color:#ffffff;
    --bs-btn-active-bg:#2e3192;
    --bs-btn-active-border-color:#2e3192;
    --bs-btn-active-shadow:none;
    --bs-btn-disabled-color:#ffffff;
    --bs-btn-disabled-bg:#2e3192;
    --bs-btn-disabled-border-color:#2e3192;
}

.link-primary-cgd {
    color: #2e3192 !important;
    text-decoration-color:#2e3192 !important;
}
.form-check.form-check-cgd .form-check-input:checked {
    background-color: #2e3192;
}