body{
    overflow-x: hidden;
}

/*Botones personalizados*/
.personalizado {
    background-color: #51908F;
    color: white !important;
    border: 1px solid #51908F;
    padding:10px;
}

.personalizado:hover {
    background-color: #51908F;
    border: 1px solid #51908F;
}

.btn-custom{
    color: white !important;
    padding: 10px;
}

.btn-eliminar{
    height: 35px;
    background-color: red;
    border: 1px solid red;
    color: white;
    margin-top: 10px;
}

.btn-eliminar:hover {
    background-color: white;
    border: 1px solid white;
    color: red;
    margin-top: 10px;
}

.btn-agregar-producto 
{
    background-color: #51908F;
    color: white !important;
    border: 1px solid #51908F;
    padding: 10px;
}

/*Fin botones personalizados*/

/*Es para el input file Previsualizador*/

.custom-input-file {
    overflow: hidden;
    position: relative;
    cursor: pointer;
    border: 1px dashed gray;
    padding: 20px;
    height: 300px;
}

.input-file {
    margin: 0;
    padding: 0;
    outline: 0;
    font-size: 10000px;
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    right: -1000px;
    top: -1000px;
    cursor: pointer;
}

.thumb {
    width: 75%;
    height: 250px;
}

/*Fin input file Previsualizador*/

.select-colores{
    position: relative;
}

.thead-existencias {
    background-color: #1976D2;
    color: white;
}

tr, td:hover{
    background-color: transparent !important;
}

.img-producto{
    width: 50px;
    height: 50px;
    border-radius: 100%;
}

input.input-existencia{
    border: 1px solid lightgray;
    width: 25%;
    padding: 7px;
}