@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import "_root.css";

/* DataTable CSS */

table.dataTable {
    td {
        white-space: nowrap;
    }
}

#dt-search-0 {
    margin: 0;
}

.w20 {
    width: 20px;
}

.chart-container {
    min-height: 450px;

    @media (max-width: 767.98px) {
        min-height: 330px !important;
        max-height: 330px !important;
        height: 100%;
    }
}

@media print {

    html, body {
        --bs-body-bg: #fff;
        background-color: var(--bs-body-bg);
        color: #000;
        margin: 0 !important;
        padding: 0 !important;
        height: 100% !important;
        width: 100% !important;
    }
    .container {
        max-width: 100% !important;
        max-height: 100%;
        width: 100vw;
        height: 100vh;
        overflow: hidden;

        justify-items: center;
        align-content: center;

        &.py-4 {
            padding: 0 !important;
        }
    }
    .main {
        justify-content: unset !important;
        margin: 0;
        width: 100%;
        page-break-after: auto;
    }
    .col-md-10 {
        width: 100%;
        padding: 0 !important;
    }
    .shadow-sm {
        box-shadow: none !important;
    }
    .card {
        border: none;
    }
    .card-header {
        background-color: #fff;
        color: #000;
        padding-left: 0;
        padding-right: 0;
    }
    .card-body {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    canvas#bpChart {
        min-height: 100%;
        max-width: 100%;
        max-height: 100%;
        height: auto!important;
        width: auto!important;
    }
}