@media print {
    .printable {
        background-color: white;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
        padding: 15px;
        font-size: 14px;
        line-height: 18px;
    }

    .ng-isolate-scope {
        display: none;
    }

    #leftcolumn {
        display: none;
    }

    .noprint {
        display: none;
    }

    body {
        zoom: 75%;
    }

    img {
        width: 5rem;
        height: 5rem;
    }
}



.currency {
    text-align: right !important;
    font-weight: 600;
}


.alert-error {
    --bs-alert-color: #842029;
    --bs-alert-bg: #f8d7da;
    --bs-alert-border-color: #f5c2c7
}

    .alert-error .alert-link {
        color: #6a1a21
    }


.table > tbody > tr > td {
    vertical-align: top;
}



.form-group-ecom input,
.form-group-ecom textarea {
    display: block;
    font-size: 1rem;
    line-height: 1.9;
    -webkit-transition: all 0.28s ease;
    transition: all 0.28s ease;
    box-shadow: none;
    border-radius: 0.375rem;
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
}

.form-control-ecom {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}


.tab-content {
    border-radius: 0.375rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 1rem 1rem;
    border: 1px solid;
    border-color: transparent #dee2e6 #dee2e6;
}

.nav-tabs {
    --bs-nav-tabs-border-width: 1px;
    --bs-nav-tabs-border-color: #dee2e6;
    --bs-nav-tabs-border-radius: 0.375rem;
    --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6;
    --bs-nav-tabs-link-active-color: #495057;
    --bs-nav-tabs-link-active-bg: #fff;
    --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff;
    border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)
}

    .nav-tabs .nav-link {
        margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
        background: 0 0;
        border: var(--bs-nav-tabs-border-width) solid transparent;
        border-top-left-radius: var(--bs-nav-tabs-border-radius);
        border-top-right-radius: var(--bs-nav-tabs-border-radius)
    }

        .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
            isolation: isolate;
            border-color: var(--bs-nav-tabs-link-hover-border-color)
        }

        .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled {
            color: var(--bs-nav-link-disabled-color);
            background-color: transparent;
            border-color: transparent
        }

        .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
            color: var(--bs-nav-tabs-link-active-color);
            background-color: var(--bs-nav-tabs-link-active-bg);
            border-color: var(--bs-nav-tabs-link-active-border-color)
        }

    .nav-tabs .dropdown-menu {
        margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .nav-tabs .nav-link.active {
        background-color: rgb(248,249,250);
        border-bottom: 1px solid rgb(248,249,250);
        font-weight: 600;
    }

.tab-content > .tab-pane {
    display: none
}

.tab-content > .active {
    display: block
}


.nav-fill .nav-item, .nav-fill > .nav-link {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified .nav-item, .nav-justified > .nav-link {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

    .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link {
        width: 100%
    }

.nav {
    --bs-nav-link-padding-x: 1rem;
    --bs-nav-link-padding-y: 0.5rem;
    --bs-nav-link-font-weight:;
    --bs-nav-link-color: var(--bs-link-color);
    --bs-nav-link-hover-color: var(--bs-link-hover-color);
    --bs-nav-link-disabled-color: #6c757d;
    /*display: flex;
    flex-wrap: wrap;*/
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
    font-size: var(--bs-nav-link-font-size);
    font-weight: var(--bs-nav-link-font-weight);
    color: var(--bs-nav-link-color);
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:focus, .nav-link:hover {
    color: var(--bs-nav-link-hover-color)
}

.nav-link.disabled {
    color: var(--bs-nav-link-disabled-color);
    pointer-events: none;
    cursor: default
}



.bg-feature {
    background: linear-gradient(0deg,rgba(39, 47, 97, 1) 0%, rgba(102, 126, 234, 1) 100%);
}
.text-feature {
    color: #ffffff;
    font-weight: 800;
}

.text-feature-small {
    color: #efefef;
    font-weight: 400;
}

.bg-action {
    background: linear-gradient(0deg,rgba(97, 39, 39, 1) 0%, rgba(234, 102, 102, 1) 100%);
}
.text-action {
    color: #ffffff;
    font-weight: 800;
}

.text-action-small {
    color: #efefef;
    font-weight: 400;
}

.bg-total {
    background: linear-gradient(0deg,rgba(72, 39, 97, 1) 0%, rgba(166, 102, 234, 1) 100%);
}
.text-total {
    color: #ffffff;
    font-weight: 800;
}

.text-total-small {
    color: #efefef;
    font-weight: 400;
}

.bg-feature-input {
    background-color: rgb(248, 249, 250) !important;
}



.ogCustom, .ogCustom *, ::after, ::before {
    box-sizing: border-box
}