.btn.btn-icon {
    height: 32px;
    padding: 0 .545rem;
}

.group-label > h4 {
    padding: 5px 0px;
    border-bottom: 2px solid var(--color-primary);
}

.error-message {
    color: var(--color-danger);
}

.nav-pills.nav-custom-light > li > a, .nav-tabs > li > a {
    color: #495057;
    font-weight: 500;
}

.nav-custom-light {
    background-color: #f3f6f9;
}

.nav-custom-light .nav-item {
    position: relative;
    padding: 0px;
}

.nav-custom-light .nav-item:not(:first-child):after {
    display: none;
}

table {
    width: 100%;
    border-collapse: collapse;
}

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

th {
    background-color: #f2f2f2;
}

/* Định nghĩa màu sắc khi hover */
tr:hover {
    background-color: #f5f5f5; /* Màu nền khi hover */
}
.ap-po-details {
    -webkit-box-shadow: 0 5px 20px rgba(var(--light-gray-rgba), .03);
    box-shadow: 0 5px 20px rgba(var(--light-gray-rgba), .03);
    padding: 24px 25px 20px;
    background-color: var(--color-white);
}
.ap-po-details__icon-area .svg-icon {
    width: 58px;
    height: 58px;
    -webkit-border-radius: 14px;
    border-radius: 14px;
}