.form-style-6 {
font: inherit;
max-width: 600px;
margin: 10px auto;
padding: 16px;
background: #1c1c1c;
}
.form-style-6 h1 {
background: #1c1c1c;
padding: 20px 0;
font-size: 140%;
font-weight: 300;
text-align: center;
color: #fff;
margin: -16px -16px 0px -16px;
}
.form-style-6 hr {
margin-bottom: 1em;
margin-top: 1em;
font-weight: 200;
color: #f2f2f2;
}
.form-style-6 input[type="text"],
.form-style-6 input[type="date"],
.form-style-6 input[type="datetime"],
.form-style-6 input[type="email"],
.form-style-6 input[type="number"],
.form-style-6 input[type="search"],
.form-style-6 input[type="time"],
.form-style-6 input[type="url"],
.form-style-6 textarea,
.form-style-6 select {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
background: transparent;
margin-bottom: 1%;
outline: 0;
border: 0;
border-bottom: 2px solid #fff;
padding: 3%;
color: #fff;
font-size: 25px;
border-radius: 0px;
-webkit-border-radius: 0;
}
.form-style-6 input[type=number]::-webkit-inner-spin-button,
.form-style-6 input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.form-style-6 input[type=number] {
-moz-appearance: textfield;
appearance: textfield;
margin: 0;
padding: 3%;
text-align: center;
} .form-style-6 select {
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='50px' height='50px'><polyline points='46.139,15.518 25.166,36.49 4.193,15.519' fill='white'/></svg>");
background-color: #1c1c1c;
background-repeat: no-repeat;
background-position: right 10px top 15px;
background-size: 16px 16px;
color: white;
padding: 1%;
padding-right: 30px; font-family: arial, tahoma;
font-size: 16px;
text-align: left;
color: #fff;
border-radius: 0px;
-webkit-border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none; outline: 0;
text-overflow: '';
-moz-appearance: none;
text-indent: 0.01px;
width: 60%;
margin-left: auto;
}
.form-style-6 textarea {
margin: auto;
}
.form-style-6 textarea::-webkit-resizer {
border-width: 8px;
border-style: solid;
}
.form-style-6 input[type="text"]:focus,
.form-style-6 input[type="date"]:focus,
.form-style-6 input[type="datetime"]:focus,
.form-style-6 input[type="email"]:focus,
.form-style-6 input[type="number"]:focus,
.form-style-6 input[type="search"]:focus,
.form-style-6 input[type="time"]:focus,
.form-style-6 input[type="url"]:focus,
.form-style-6 textarea:focus { padding: 3%;
border-bottom: 2px solid #fff;
} .form-style-6 input[type="submit"],
.form-style-6 button,
.form-style-6 input[type="button"] {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 100%;
padding: 0.4em;
background: #1c1c1c;
color: #fff;
border-color: #fff;
border-radius: 25px 25px 25px 25px;
border-width: 2px 2px 2px 2px;
border-style: solid;
font-size: 18px;
font-weight: normal;
letter-spacing: 1.4px;
padding: 10px 10px 10px 10px; }
.form-style-6 input[type="submit"]:hover,
.form-style-6 button:hover,
.form-style-6 input[type="button"]:hover {
background: #fff;
color: #1c1c1c;
}
.form-style-6 label {
display: block;
margin-bottom: 8px;
color: #fff;
font-size: 25px;
font-weight: bold;
padding-top: 1em;
}
label.opcional {
color: #aaa;
font-size: 17px;
padding-top: 2px;
}
.done {
text-align: center;
opacity: 0; color: #000;
transition: all .500s;
margin: 0.5em auto;
width: 100%;
display: block;
}
.copied {
opacity: 1;
color: #fff; }
.input-group-btn {
display: flex;
margin-top: 2em;
}
.input-group-btn .jim_number input[type="number"] {
width: 10em;
margin-right: 10px;
}
.copy {
height: min-content;
margin: auto 10px;
padding: 1px 1px 1px 1px;
}
.copy:hover {
color: #1c1c1c;
background-color: #fff;
}
.btn-jim {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
width: 30%;
padding: 0.6em;
background-color: #1c1c1c;
position: relative;
text-decoration: none;
text-align: center;
margin: auto;
display: none;
background: #1c1c1c;
color: #fff;
border-color: #fff;
border-radius: 25px 25px 25px 25px;
border-width: 2px 2px 2px 2px;
border-style: solid;
font-size: 18px;
font-weight: normal;
letter-spacing: 1.4px;
padding: 10px 10px 10px 10px;
}
#downloadLink:hover {
background-color: #fff;
color: #1c1c1c;
cursor: pointer;
} #qrcode img {
margin-left: auto;
margin-right: auto;
display: block;
}
#qrcode {
margin-top: 15px;
border: 1px solid #fff;
}