#managementcost .flex-element {
    display: flex;
}

@media (min-width:961px) {
    #managementcost .flex-element {
        display: flex;
        justify-content: space-between;
        flex-direction: row;
    }

        #managementcost .flex-element #danhsachchiphi {
            width: 70%;
        }

        #managementcost .flex-element #nhapchiphi {
            width: 28%;
        }
}

@media (max-width:961px) {
    #managementcost .flex-element {
        flex-direction: column;
    }
        #managementcost .flex-element #nhapchiphi {
            order: -1;
            max-width: 100%;
            margin-bottom: 30px;
        }
}

@media(max-width:641px) {
    #managementcost #tieudedanhsach {
        display: none;
    }
    #managementcost #tieudecongcu {
        width: 100%;
    }
}

#managementcost #btnCapNhat {
    background-color: #ff0000;
    width: 100%;
}

#managementcost #txtSoTien {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

#managementcost #dtpNgayPhatSinh, #txtGhiChu {
    width: 100%;
    box-sizing: border-box;
}

#managementcost #btnXem{
    background-color: var(--green);
}