.devvn_laivay_muanha {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    max-width: 100%;
    margin: auto;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
 .devvn_laivay_muanha .payment {
    width: 49%;
    float: right;
}
.devvn_laivay_muanha .index-value-interest-retes {
    width: 49%;
    float: left;
}
.devvn_laivay_muanha .item {
    margin-bottom: 15px;
}

.devvn_laivay_muanha .item p {
    margin: 0 0 5px;
    font-weight: bold;
}

.devvn_laivay_muanha input,.devvn_laivay_muanha  select,.devvn_laivay_muanha  button {
    width: 100%;
    padding: 8px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.devvn_laivay_muanha button {
    background: #467051;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    transition: background 0.3s;
}

.devvn_laivay_muanha button:hover {
    background: #355841;
}

.devvn_laivay_muanha table {
        width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    border: 1px solid rgb(53 88 65);
    border-radius: 10px;
}

.devvn_laivay_muanha th, .devvn_laivay_muanha td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: center;
}

.devvn_laivay_muanha th {
    background: #467051;
    color: #fff;
}
.devvn_laivay_muanha .results {
    margin: 15px 0;
    background: #f9f9f9;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 15px;
}

.devvn_laivay_muanha .results p {
    margin: 5px 0;
    font-weight: bold;
    color: #333;
}
.payment-results {
    width: 100%;
    margin: 30px 0;
    clear: both;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
table#resultTable::-webkit-scrollbar {
    height: 5px; /* Adjust the height of the scrollbar */
}

table#resultTable::-webkit-scrollbar-thumb {
    background: #888; /* Color of the scrollbar thumb */
    border-radius: 4px; /* Rounded edges for a modern look */
}

table#resultTable::-webkit-scrollbar-thumb:hover {
    background: #555; /* Darker thumb on hover */
}

table#resultTable::-webkit-scrollbar-track {
    background: #f1f1f1; /* Background of the scrollbar track */
}
.devvn_laivay_muanha table thead tr th {
    padding: 8px 15px !important;
}
.devvn_laivay_muanha table thead tr{
        background: #467051;
}
.devvn_laivay_muanha table thead tr th:nth-child(3), .devvn_laivay_muanha table thead tr th:nth-child(4), .devvn_laivay_muanha table thead tr th:nth-child(5) {
    width: 25%;
}
@media  (max-width: 500px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

 .devvn_laivay_muanha .payment {
    width: 100%;

}
.devvn_laivay_muanha .index-value-interest-retes {
    width: 100%;
}
    .tbl-detail-payment {
        overflow-x: auto;
    }
}