@import url(forms/calendar.css);
@import url(forms/checkbox.css);
@import url(forms/dropdown.css);
@import url(forms/input.css);
@import url(forms/number.css);
@import url(forms/radio.css);
@import url(forms/range.css);
@import url(forms/switch.css);
@import url(forms/textarea.css);
@import url(forms/steps.css);
@import url(forms/search_bar.css);

/*--------------------------------------------------*/
/*	GLOBAL
/*--------------------------------------------------*/

.inline-inputs {
	width: 100%;

	/*flex requirement*/
	display: -webkit-inline-flex;
	display: -moz-inline-flexbox;
	display: -ms-inline-flexbox;
	display: -o-inline-flexbox;
	display: inline-flex;

	-webkit-justify-content: space-between;
	   -moz-justify-content: space-between;
	    -ms-justify-content: space-between;
	     -o-justify-content: space-between;
	        justify-content: space-between;
}

.inline-inputs > *:nth-child(n+2) {
	margin-left: 10px;
}

/*--------------------------------------------------*/
/*	FLAGS
/*--------------------------------------------------*/

/* .switch alert override */
.switch > input.alert,
.calendar > input.alert,
.dropdown > input.alert {
	box-shadow: none;
}

.switch > input.alert ~ label,
.calendar > input.alert ~ label,
.dropdown > input.alert ~ label,
.alert {
	-webkit-box-shadow: 0 0 0 2px #FF555F;
	   -moz-box-shadow: 0 0 0 2px #FF555F;
	    -ms-box-shadow: 0 0 0 2px #FF555F;
	     -o-box-shadow: 0 0 0 2px #FF555F;
	        box-shadow: 0 0 0 2px #FF555F;
}

/*--------------------------------------------------*/
/*	FORMS
/*--------------------------------------------------*/

form {
	width: 100%;
}

input,
textarea {
	/* prevent default browser styling */
	border-radius: 0;
	outline: 0;

	/* prevent default browser styling */
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	        appearance: none;

	/* style.css prevents selections */
	/* set it back to text for forms */
	-webkit-touch-callout: text; /* iOS Safari */
	  -webkit-user-select: text; /* Safari */
	   -khtml-user-select: text; /* Konqueror HTML */
	     -moz-user-select: text; /* Old versions of Firefox */
	      -ms-user-select: text; /* Internet Explorer/Edge */
	          user-select: text; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
}

/*--------------------------------------------------*/
/*	LOADING
/*--------------------------------------------------*/

.loading > * {
	filter: blur(3px);
}

.loading:after {
	content: " ";
	position: absolute;
	top: calc(50% - 64px);
	left: calc(50% - 64px);

	width: 128px;
	height: 128px;

	background-image: url("/content/svg/common/loading");
	background-repeat: no-repeat;

	background-position: center;
	background-size: contain;

	-webkit-animation: spin 1s linear infinite;
	   -moz-animation: spin 1s linear infinite;
	    -ms-animation: spin 1s linear infinite;
	     -o-animation: spin 1s linear infinite;
	        animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
	100% {
		-webkit-transform: rotate(359deg);
	}
}

@-ms-keyframes spin {
	100% {
		-ms-transform: rotate(359deg);
	}
}

@-moz-keyframes spin {
	100% {
		-moz-transform: rotate(359deg);
	}
}

@-o-keyframes spin {
	100% {
		-o-transform: rotate(359deg);
	}
}

@keyframes spin {
	100% {
		transform: rotate(359deg);
	}
}