@media print {
    @page {
        size: A4 landscape;
    }
    .no-print { display: none !important; }

    body {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

    /* css */
    .relative { position: relative; }
    .absolute { position: absolute; }
    .top-0 { top: 0; }
    .bottom-0 { bottom: 0; }
    .left-0 { left: 0; }
    .right-0 { right: 0; }
    .h-full { height: 100%; }
    .w-full { width: 100%; }
    .max-w-350 { max-width: 350px; }
    .overflow-y-auto { overflow-y: auto; }
    .overflow-auto { overflow-x: auto; overflow-y: auto; }
    .m-auto { margin: auto; }

    .background-white { background-color: white; }

    .mt-10 { margin-top: 10px; }
    .mt-5 { margin-top: 5px; }
    .mr-5 { margin-right: 5px; }
    .mr-10 { margin-right: 10px;}
    .mb-20 { margin-bottom: 20px; }
    .mb-10 { margin-bottom: 10px; }
    .mb-15 { margin-bottom: 15px; }
    .mb-45 { margin-bottom: 45px; }
    .ml-5 { margin-left: 5px; }

    .mb-5 { margin-bottom: 5px;}
    .p-10 { padding: 10px;}
    .p-5 { padding: 5px; }
    .p-0 { padding: 0px; }
    .py-10 { padding-top: 10px; padding-bottom: 10px; }
    .px-10 { padding-left: 10px; padding-right: 10px; }
    .px-5 { padding-left: 5px; padding-right: 5px; }
    .pr-5 { padding-right: 5px; }
    .pr-10 { padding-right: 10px; }
    .pl-10 { padding-left: 10px; }
    .pb-20 { padding-bottom: 20px; }
    .pb-40 { padding-bottom: 40px; }
    .pt-10 { padding-top: 10px; }
    .pt-45 { padding-top: 45px; }
    .d-flex { display: flex; }
    .flex-grow { flex-grow: 1; }
    .flex-shrink { flex-shrink: 1; }
    .flex-basis-0 { flex-basis: 0; }
    .justify-start { justify-content: start; }
    .justify-center { justify-content: center; }
    .justify-end { justify-content: end; }
    .justify-around { justify-content: space-around; }
    .justify-between { justify-content: space-between; }
    .flex-row { flex-direction: row; }
    .flex-column { flex-direction: column; }
    .items-center { align-items: center; }
    .text-right { text-align: right; }
    .text-left { text-align: left; }
    /* .card-10 { box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.25); } */
    .bg-white { background-color: white;}
    .bg-light-white { background-color: rgba(255, 255, 255, 0.5);}


    .border-t-1 { border-top-width: 1px; border-style: solid;}
    .border-r-1 { border-right-width: 1px; border-style: solid; }
    .border-b-1 { border-bottom-width: 1px; border-style: solid; }
    .border-l-5 { border-left-width: 5px; border-style: solid;}

    .border-1 { border-width: 1px; border-style: solid;}
    .border-black { border-color: black }

    .text-red { color: red; }
    .text-red-light { color: rgb(252, 48, 48); };
    .text-orange { color: orange; }
    .text-oranged { color: orangered; }
    .text-green { color: green; }
    .text-yellow { color: yellow; }

    /* .card-5 {
    box-shadow: 0px 0px 5px  rgba(0, 0, 0, 0.12);
    } */

    .font-bold { font-weight: bold; }
    .font-familly-sans-serif { font-family: sans-serif; }


    #dashboard-charts {
        margin: auto;
        max-width: 297mm;
    }

    dashboard-chart {
        page-break-inside: avoid;
        width: 100%;
    }
}