.borde{
  background-color: blue;
  text-align: center;
  height: 300px;
}
.borde1{
  background-color: aquamarine;
  text-align: center;
  height: 250px;
}
.borde2{
  background-color: gray;
  text-align: center;
  height: 50px;
}
.borde3{
  background-color: orangered;
  text-align: center;
  height: 50px;
}

/* custom style for login page */
.card {
    padding: 15px;
    max-width: 400px;
    height: auto;
    margin: 10px auto;
    text-align: center;
}
/* /end custom style for login page */

body {
    background-color: #EEE;
}

tbody {
    background-color:white;
}

p {
    margin-top: 20px;
    margin-bottom: 10px;
}

 h1, h3 {
    margin-top: 30px;
}

footer{
    width: 100%;
    color: #fff;
    background-color: rgba(0,0,0,.8);
    padding: 10px;

}

#tablaprod{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablaprov{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablaprod_prove{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablamar{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablaclas{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablacat{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablaven{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablacli{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablabod{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablacom{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tabladetallecompra{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tablaalis{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

#tabladetcom{
     overflow-x:scroll;
     height:100%;
     width:100%;
}

td.color  {
    color: white;
    background-color: #33FF00;
}

td.color2  {
    color: white;
    background-color: #FF0000;
}

td.color3  {
    color: white;
    background-color: #FF9900;
}


img.zoom {
    width: 50px;
    height: 50px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
}

.transition {
    -webkit-transform: scale(5);
    -moz-transform: scale(5);
    -o-transform: scale(5);
    transform: scale(5);
}