/* ====== Cài đặt chung cho phần tử ====== */
.devvn_muaoto_wrap,
.devvn_muaoto_wrap * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* ====== Bảng và ô trong bảng ====== */
.devvn_muaoto_wrap table {
    border: 0;
    border-collapse: collapse;
}

.devvn_muaoto_wrap table td {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

/* ====== Căn trái - phải ====== */
.devvn_muaoto_left {
    width: 49%;
    float: left;
}

.devvn_muaoto_right {
    width: 49%;
    float: right;
}

.devvn_muaoto_wrap:after {
    content: "";
    display: table;
    clear: both;
}

/* ====== Tùy chỉnh bảng bên trái ====== */
.devvn_muaoto_left table tr td:nth-child(1) {
    width: 120px;
}

/* ====== Select box ====== */
.devvn_muaoto_wrap select {
    width: 100%;
    margin-bottom: 20px;
}

.devvn_muaoto_wrap select optgroup {
    font-style: inherit;
    font-weight: 300 !important;
    color: graytext;
}

.devvn_muaoto_wrap select option,
.devvn_muaoto_wrap select optgroup option {
    color: #000;
}

/* ====== Hiển thị bảng dự toán chi phí ====== */
.table_dutoanchiphi,
.show_dutoan p.mess_dutoanchiphi {
    display: none;
}

.show_dutoan table.table_dutoanchiphi {
    display: table;
}

table.table_dutoanchiphi tr td:nth-child(2) {
    text-align: right;
}

table.table_dutoanchiphi tfoot td.tong-du-toan {
   border-top: 2px solid #000 !important;
    padding: 10px 0 !important;
    font-size: 13px;
    color: #000;
}

table.table_dutoanchiphi tfoot td:nth-child(2) {
    color: red;
    font-weight: 700;
}

/* ====== Nút Dự toán chi phí ====== */
.button_dutoanchiphi {
    background-color: #C11918;
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    border: none;
    cursor: pointer;
    margin-top: 20px;
}

/* ====== Giá trị tính toán hiển thị ====== */
.tongdutoan_val,
.thanhtoantruoc_val,
.thanhtoanthangdau_val {
    font-size: 15px;
}

/* ====== Dòng tham khảo trả góp ====== */
.tham-khao-tra-gop {
    border-top: 0px solid #000 !important;
    padding: 10px 0 !important;
    font-size: 15px;
    color: #000;
}

.tong-du-toan {
    border-top: 2px solid #000 !important;
}

/* ====== Responsive cho màn hình nhỏ ====== */
@media (max-width: 767px) {
    .devvn_muaoto_left,
    .devvn_muaoto_right {
        width: 100%;
        float: left;
    }
}