/* ===============================================
 * Bills - list / input / refer-modal
 * =============================================== */

.bill-list {
    min-height: 100px;
    border-radius: var(--zii-radius, 10px);
    min-width: 0;
    max-width: 100%;
}

    .bill-list .list-body {
        min-height: var(--zii-bill-list-min-h, 25rem);
        min-width: 0;
        max-width: 100%;
    }

.bill-tree .btn {
    border-radius: 0.5rem !important;
    border: none;
    background-color: transparent;
    box-shadow: none;
    color: var(--bs-gray-600);
    text-transform: uppercase;
    font-weight: 800 !important;
    font-size: 1rem;
    padding: 0.5rem;
}

    .bill-tree .btn:hover {
        background-color: var(--zii-gray);
        box-shadow: none;
        color: var(--bs-gray-800);
    }

    .bill-tree .btn span {
        display: none;
    }

.bill-input .bill-body {
/*    padding: 0px 0px 16px !important;
    margin: 0 1rem 0;*/
}

.bill-input .table .col-resizer {
    border-right: 1px solid var(--bs-border-color);
}

.flex-column {
    display: flex;
    flex-flow: column nowrap;
    overflow: visible;
    flex: 1;
    height: 100%;
}

    .flex-column .flex-fill {
        flex: 1;
    }

.bill-input .table-toolbar-button {
    display: -ms-flexbox !important;
    display: flex !important;
    margin-top: 8px;
    margin-bottom: 8px;
}

.bill-input .table-container {
    width: 100% !important;
}

.bill-input .table-cell .control-label {
    display: none;
}

.bill-input .sum-zone {
    margin-top: 10px;
    font-weight: bold;
}

    .bill-input .sum-zone span {
        margin-right: 10px;
    }

.bill-input .operator-zone {
    margin-top: 10px;
}

    .bill-input .operator-zone .form-label {
        width: auto !important;
    }

.bill-input .card-header:first-child {
    background-position-x: right;
    background-position-y: top;
}
/*
.normal-container .card .card-header:first-child {
    background-image: none;
    background-color: var(--bs-body-bg);
    border-bottom:var(--bs-border-color);
    padding-top: calc(var(--bs-gutter-x, 1rem) * 0.75);
    padding-bottom: calc(var(--bs-gutter-x, 1rem) * 0.75);
}

.normal-container .card .card-title {
    font-size: 0.875rem;
    font-weight: 600;
}

.normal-container .card .card-header {
    padding-left: 8px !important;
}

    .normal-container .card .card-header i {
        color: var(--bs-gray-700);
        position: absolute;
        right: 8px;
        margin-top: 4px;
    }

.normal-container .card {
    border: solid 1px var(--bs-border-color) !important;
}

    .normal-container .card.card-fill .card-body-wrapper, .normal-container .card.card-fill .card-body {
        padding: calc(var(--bs-gutter-x, 1rem) * 0.5);
    }

    .normal-container .card.card-fill .card {
        border-radius: 0px;
        box-shadow: none;
        border: none !important;
    }

        .normal-container .card.card-fill .card .card-title {
            font-size: 0.75rem;
            font-weight: 500;
        }

        .normal-container .card.card-fill .card .card-header:first-child {
            background-color: var(--bs-gray-100);
        }*/
/* ----------------------- end bill-input ----------------------- */

.refer-modal .modal-header {
    background-image: none;
    background-color: var(--bs-warning);
    background-position-x: right;
    background-position-y: top;
}

    .refer-modal .modal-header .modal-title {
        color: #fff;
    }

.refer-modal .modal-body {
    background-color: var(--bs-gray-200);
}
/* ----------------------- end refer-modal ----------------------- */