/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 3.0
	Author: GeeksLabs
	Author URL: http://www.themeforest.net/user/geekslabs
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */

.prmtbl{
  font-size: 22px;
}
.prmtbl tr th{
  border: 1px solid green;
  padding: 5px 10px;
}
.prmtbl tr td{
  border: 1px solid green;
  padding: 5px 10px;
}
.lblrdo{
  font-size: 24px!important;
  margin: 0px 10px;
  padding: 5px 0px 0px 45px;
}
.menubtn{
    border: none;
    border-radius: 2px;
    display: inline-block;
    line-height: 22px;
    outline: 0;
    padding: 5px 8px;
    margin:2px 0px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    letter-spacing: .5px;
}

  .my-report{
    text-align: center;
  }

  .my-report .header-text {
    font-weight: bold;
    font-size: 14px;
  }
  .my-report .logo {
    width: 75px;
    margin: 10px auto 10px auto;
  }
  .my-report .title-main {
    font-weight: bold;
    font-size: 18px;
    margin: 5px 0 0 0;
  }
  .my-report .title-sub {
    margin: 3px 0 3px 0;
    font-size: 12px;
  }
  .my-report .contact-info {
    font-size: 11px;
    margin: 0 0 10px 0;
  }
  .my-report .year-line {
    margin: 10px 0 10px 0;
    font-weight: bold;
  }
  .my-report .table-title {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 8px;
  }
  .my-report .problem-label {
    color: red;
    float: right;
    font-weight: bold;
    font-size: 20px;
    margin-top: -80px;
    margin-right: 10px;
  }
  .my-report table {
    border-collapse: collapse;
    width: 100%;
    font-size: 11px;
  }
  .my-report th, .my-report td {
    border: 1px solid black;
    padding: 3px 5px;
    text-align: center;
    white-space: nowrap;
  }
  .my-report th {
    font-weight: bold;
    background-color: #f0f0f0;
  }
  .my-report .footer {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 40px auto 0 auto;
    font-weight: bold;
    font-size: 12px;
  }
  .my-report .footer div {
    border-top: 1px solid black;
    padding-top: 5px;
    width: 150px;
  }
  .my-report .total-row td {
    font-weight: bold;
    text-align: center;
  }


/* -------- PRINT STYLES -------- */
/* Add this entire block to the end of your main CSS file */

@media print {
    /* Hide everything on the page by default */
    body * {
        visibility: hidden;
    }

    /* Make the #printArea and everything inside it visible */
    #printArea, #printArea * {
        visibility: visible;
    }

    /* Position the print area to fill the entire page */
    #printArea {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* Hide the print button itself */
    #printButton {
        display: none;
    }

    /* Optional: Remove any shadows or borders from containers for a cleaner print */
    .card-panel {
        box-shadow: none !important;
        border: none !important;
    }

    /* Ensure text is black and has no text shadow for better readability */
    * {
        color: #000 !important;
        text-shadow: none !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Style the table for printing */
    table {
        width: 100%;
        border-collapse: collapse;
        font-size: 10pt; /* Adjust font size for print if needed */
    }

    th, td {
        border: 1px solid #000;
        padding: 5px;
        text-align: center;
    }
    
    .footer {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
        page-break-inside: avoid; /* Prevent footer from splitting across pages */
    }

    .footer div {
        border-top: 1px solid #000;
        padding-top: 5px;
    }
}