.addnewcustomer-md-4col-12mb-3 {
    padding: 0px !important;
}

.custom-modal-width {
    max-width: 800px; /* Adjust width as needed */
    width: 100%; /* Responsive width */
}
.closing-balance {
    clear: both;
    text-align: right; /* Align the text to the right */
    margin-top: 20px;
}

        .closing-balance h3 {
            font-weight: bold;
            font-size: 13pt;
        }

    .title-line {
        border: 0;
        border-top: 2px solid black; /* 2px thick black line */
        margin: 10px 0; /* Add space around the line */
    }

    .contact-info {
        font-family: Arial, sans-serif;
        margin-bottom: 20px;
    }


 
     
    .buy-details {
        font-family: Arial, sans-serif;
        margin-bottom: 20px;
    }

        .buy-details h3 {
            font-size: 15pt;
            color: #333;
            text-align: left;
            font-weight: bold;
            margin: 0px;
        }

        .buy-details p {
            font-size: 11pt;
            color: black; /* Set font color to black */
            text-align: left;
            margin: 0px; /* Removed margin */
        }

    .contact-info h3 {
        font-size: 15pt;
        color: #333;
        text-align: center;
        font-weight: bold;
        margin: 0px;
    }

    .contact-info p {
        font-size: 11pt;
        color: black; /* Set font color to black */
        text-align: center;
        margin: 0px; /* Removed margin */
    }

    .contact-info a {
        color: #007bff;
        text-decoration: none;
    }

        .contact-info a:hover {
            text-decoration: underline;
        }


    #tableclientleader-container {
        width: 100%;
        overflow-x: auto; /* Enables horizontal scrolling on small screens */
        margin-top: 10px;
        border-radius: 10px; /* Rounded corners */
    }

      

.table-title {
    text-align: center;  
    color: #000000; 
    font-size: 14pt; 
    font-weight: bold;  
}
 
#tableclientleader {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 10px;
    border-collapse: collapse;
}

        /* Cell Styling */
        #tableclientleader th, #tableclientleader td {
            padding: 5px 15px;
            text-align: left;
            font-size: 10pt;
        }

        /* Header Styling */
        #tableclientleader th {
            background-color: #535353;
            color: #fff;
        }

        /* Alternating Row Colors */
        #tableclientleader tr:nth-child(odd) {
            background-color: #f2f2f2;
        }

        #tableclientleader tr:nth-child(even) {
            background-color: rgb(0 0 0 / 2%);
        }

        /* Hover Effect */
        #tableclientleader tr:hover {
            background-color: #00AEEF !important;
            color: white;
        }

  





@media (max-width: 768px) {

    .closing-balance h3 {
        font-weight: bold;
        font-size: 10pt;
    }

    #tableclientleader th, #tableclientleader td {
        font-size: 9pt;
        padding: 1px;
    }

    #tableclientleader-container .table-title {
        font-size: 12px; /* Slightly smaller font size for tablets */
    }

    .contact-info h3 {
        font-size: 12pt;
        color: #333;
        text-align: center;
        font-weight: bold;
        margin: 0px;
    }

    .contact-info p {
        font-size: 9pt;
        color: black; /* Set font color to black */
        text-align: center;
        margin: 0px; /* Removed margin */
    }

    .contact-info a {
        color: #007bff;
        text-decoration: none;
    }

        .contact-info a:hover {
            text-decoration: underline;
        }


    .buy-details {
        font-family: Arial, sans-serif;
        margin-bottom: 20px;
    }

        .buy-details h3 {
            font-size: 12pt;
            color: #333;
            text-align: left;
            font-weight: bold;
            margin: 0px;
        }

        .buy-details p {
            font-size: 9pt;
            color: black; /* Set font color to black */
            text-align: left;
            margin: 0px; /* Removed margin */
        }

}



@media (max-width: 992px) {

    .closing-balance h3 {
        font-weight: bold;
        font-size: 10pt;
    }

    .contact-info h3 {
        font-size: 12pt;
        color: #333;
        text-align: center;
        font-weight: bold;
        margin: 0px;
    }

    .contact-info p {
        font-size: 9pt;
        color: black; /* Set font color to black */
        text-align: center;
        margin: 0px; /* Removed margin */
    }

    .contact-info a {
        color: #007bff;
        text-decoration: none;
    }

        .contact-info a:hover {
            text-decoration: underline;
        }
}