﻿.button {
font-size: 13px;
background-color:#042B55; color:#fff; outline:none; border:none; width:100px; height: 50px; border-radius:5px; cursor:pointer;margin-top:15px;

}

 .preview-image {
     margin: 10px;
  border: 5px solid white;
  border-radius: 10px;
  overflow: hidden;  }


.auto-style4 {
	text-align: center;
}


	<!--  -->
		
		
 input[type=file] {
  outline: none;
  padding: 4px;
  margin: -4px;
  background-color:#FFFFFF;
  border-radius:5px;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  color:#292929;
}

input[type=file]:focus-within::file-selector-button, input[type=file]:focus::file-selector-button {
  outline: 2px solid #000;
  outline-offset: 2px;
}

input[type=file]::before {
  top: 16px;
}

input[type=file]::after {
  top: 14px;
}

/* ------- From Step 2 ------- */

input[type=file] {
  position: relative;
}

input[type=file]::file-selector-button {
  width: 250px;
  color: transparent;
}
/* fazer versão mobile para input[type=file]::file-selector-button*/

/* Faked label styles and icon */
input[type=file]::before {
  position: absolute;
  z-index:1;
 
  pointer-events: none;
  /*   top: 11px; */
  left: 80px;
  color: #000;
  top:40%;
  content: "Selecionar Imagem";
}

input[type=file]::after {
  position: absolute;
  pointer-events: none;
  /*   top: 10px; */
  left: 50px;
  height: 20px;
  width: 20px;
  top:35%;
  content: "";
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230964B0'%3E%3Cpath d='M18 15v3H6v-3H4v3c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2v-3h-2zM7 9l1.41 1.41L11 7.83V16h2V7.83l2.59 2.58L17 9l-5-5-5 5z'/%3E%3C/svg%3E");
}

/* ------- From Step 1 ------- */

/* file upload button */
input[type=file]::file-selector-button {
  border-radius: 4px;
  padding: 0 16px;
  height: 60px;
  cursor: pointer;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.16);
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.05);
  margin-right: 30px;
  transition: background-color 200ms;
}

/* file upload button hover state */
input[type=file]::file-selector-button:hover {
  background-color: #f3f4f6;
}

/* file upload button active state */
input[type=file]::file-selector-button:active {
  background-color: #e5e7eb;
}

/* ------------------------ */

/* default boilerplate to center input */



.auto-style5 {
	font-size: 13px;
	text-align: center;
}

#alerta-converte{
	 font-size:15px; font-weight:bold; position:absolute; width:300px; background-color:#fff;  margin:0 auto; padding:15px; border:1px #003366 solid; 
	 display:none; border-radius:4px;  color:black; 
}



