input[type=text]{
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=number]{
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
input[type=button] {
  width: 30%;
  background-color: #044eaa;
  color: white;
  padding: 14px 20px;
  margin: 4px 4px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
input[type=password] {
  width: 50%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;;
  cursor: pointer;
}
input[type=button]:hover {
  background-color: #6a7e97;
}

input[type=button][disabled="disabled"]{
  width: 30%;
  background-color: #d9d9d9;
  color: white;
  padding: 14px 20px;
  margin: 4px 4px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
}

textarea {
  width: 80%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;

  
}


.selectrolUser{
  padding: 10px 50px 10px 10px;
 
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type="submit"]{
  width: 30%;
  background-color: #044eaa;
  color: white;
  padding: 14px 20px;
  margin: 4px 4px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
}

input[type="button"]:disabled {
  width: 30%;
  background-color: #d9d9d9;
  color: white;
  padding: 14px 20px;
  margin: 4px 4px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  
}

input.editarProducto{
  width: 100%;
}
input[type=email] {
  width: 30%;
  padding: 12px 20px;
  margin: 8px 0;
  display: block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}



.formProducto {
  margin: auto;
  width: 60%;
  padding: 10px;
  margin-left: 10%;
}

.flex-container {
    display: flex;
    width: 80%;
    margin: auto;
}

.flex-child {
    flex: 1;
    border: 2px solid #f3f3f3;
    width: 80%;
	
}  

.flex-child:first-child {
    margin-right: 20px;
    padding-left: 20px;
}