/* X-Small devices (portrait phones, less than 576px)
No media query for `xs` since this is the default in Bootstrap */


/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}


/* X-Large devices (large desktops, 1200px and down) */

@media (min-width: 1200px) {
    .logo {
        height: 70px!important;
        position: absolute; 
        top: 0; 
        left: 0;
    }

    .border-right-own {
        border-right: 1px solid #ccc;
    }

    .w-xl-75 {
        width: 75%!important;
    }

    .fs-xl-5 {
        font-size: 1.25rem!important;
    }

    .donutchartClass {
        min-height: 400px;
    }
}


/* XX-Large devices (larger desktops, 1800px and down) */

@media (min-width: 2000px) {

}


/* If screen is scaled */

@media (-webkit-min-device-pixel-ratio: 1.25) {

}

@media (-webkit-min-device-pixel-ratio: 1.50) {
    
}

@page {
    size: auto;
    margin: 12mm;
}

@media print {
    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
    }

    /* .disp-flex {
        display: block !important;
        text-align: center;
    } */

    .no-print,
    footer.no-print,
    nav,
    footer,
    .btn,
    .btn-frame,
    .btn-frame-square,
    .offcanvas,
    .modal {
        display: none !important;
    }

    .container,
    .container-fluid,
    .row,
    .col,
    .col-6,
    .col-xl-6,
    .d-flex,
    .disp-flex {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    * {
        box-shadow: none !important;
        text-shadow: none !important;
    }

    img,
    table,
    tr,
    td,
    th,
    .card,
    .chart-block {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    h1, h2, h3, h4 {
        break-after: avoid;
        page-break-after: avoid;
    }
}