.scroll_datatable {
  overflow-x: hidden;
}  
.total_general{
  padding-right: 53px;
}
.td_total_vacio{
  width: 6%;
}

/* div head */
.div_table_concept{
  width: 35%;
}
.div_table_date{
  width: 40%;
}
.div_table_amount{
  width: 15%;
  text-align: center;
}
.div_table_check{
  width: 10%;
}
/* div head */


/* div body */
.div_table_body_concept{
  width: 35%;
}
.div_table_body_date{
  width: 40%;
}
.div_table_body_amount{
  width: 15%;
}
.div_table_body_check{
  width: 10%;
}
/* div body */


/* div foot */
.div_table_foot_concept{
  width: 75%;
}
.div_table_foot_amount{
  width: 15%;
}
.div_table_foot_check{
  width: 10%;
}
/* div foot */


.td_table_foot_amount{
  padding-right: 30px !important;
}



@media only screen and (max-width: 767px) {
  .scroll_datatable {
    overflow-x: auto;
  }  
  .total_general{
    padding-right: 0px;
  }  
  .td_total_vacio{
    width: 0%;
  }  

/* div head */
  .div_table_concept{
    width: 25%;
    padding: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 12px !important;
  }
  .div_table_date{
    width: 32%;
    padding: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 12px !important;    
    /* padding-left: 5px !important; */
  }  
  .div_table_amount{
    width: 33%;
    padding: 0px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 10px !important;
    font-size: 12px !important;    
    text-align: left;
  }
  .div_table_check{
    width: 10%;
  }
/* div head */


/* div body */
  .div_table_body_concept{
    width: 25%;
  }
  .div_table_body_date{
    width: 32%;
  }  
  .div_table_body_amount{
    width: 33%;
  }
  .div_table_body_check{
    width: 10%;
  }
/* div body */


/* div foot */
  .div_table_foot_concept{
    width: 57%;
  }
  .div_table_foot_amount{
    width: 33%;
  }
  .div_table_foot_check{
    width: 10%;
  }  
/* div foot */

  .td_table_amount{
    padding-right: 5px !important;
  }  
}  


@media only screen and (max-width: 360px) {
/* div head */
.div_table_date{
  padding-left: 5px !important;
}  
.div_table_amount{
  padding-left: 0px !important;
}

/* div head */  
}