body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

a.botonimagen-usuario
{
    background: url(images/usuarios.png) no-repeat top left;
     display: block;
     width: 38px;
     height: 38px;
     text-indent: -9999px; /* hides the link text */
}
a.botonimagen-material
{
    background: url(images/materiales.png) no-repeat top left;
     display: block;
     width: 38px;
     height: 38px;
     text-indent: -9999px; /* hides the link text */
}
a.botonimagen-camion
{
    background: url(images/camiones.png) no-repeat top left;
     display: block;
     width: 38px;
     height: 38px;
     text-indent: -9999px; /* hides the link text */
}
a.botonimagen-preciomaterial
{
    background: url('images/precios de material.png') no-repeat top left;
     display: block;
     width: 38px;
     height: 38px;
     text-indent: -9999px; /* hides the link text */
}
a.botonimagen-proveedor
{
    background: url(images/proveedores.png) no-repeat top left;
     display: block;
     width: 38px;
     height: 38px;
     text-indent: -9999px; /* hides the link text */
}

.full button span {
background-color: limegreen;
border-radius: 32px;
color: black;
}
.partially button span {
background-color: orange;
border-radius: 32px;
color: black;
}

.ng-invalid.ng-dirty {
      border-color: #FA787E;
  }

.ng-valid.ng-dirty {
    border-color: #78FA89;
}

.menudisplay {
    display: block;
}

@media only screen and (max-width: 768px) {
    .menudisplay {
        display: none;
    }
}