/**
 *
 * Apply Here your Custom CSS
 *
*/

.cargando{
      background:transparent url(../images/cargando_small.gif) center no-repeat;
}
.margen{
    margin-left: 5px;
    margin-top: -10px ! important; 
}
table{
    width: 100%; 
}
.invisible{
   display: none; 
}
input:focus, select:focus{
    border-color: #0044cc ! important;
}
#table_wrapper,#table_1_wrapper,#table_2_wrapper,#table_1,#table_2,#table,#tablea {
    overflow:auto;
}

#compras tr td:eq(7) {
    margin-right: 0;
    padding-right: 0;
    background-color: #0044cc;
}

input.editables{
    border : 0;
}
tbody > tr:nth-child(even) > td >  input.editables{
    background-color: #FFFFFF  ! important;
}
tbody > tr:nth-child(odd) > td >  input.editables{    
    background-color: #F9F9F9 ! important;
}
@media screen and (max-width: 450px) {
    #ventas12 {
        overflow:scroll ! important;
    }
}
.zoom{ 
  /*border-radius:3px; transition: transform .2s;*/
    border: #000d06 solid 1px;
    vertical-align: right;
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.zoom:hover{
    transform: scale(6);
    border-radius:2px;
    border: #000 solid 1px;
    z-index: 100 ! important;
    margin-left: 115px;
}
.small_zoom{
    border: #000d06 solid 1px;
    vertical-align: right;
    width: 20px;
    height: 20px;
    border-radius: 50%;  
} 
.small_zoom:hover{
    transform: scale(9);
    border-radius:2px;
    border: #000 solid 1px;
    z-index: 100 ! important;
   /* margin-left: 115px;*/
}