.form{

	}
.form .divider{
	font-family: var(--font-default);
	font-size: 0.9rem;
	border-bottom: solid 2px rgba(0, 0, 0, 0.2);
	margin: 25px 0px 10px 0px;
	padding-bottom: 3px;
	}
.form .field{
	margin-bottom: 10px;
	}
.form .field > label{
	display: block;
	font-family: var(--font-ui);
	font-size: 0.95rem;
	font-weight: bold;
	padding: 7px;
	}
.form .field > label.transparent{
	opacity: 0;
	}
.form .field > input,
.form .field > select{
	font-size: 1rem;
	font-family: var(--font-ui);
	display: block;
	padding: 8px 13px;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;
	border: none;
	width: 100%;
	border: solid 3px rgba(0, 0, 0, 0);
	background-color: rgba(255, 255, 255, 0.6);
	}
.form .field > input:focus,
.form .field > select:focus{
	border-color: var(--color-primary);
	}
.form .field > .error{
	border-color: #DD0000;
	background-color: rgba(255, 0, 0, 0.05);
	}
.form .field > input:disabled,
.form .field > select:disabled{
	border: solid 1px rgba(0, 0, 0, 0.08);
	background-color: rgba(0,0,0,0.02);
	}
.btn{
	position: relative;
	font-size: 0.9rem;
	font-family: var(--font-ui);
	font-weight: bold;
	padding: 12px;
	-moz-border-radius: 50px; 
	-webkit-border-radius: 50px;
	display: flex;
	align-content: center;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	}
.btn:hover{
	filter: brightness(90%) contrast(120%);
	}
.btn:focus{
	outline: 3px solid var(--color-alert);
	outline-offset: 0px;
	}
.btn > svg{
	position: absolute;
	right: 5px;
	top: 5px;
	width: 30px;
	height: 30px;
	}
.btn.default{
	background-color: #EEE;
	color: #000;
	}
.btn.primary{
	background-color: var(--color-primary);
	color: #FFF;
	}
.btn.secondary{
	background-color: var(--color-secondary);
	color: #FFF;
	}
.btn.icon{
	padding-right: 40px;
	}
.btn.primary > svg > path,
.btn.secondary > svg > path{
	stroke: #FFF;
	}

@media (max-width: 1600px) {}
@media (max-width: 1200px) {}
@media (max-width: 1024px) {}
@media (max-width: 840px) {}
@media (max-width: 720px) {
	.form .field > input,
	.form .field > select{
		font-size: 0.875rem;
		padding: 8px 13px;
		}
	.btn{
		padding: 10px;
		}
	.btn.icon{
		padding-right: 30px;
		}
	.btn > svg{
		width: 25px;
		height: 25px;
		}
}
@media (max-width: 600px) {

}
@media (max-width: 480px) {
	.btn{
		font-size: 0.85rem;
		padding: 7px;
		}
	.btn > svg{
		width: 21px;
		height: 21px;
		}
	.btn.icon{
		padding-right: 26px;
		}
}
@media (max-width: 320px) {

}