form {

}


.form-wizard {

display: block;

margin: auto;

padding: 20px 20px 6px;

max-width: 900px;

}


.form-default {

display: block;

margin: auto;

padding: 40px 20px;

max-width: 900px;

}


.form-field-default {

margin-bottom: 20px;

width: 100%;

}


.form-field-default button {

width: 100%;

}


.form-field-radio {

display: inline-block;

margin-right: 8px;

padding: 12px 24px 10px 20px;

background: rgb(0 0 0 / 5%);

border-radius: 4px;

cursor: pointer;

}


.form-field-radio input[type="radio"] {

transform: translateY(1px);

margin-right: 5px;

}


.form-field-terms {

display: inline-block;

width: 100%;

/* padding: 12px 24px 10px 20px; */

/* background: rgba(0,0,0,.05); */

border-radius: 4px;

cursor: pointer;

}


.form-field-terms input[type="radio"] {

transform: translateY(1px);

margin-right: 5px;

}


input {

  filter: none;

}


label {

display: block;

min-height: 22px;

font-size: 14px;

font-weight: 600;

}


.form-tip {

display: block;

margin: 0 0 10px;

/* border: 1px dashed rgba(0,0,0,.2); */

border-left: 3px solid rgb(39 41 62 / 100%);

background: rgb(0 0 0 / 5%);

padding: 6px 12px 5px;

text-align: center;

font-size: 12px;

line-height: 14px;

/* opacity: .75; */

color: rgb(0 0 0 / 60%);

}

input[type="text"],

input[type="email"],

input[type="select"],

input[type="textarea"],

input[type="password"],

input[type="number"],

textarea,

.maskmoney {

width: 100%;

border: 0;

padding: 15px 16px 12px;

/* border: 1px solid rgba(0,0,0,.2); */

border-radius: 4px;

/* background: #fff; */

background: rgb(0 0 0 / 5%);

}


.form-100 input,

.form-100 select,

.form-100 textarea {

width: 100%;

}


.form-filters {

}


.form-filters label {

display: block;

min-height: 21px;

}


.form-filters button {

width: 100%;

/* border: 1px solid rgba(0,0,0,.2); */

background: rgb(0 0 0 / 5%);

padding: 16px 10px 12px 16px;

}


.form-filters button span {

margin-right: 6px;

font-size: 14px;

font-weight: 600;

color: rgb(39 41 62 / 100%);

text-transform: uppercase;

transition: 0.2s;

}


.form-filters button i {

margin-right: 0;

}


.fake-select {

max-width: 100%;

border: 0;

padding: 0;

/* border: 1px solid rgba(0,0,0,.2); */

border-radius: 4px;

/* background: #fff; */

/* overflow: hidden; */

}


.fake-select select {

display: block;

appearance:none;

appearance:none;

appearance:none;

padding: 15px 16px 13px;

border: 0;

width: 100.3%;

background: rgb(0 0 0 / 5%);

}


.fake-select i {

position: absolute;

pointer-events: none;

margin: 19px 30px 0 0;

right: 0;

text-align: center;

color: #ff5400;

}


.form-field {

width: 100%;

}


.form-field-submit {

margin-top: 14px;

}


.form-field-submit button {

float: right;

}


.form-field-checkbox {

padding-top: 27px;

}


.form-field-checkbox input[type="checkbox"] {

margin-right: 8px;

transform: translateY(1px);

}


.form-field input[type="text"],

.form-field input[type="email"],

.form-field input[type="select"],

.form-field input[type="textarea"],

.form-field input[type="password"] {

width: 100%;

}


.form-field-icon input[type="text"],

.form-field-icon input[type="email"],

.form-field-icon input[type="select"],

.form-field-icon input[type="textarea"],

.form-field-icon input[type="password"] {

padding-left: 40px;

}


button {

border: 0;

padding: 16px 23px 12px 26px;

/* border: 1px solid rgba(39,41,62,1); */

border-radius: 4px;

background: #013728;

text-align: center;

}


button span {

color: #fff;

}


button i {

margin-left: 5px;

color: #ff5400;

}


button i.lni-search-alt {

color: #ff5400;

}


.fakebutton {

border: 0;

padding: 16px 10px 12px;

/* border: 1px solid rgba(0,0,0,.2); */

border-radius: 4px;

background: rgb(0 0 0 / 5%);

text-align: center;

}


.fakebutton span {

color: #666;

}


.fakebutton i {

margin-right: 3px;

color: #ff5400;

font-size: 12px;

}


.backbutton {

border: 0;

padding: 16px 0 12px;

/* border: 1px solid rgba(0,0,0,.2); */

border-radius: 4px;

/* background: rgba(0,0,0,.05); */

text-align: center;

}


.backbutton span {

color: #666;

}


.backbutton i {

margin-right: 3px;

color: #ff5400;

font-size: 12px;

}


.login .backbutton {

float: left;

}


.form-field-icon .form-icon {

display: block;

pointer-events: none;

color: #ff5400;

transform: translateY(34px) translateX(16px);

}


label.error {

/* position: absolute; */

color: #cf000f;

margin-top: 1px;

font-size: 12px;

font-weight: 400;

margin-bottom: -5px;

}


.fakehidden {

width: 0 !important;

height: 0 !important;

opacity: 0 !important;

margin: 0 !important;

padding: 0 !important;

}


.fakehidden + .error {

margin-top: -20px;

}


input[name="subdominio"] + .error {

white-space: nowrap;

}

#image-upload + .error,

#image-upload2 + .error {

margin: auto;

left: 0;

right: 0;

position: absolute;

bottom: 20px;

background: #cf000f;

color: #fff;

border-radius: 4px;

padding: 6px 8px 4px;

font-size: 12px;

text-align: center;

max-width: 90px;

}


/* US */


@media (width <= 320px)  {

}


/* XS */


@media (width <= 544px)  {

}


/* SMALL */


@media (width >= 545px) and (width <= 767px)  {

}


/* MEDIUM */


@media (width >= 546px) and (width <= 991px)  {

}


/* LARGE */


@media (width >= 992px) and (width <= 1199px)  {

}


/* EXTRA LARGE */


@media (width >= 1200px) {

}


/* ALL MOBILE */


@media (width <= 991px) {

	.form-field-checkbox {

	padding-top: 16px;

	text-align: center;

	}


	.form-field-submit button {

	width: 100%;

	}


	button {

	padding-left: 6px;

	padding-right: 6px;

	text-align: center;

	width: 100%;

	}


	.fakebutton {

	padding-left: 6px;

	padding-right: 6px;

	text-align: center;

	width: 100%;

	}


	label.error {

	width: 100%;

	text-align: center;

	}


	.row .col-xs-6:nth-child(1) {

	padding-right: 5px;

	}


	.row .col-xs-6:nth-child(2) {

	padding-left: 5px;

	}


	.form-default {

	padding: 0 0 6px;

	}


	.form-field-default {

	margin-bottom: 14px;

	}


	.form-field-submit {

	margin-top: 5px;

	}


	input[name="subdominio"] + .error {

	white-space: normal;

	}


	label.error {

	margin-bottom: 5px;

	}


	.form-field-radio {

	display: block;

	float: left;

	width: 47.5%;

	text-align: center;

	margin-right: 1%;

	padding: 12px 4px 10px;

	background: rgb(0 0 0 / 5%);

	border-radius: 4px;

	cursor: pointer;

	}


	.form-field-radio input[type="radio"] {

	margin-right: 3px;

	}


	.form-field-radio:nth-child(3) {

	float: right;

	}


	.form-wizard {

	padding: 0;

	}


	input[name="keepalive"] {

	margin-bottom: 16px !important;

	}

}