/* CSS Document */

body {
  margin: 0;
	margin-top:60px;
  font-family: Arial;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #f2f2f2;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

#container-upload { text-align:center; background:#fff; border-radius:10px; padding:50px 55px; -webkit-box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); -moz-box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); -o-box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); -ms-box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%); max-width:650px; margin-left: auto; margin-right:auto;}
.alert-success {max-width:650px;  text-align:center; margin-left: auto; margin-right:auto; }

.file { margin:30px 0 40px 0;}
.submit { background-color:#E6007E; color:#fff; font-weight: bold; border:0; padding:10px 16px; cursor:pointer; text-transform: uppercase; }
h1 { color:#E6007E; font-weight: bold;  }



/* CSS Button */
.cssbuttons-io-button {
 background: #E6007E;
 color: white;
 font-family: inherit;
 padding: 0.35em;
 padding-left: 1.2em;
 font-size: 17px;
 font-weight: 500;
 border-radius: 0.9em;
 border: none;
 letter-spacing: 0.05em;
 display: flex;
 align-items: center;
 box-shadow: inset 0 0 1.6em -0.6em #E6007E;
 overflow: hidden;
 position: relative;
 height: 2.8em;
 padding-right: 3.3em;
}

.cssbuttons-io-button .icon {
 background: white;
 margin-left: 1em;
 position: absolute;
 display: flex;
 align-items: center;
 justify-content: center;
 height: 2.2em;
 width: 2.2em;
 border-radius: 0.7em;
 box-shadow: 0.1em 0.1em 0.6em 0.2em #E6007E;
 right: 0.3em;
 transition: all 0.3s;
}

.cssbuttons-io-button:hover .icon {
 width: calc(100% - 0.6em);
}

.cssbuttons-io-button .icon svg {
 width: 1.1em;
 transition: transform 0.3s;
 color: #E6007E;
}

.cssbuttons-io-button:hover .icon svg {
 transform: translateX(0.1em);
}

.cssbuttons-io-button:active .icon {
 transform: scale(0.95);
}