.fa-info-circle:hover {
    cursor: pointer;
}
.preload {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100vh;
    /* background-color: #000;
    opacity: 0.7; */
    z-index: 20000;
}
.preload-img {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: auto;
}
/* .swal2-confirm,
.swal2-styled {
    background: rgb(8, 108, 8);
} */

@media print {
    @page {
        size: landscape;
    }
    body::after {
        content: "Bunching Bonus System | Developed by Wayu Berry © Sher Ethipia PLC";
        position: fixed;
        bottom: -1px;
        left: 0;
        right: 0;

        text-align: center;
        background-color: #ffc007;
        margin-top: 5px;
        /* z-index: -1; */
    }
    /* .printablArea {
        transform: rotate(-90deg) !important;
        transform-origin: left top;
        border: 4px solid #000;
        width: 100vh;
        height: 100vw;
        margin-bottom: 100px;
        position: relative;
        top: 0;
        left: 0;
        font-weight: bold;
    } */

    .dailyReportTable::after {
        content: "Bonus Report";
        position: fixed;
        top: 30%;
        left: 10%;
        font-weight: 3000;
        color: black;
        font-size: 150px;
        opacity: 0.1;
        text-align: center;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        /* -moz-transform-origin: rotate(-45deg); */
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .payrollSummaryReport::after {
        content: "Bonus Summary";
        position: fixed;
        top: 20%;
        left: 10%;
        font-weight: 3000;
        color: black;
        font-size: 100px;
        opacity: 0.1;
        text-align: center;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        /* -moz-transform-origin: rotate(-45deg); */
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .no-print {
        display: none;
    }
    .vertical-header span {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        text-align: left;
        max-height: 150px;
    }
    table {
        width: 100%;
        border-collapse: collapse;
        table-layout: fixed; /* This line ensures the table layout is fixed */
    }
}
.vertical-header span {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    text-align: left;
    max-height: 150px;
}

.reportTable td,
.reportTable th {
    padding: 3px !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}