/* Payslip Page Styles */
.payslip-container {
    width: 100%;
    margin: 0 auto;
    padding: 0px;
    font-family: 'Century Gothic', 'Montserrat', sans-serif;
    background: #fff;
}

.payslip-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;
}

.payslip-logo img {
    width: auto;
    height: 100px;
}

.payslip-company-details {
    text-align: right;
    
}
.payslip-company-details h5{
    font-family: 'Century Gothic', 'Montserrat', sans-serif;
    font-size: 26px;
}
.payslip-company-details p{
    margin-bottom: 0; /* Removes bottom margin */
    padding-bottom: 0; /* Removes bottom padding */
    font-family: 'Century Gothic', 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 600;
}
.payslip-section {
    margin: 20px 20px;
}

/* Add spacing between table cells */
.payslip-table {
    width: 100%;
    border-collapse: separate; /* Allows cell spacing */
    border-spacing: 3px; /* Adds space between cells */
}

.payslip-table th, 
.payslip-table td {
    padding: 6px 0px; /* Increased padding for more space inside cells */
    text-align: left;
    background-color: #ffffff;
    width: 25%; 
}

.payslip-total {
    background-color: #f2f2f2;
    font-weight: bold;
}

.payslip-footer {
    text-align: center;
    margin-top: 20px;
}

.footer {
    width: 100%;
    height: 80px;
    background-color: #f1f1f1; /* Light background */
    display: flex;
    align-items: center; /* Vertically center the text */
    justify-content: center; /* Horizontally center the text */
    text-align: center;
    font-weight: bold;
    font-size: 10px;
    color: #333; /* Dark text for readability */
}
.footer-text {
    margin: 0; /* Remove default margins */
    font-size: 14px;
}

.payslip-section p{
    font-size: 22px;
    font-weight: 700;
    background:#f9f9f9;
    padding-top: 10px;
    padding-bottom: 10px;
}
.payslip-footer {
    display: flex;
    justify-content: space-between;
    margin-top: 150px;
    margin-bottom: 150px;
    
}

.left-section {
    text-align: left;
}

.right-section {
    text-align: right;
}