/*-----------------------------------------------------------------------------------------------------------*/
tfoot 
{
  font-weight              : bold;
  text-align               : left;
}

td:hover
{
  background-color         : #6EB971;
  color                    : white;
}


table
{
  border-collapse          : collapse;
  font-size                : 12px;
  text-align               : left;
  font-family              : Arial, sans-serif;

}

.th_fa_icon, .td_fa_icon
{
  min-width                : 20px;
  max-width                : 20px;
}
.th_fa_icon:hover, .td_fa_icon:hover
{
  min-width                : 20px;
  max-width                : 20px;
  background-color         : white;
}
.th_fecha, .td_fecha
{
  min-width                : 170px;
  max-width                : 170px;
}
.th_comun, .td_comun
{
  min-width                : 250px;
  max-width                : 250px;
  word-wrap                : break-word;
}

.th_semana_title, .td_semana_title
{
  min-width                : 100px;
  max-width                : 100px;
  word-wrap                : break-word;
}


.td_dinero {
  color                    : red;
  font-weight              : bold;
  text-align               : right;
}


tr.selected {
    background-color       : #CFE55B !important;
    color                  : #000 !important;
}
tr:hover {
    background-color       : #9DDACC;
    color                  : black;
    transition             : 0.3s;
    cursor                 : pointer;
}

/* ESTO SE PONE EN EL DIV QUE ENCAPSULA LA TABLA */
.table_wrapper
{
    display                : block;
    overflow-x             : auto;
    white-space            : nowrap;
}
/* width */
::-webkit-scrollbar {
  width                    : 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow               : inset 0 0 5px grey;
  border-radius            : 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background               : red;
  border-radius            : 10px;
}


/*-----------------------------------------------------------------------------------------------------------*/



.div_tabla::-webkit-scrollbar {
  width                    : 5px;
  height                   : 5px;
}

.div_tabla::-webkit-scrollbar-track {
  background               : #6AB548;        /* color of the tracking area */
}

.div_tabla::-webkit-scrollbar-thumb {
  background-color         : #834982;    /* color of the scroll thumb */
  border-radius            : 20px;       /* roundness of the scroll thumb */
  border                   : 3px solid #834982;  /* creates padding around scroll thumb */
}



.tbl_cliente
{
    border-collapse        : collapse;
    margin                 : 25px 0;
    font-size              : 12px;
    font-family            : sans-serif;
    min-width              : 400px;
    box-shadow             : 0 0 20px rgba(0, 0, 0, 0.15);

}
.tbl_cliente thead tr {
    background-color       : #834982;
    color                  : #ffffff;
    text-align             : left;
    cursor                 : default;
}
.tbl_cliente th,
.tbl_cliente td {
    padding                : 12px 15px;
}
.tbl_cliente tbody tr {
    border-bottom          : 1px solid #dddddd;
}

.tbl_cliente tbody tr:nth-of-type(even) {
    background-color       : #f3f3f3;
}

.tbl_cliente tbody tr:last-of-type {
    border-bottom          : 2px solid #834982;
}
.tbl_cliente tbody tr.active-row {
    font-weight            : bold;
    color                  : #834982;
}