.automotive_longvietweb{

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;



}

.automotive_muaoto_right,

.automotive_muaoto_left{

    width: 49%;

    padding: 20px;

    border: 1px solid #eee;

    border-radius: 10px;

}

h4.tra-gop-title {

    color: #da0202;

    font-size: 20px;

    font-weight: 600;

    padding-bottom: 10px;

    border-bottom: 1px solid #da020259;

}

.automotive_longvietweb table {

    border: 0;

    border-collapse: collapse;

}

.automotive_muaoto_left table tr td:nth-child(1) {

    width: 120px;

}

.automotive_longvietweb table td {

    background: transparent!important;

    border: 0!important;

    padding: 0!important;

    color: #272626;

}
#body_result{
    text-align: center;
}
.automotive_longvietweb select {

    width: 100%;

    margin-top: 0;

    margin-bottom: 20px !important;

    padding: 0 10px !important;

    border-radius: 5px;

    color: #272626;

    border: 1px solid #666;

    -webkit-transition: all .3s;

    -o-transition: all .3s;

    transition: all .3s;

    outline: none;

    height: 41px !important;

}

.mess_dutoanchiphi{

	font-size: 16px;

	text-align: center;

}

#loantbl,

.show_dutoan .mess_dutoanchiphi,

.table_dutoanchiphi{

	display: none;

}

.show_dutoan table.table_dutoanchiphi{

   display: table;

}

.automotive_muaoto_left .table_dutoanchiphi tr td {

    width: auto!important;

}

table.table_dutoanchiphi tr td:nth-child(2) {

    text-align: right;

    color: #272626;

}

.automotive_muaoto_left .table_dutoanchiphi tr td {

    width: auto!important;

}

table.table_dutoanchiphi tfoot td {

    padding: 10px 0 !important;

    font-size: 20px;

    color: #272626;

}

table.table_dutoanchiphi tfoot td:nth-child(2) {

    color: #da0202;

    font-weight: 700;

}



.automotive_muaoto_right .item {

    margin-bottom: 20px;

    display: flex;

    flex-wrap:wrap;

    align-items: center;

}



.automotive_muaoto_right .item .title{

     margin-bottom: 0;

     font-size: 15px;

     color: #1c345f;

     padding: 10px 0;

     margin: 0;

     width: 120px;

}

.index-value-interest-retes .text-input {

    color: #4c4c4c;

    border-radius: 5px;

    border: 1px solid #ccc;

    background: #f9fafb;

    width: calc(100% - 120px);

    width: -webkit-calc(100% - 120px);

    width: -moz-calc(100% - 120px);

    display: inline-block;

    position: relative;

}

.automotive_longvietweb .automotive_laivay select {

    margin: 0 !important;

}

.index-value-interest-retes .text-input input.txt-input {

/*    width: calc(100% - 70px);

    width: -webkit-calc(100% - 70px);

    width: -moz-calc(100% - 70px);*/

    width: 100%;

    border: 0;

    background: transparent;

    outline: 0;

    padding: 0 10px !important;

    height: 41px !important;

    color: #272626;

    margin: 0;

    padding-right: 70px !important;

}

.index-value-interest-retes .text-input span.quantitative {

    width: 65px;

    display: inline-block;

    text-align: right;

    padding-right: 10px;

    position: absolute;

    z-index: 1;

    right: 0;

    top: 50%;

    transform: translateY(-50%);

}



.text-input select {

    width: 100%;

    border: 0;

    padding: 0 10px !important;

    font-size: 14px;

    height: 41px !important;

    background: #f9fafb;

    border-radius: 5px;

    cursor: pointer;

    outline: 0;

    color: #272626;

}



.total-payment {

    margin-bottom: 18px;

    width: 100%;

    border-radius: 5px;

    display: inline-block;

}

.item-payment {

    margin-bottom: 6px;

    padding-bottom: 6px;

    border-bottom: 1px solid #eee;

    display: flex;

    justify-content: space-between;

}

p.txt-payment {

    color: #272626;

    font-size: 15px;

    margin: 0;

    width: 50%;

}

p.txt-index-payment {

    font-size: 100%;

    color: #da0202;

    font-weight: 700;

    margin: 0;

    text-align: right;

}

.detail-payment button {

    border: 1px solid #da0202;

    background: #fff;

    color: #da0202;

    font-weight: 700;

    font-size: 14px;

    border-radius: 5px;

    padding: 10px;

    cursor: pointer;

    outline: 0;

    outline: none;

}

.detail-payment button:focus,

.detail-payment button:hover {

    color: #fff;

    background: #da0202;

    outline: none;

}

.tbl-detail-payment {

    width: 100%;

    margin: 30px 0;

}

.tbl-detail-payment table {

    border-collapse: collapse;

    width: 100%;

    margin: 0;

}

.tbl-detail-payment table thead {

    background: #da0202;

}

.tbl-detail-payment table thead th {

    color: #fff;

    padding: 10px 4px;

    font-size: 15px;

    text-transform: none;

    font-weight: 700;

    text-align: center;

}

/*.tbl-detail-payment table tr td:first-child {

    text-align: left !important;

}*/

.tbl-detail-payment table tbody tr td {

	text-align: center !important;

	background: transparent!important;

	border: 0!important;

	padding: 0!important;

	color: #272626;

}

.tbl-detail-payment table tbody tr:nth-child(2n+2) {

    background: #f5f5f5;

}

.tbl-detail-payment table>tfoot>tr>td {

    color: #3d4d64;

    font-weight: 500;

    padding: 16px;

    font-size: 18px;

    text-align: center;

    background: #d4e3f3;

}



@media (max-width: 991px){

	.automotive_muaoto_right,

	.automotive_muaoto_left{

		width: 100%;

		margin-bottom: 30px;

	}

}

@media (max-width: 560px){

	.detail-payment button {

       width: 100%;

       margin: 0 0 10px!important;

   }

   .tbl-detail-payment table thead th {

       white-space: nowrap;

       font-size: 11px;

       font-weight: 400;

       padding: 3px;

   }

   .tbl-detail-payment {

       overflow-x: auto;

   }

   .tbl-detail-payment table{

      min-width: 560px;

  }

  table.table_dutoanchiphi tfoot td {

    font-size: 16px;

}

}