/* ---------- ---------- ---------- ---------- ---------- */
form {
	margin: 0;
}

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

.label-icon-left {
	min-height: 24px;
	padding-left: 40px;
}

	.label-icon-left > i {
		position: absolute;
		top: 0;
		left: 0;
		color: #616161;
	}

	.label-icon-left label {
		font-size: 12px;
		font-weight: 400;
		color: #616161;
	}

	.label-icon-left p {
		padding: 4px 0;
		line-height: normal;
		font-size: 14px;
		font-weight: 400;
		color: #212121;
	}

/* ---------- ---------- ---------- ---------- ---------- */
input[type="text"],
input[type="password"] {
	height: 27px;
	padding: 4px 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #9E9E9E;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	color: #212121;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: transparent;
}

input[type="text"]:focus,
input[type="password"]:focus {
	/*border-bottom: 2px solid #009688;*/
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
	color: #BDBDBD;
}

input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
	color: #BDBDBD;
}

input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
	color: #BDBDBD;
}

input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
	color: #BDBDBD;
}

/* ---------- ---------- ---------- ---------- ---------- */
select {
	height: 27px;
	padding: 4px 16px 4px 0;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	/*border-bottom: 1px solid #9E9E9E;*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	font-size: 14px;
	font-weight: 400;
	color: #212121;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: transparent;
	background-image: url(../images/10x5-select-arrow.png);
	background-position: top 10px right 0;
	background-repeat: no-repeat;
}

select:focus {
	border-bottom: 2px solid #009688;
}

/* ---------- ---------- ---------- ---------- ---------- */
input[type="submit"] {
	min-width: 64px;
	padding: 10px 8px;
	border: 0;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	color: #EF5350;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-color: transparent;
	cursor: pointer;
}
/*
	input[type="submit"]:hover {
		background-color: #EEEEEE;
	}

	input[type="submit"]:active {
		background-color: #E0E0E0;
	}
*/
/* ---------- ---------- ---------- ---------- ---------- */

.form input[type="text"], .form input[type="email"], .form input[type="password"], .form input[type="submit"], .form input[type="reset"], .form textarea, .form select, .form input[type="file"], .form input[type="number"], .form button {
	position: relative;
	float: left;
	height: 25px;
	padding: 5px;
	border: 1px solid #96a5a5;
	margin-bottom: 6px;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	appearance: none;
	font-family: 'TitilliumText22L', sans-serif !important;
	font-size: 12px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	resize: none;
}
	.center{
		text-align:center;
	}
	.right{
		text-align: right !important;
	}
	.importante{
		background-color: #E8E8E8 !important;
	}

	.form input[type="submit"], .form input[type="reset"], .form input[type="file"], .form button {
		height: 23px;
		border: 0;
		font-size: 12px;
		font-weight: 300;
		color: #ffffff;
		background-color: #96a5a5;
		cursor: pointer;
	}

	.form input[type="file"] {
		height: 25px;
		color: transparent;
		background-color: #FECD05 !important;
	}

	.form input[type="file"]:before {
		position: relative;
		float: left;
		width: 100.0%;
		content: "SUBIR ARCHIVO";
		text-align: center;
		color: #ffffff;
	}

	.form input[type="file"]::-webkit-file-upload-button {
		display: none;
	}

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


.radio {}

	.radio > input[type="radio"] {
		display: none;
	}

	.radio > span {
		position: relative;
		display: block;
		width: 18px;
		height: 18px;
		border: 2px solid #9E9E9E;
		border-radius: 50.0%;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		cursor: pointer;
	}

	.radio > input[type="radio"]:checked + span {
		border-color: #009688;
	}

	.radio.black > input[type="radio"] + span, .radio.black > input[type="radio"]:checked + span {
		border-color: #000000;
	}

	.radio.white > input[type="radio"] + span, .radio.white > input[type="radio"]:checked + span {
		border-color: #FFFFFF;
	}

	.radio.primary > input[type="radio"] + span, .radio.primary > input[type="radio"]:checked + span {
		border-color: #EF5350;
	}

	.radio > span:active {
		transform: scale(0.85, 0.85);
		-webkit-transform: scale(0.85, 0.85);
	}

	.radio > span:after {
		content: "";
		position: absolute;
		display: block;
		top: 2px;
		left: 2px;
		width: 10px;
		height: 10px;
		border-radius: 50.0%;
		transform: scale(0, 0);
		-webkit-transform: scale(0, 0);
		background-color: transparent;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}

	.radio > input[type="radio"]:checked + span:after {
		transform: scale(1, 1);
		-webkit-transform: scale(1, 1);
		background-color: #009688;
	}

	.radio.black > input[type="radio"] + span:after, .radio.black > input[type="radio"]:checked + span:after {
		background-color: #000000;
	}

	.radio.white > input[type="radio"] + span:after, .radio.white > input[type="radio"]:checked + span:after {
		background-color: #FFFFFF;
	}

	.radio.primary > input[type="radio"] + span:after, .radio.primary > input[type="radio"]:checked + span:after {
		background-color: #EF5350;
	}

/* ---------- ---------- ---------- ---------- ---------- */
.checkbox {}

	.checkbox > input[type="checkbox"] {
		display: none;
	}

	.checkbox > span {
		position: relative;
		display: block;
		width: 18px;
		height: 18px;
		border: 2px solid #9E9E9E;
		border-radius: 2px;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		cursor: pointer;
	}

	.checkbox.black span {
		border-color: #000000;
	}

	.checkbox.white span {
		border-color: #FFFFFF;
	}

	.checkbox.primary span {
		border-color: #EF5350;
	}

	.checkbox > input[type="checkbox"]:checked + span {
		border-color: #009688;
		background-color: #009688;
		background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgdmVyc2lvbj0iMS4xIgogICB2aWV3Qm94PSIwIDAgMSAxIgogICBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICA8cGF0aAogICAgIGQ9Ik0gMC4wNDAzODA1OSwwLjYyNjc3NjcgMC4xNDY0NDY2MSwwLjUyMDcxMDY4IDAuNDI5Mjg5MzIsMC44MDM1NTMzOSAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IE0gMC4yMTcxNTcyOSwwLjgwMzU1MzM5IDAuODUzNTUzMzksMC4xNjcxNTcyOSAwLjk1OTYxOTQxLDAuMjczMjIzMyAwLjMyMzIyMzMsMC45MDk2MTk0MSB6IgogICAgIGlkPSJyZWN0Mzc4MCIKICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO3N0cm9rZTpub25lIiAvPgo8L3N2Zz4K");
	}

	.checkbox.black > input[type="checkbox"]:checked + span {
		border-color: #000000;
		background-color: #000000;
	}

	.checkbox.white > input[type="checkbox"]:checked + span {
		border-color: #FFFFFF;
		background-color: #FFFFFF;
	}

	.checkbox.primary > input[type="checkbox"]:checked + span {
		border-color: #EF5350;
		background-color: #EF5350;
	}

	.checkbox > span:active {
		transform: scale(0.85, 0.85);
		-webkit-transform: scale(0.85, 0.85);
	}

/* ---------- ---------- ---------- ---------- ---------- */
.toggle {}

	.toggle > input[type="checkbox"] {
		display: none;
	}

	.toggle > span {
		position: relative;
		display: block;
		width: 36px;
		height: 14px;
		border-radius: 7px;
		background-color: #9E9E9E;
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
		cursor: pointer;
	}

	.toggle > input[type="checkbox"]:checked + span {
		background-color: #B2DFDB;
	}

	.toggle > span:after {
		content: "";
		position: absolute;
		display: block;
		top: -3px;
		left: 0;
		width: 20px;
		height: 20px;
		border-radius: 50.0%;
		background-color: #EEEEEE;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.5);
		transition: all 0.3s ease;
		-webkit-transition: all 0.3s ease;
	}

	.toggle > input[type="checkbox"]:checked + span:after {
		left: 16px;
		background-color: #009688;
	}

	.toggle > span:active:after {
		transform: scale(0.85, 0.85);
		-webkit-transform: scale(0.85, 0.85);
	}