:root {
    --label-font-size: 13px;
    --input-font-size: 13px !important;
    --label-font-color: #2a0c79;
    --br-header-color: #a3d2fa;
    --row-height: 28px;
    /*--input-height: 30px;*/
    --border-color: 1px solid #d0d0d0; /* Viền nhạt hơn cho input */
}

/*Bỏ dấu tăng giảm number*/
/* Chrome, Safari, Edge */
#detailBody input[type=number]::-webkit-outer-spin-button,
#detailBody input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
#detailBody input[type=number] {
    -moz-appearance: textfield;
}

.my-card {
    font-size: var(--label-font-size);
    margin-bottom: 0.25rem;
    border-radius: 4px;
}
    .my-card  .card-header {
        flex-shrink: 0; /* Đảm bảo header không bị co lại */
        padding: 5px 5px; /* Điều chỉnh padding cho header */
        border-bottom: 1px solid #e9ecef; /* Viền dưới */
        font-weight: 600 !important;
        background-color: var(--br-header-color);
    }
    .my-card .card-footer {
        flex-shrink: 0; /* Đảm bảo header không bị co lại */
        padding: 0px 3px !important; /* Điều chỉnh padding cho header */
        padding-top: 5px !important;
        border-bottom: 1px solid #e9ecef; /* Viền dưới */
        font-weight: bold !important;
    }
.form-row-group {
    display: flex; /*Label và input nằm cùng dòng*/
    align-items: center;
    gap: 5px; /* khoảng cách giữa label và input */
    margin-bottom: 0.25rem;
    flex-wrap: nowrap; /* Không cho phép xuống dòng */
}

    .form-row-group label
    ,.form-label 
    {
        margin-bottom: 0;
        white-space: nowrap; /*Không cho phép xuống dòng font-weight: bold;*/
        padding: 0 !important; /* Padding cho label */
        /*max-width: 120px;
        min-width: 80px;*/
        font-weight: 600;
        color: var(--label-font-color);
    }
    .form-row-group input,
    .form-row-group select {
        margin-bottom: 0;
        white-space: nowrap; /*Không cho phép xuống dòng font-weight: bold;*/
        margin: 0 0 !important; /* Căn giữa input và select */

        padding: 0 5px !important; /* Padding cho input và select */
        /*line-height: 1.4rem !important;*/
        /*height: var(--input-height);*/
        border: var(--border-color);
    }
    /* Định nghĩa cho Label (30%) */
    .form-row-group > label {
        flex: 0 0 35%; /* Không co, không giãn, cứng 30% */
        max-width: 100px; /* Đảm bảo không bị vỡ nếu nội dung dài */
        margin-bottom: 0; /* Xoá margin mặc định của label */
        padding-right: 10px; /* Tạo khoảng thở với ô input */
    }

    /* Định nghĩa cho Input (phần còn lại) */
    .form-row-group > .form-control {
        flex: 1; /* Chiếm toàn bộ không gian còn lại (70%) */
        width: 100%; /* Đảm bảo input full chiều rộng cho phép */
    }

.form-select .object-select {
    /*line-height: 1.75rem !important;*/
    /*font-weight: 500 !important;*/
}

.form-control-sm {
    /*padding: 0 0 !important; */
    
    /*line-height: 1rem !important;*/
    font-size: var(--input-font-size);
    padding-inline: 0px !important;
    margin-inline: 0px !important;
}


.no-border {
    border: none !important;
    /*box-shadow: none !important;*/ /* loại bỏ shadow nếu có focus */
}

    .no-border:focus {
        border: none !important;
        box-shadow: none !important;
    }