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



/* UNIVERSAL FORMS ELEMENTS  */

input,
select,
textarea {
	color: #393939;
	outline: none;
	margin: 0px;
}

input[type="text"],
input[type="email"],
input[type="password"],
textarea {
	-webkit-appearance: none !important;
	-moz-appearance: none;
	appearance: none;
}

fieldset {
	border: 0px none;
	padding: 0px;
	margin: 0px;
}

/* Max-width fix for Select2 */
.select2-container,
.select2-container * {
	max-width: unset;
}

.form_required {color: #C00000;}

.form_error,
.form-error {
	color: #C00000;
}
.form_error_appear {display: none;}

.form_success {
	color: #0ca69a;
	font-weight: bold;
}
.form_success_appear {display: none;}

.form_loading {background-image:url('../images/loading.gif'); background-repeat: no-repeat;}


/**
 * Buttons
 */
input.button,
button.button,
a.button,
.button {
	display: block;
	border: 0 none;
	background-color: #f4a295;
	font-size: 1rem;
	padding: 5px 15px 5px 15px;
	color: #ffffff !important;
	cursor: pointer;
	text-decoration: none !important;
	text-align: center;
}
.button:hover {
	background-color: #e58171;
}

.button--green {
	background-color: #00746B !important;
}
.button--green:hover {
	background-color: #1A8E85 !important;
}
.button--grey {
	background-color: #b9b9b9 !important;
}
.button--grey:hover {
	background-color: #c4c4c4 !important;
}
.button.button--white {
	background-color: #ffffff !important;
	color: #393939 !important;
}
.button.button--white:hover {
	background-color: #f2eded !important;
}



/*
FORM HELPERS
*/


.fieldset--inline {
	display: inline-block;
	vertical-align: top;
}
.fieldset--half {
	width: 50%;	
}
.fieldset--half.fieldset--left {
	padding: 0px 15px 0px 0px;
}
.fieldset--half.fieldset--right {
	padding: 0px 0px 0px 15px;
}
.fieldset--third {
	width: 33.33%;
}



/*
LMU FORM
*/


.lmu-form .form-fieldset {
	margin-bottom: 15px;
}
.lmu-form label.form-label {
	display: inline-block;
	font-size: 15px;
	padding-bottom: 5px;
	cursor: pointer;
}
.lmu-form label.form-label .form-required {
	color: #C00000;
	margin-left: 1px;
}
.lmu-form .form-fieldset .form-error {
	padding-top: 5px;
	font-size: 13px;
}
.lmu-form .form-fieldset--has-error input[type="text"],
.lmu-form .form-fieldset--has-error input[type="email"],
.lmu-form .form-fieldset--has-error input[type="password"],
.lmu-form .form-fieldset--has-error textarea {
	border: 1px #C00000 solid !important;
}

.lmu-form .form-fieldset--text input {
	display: block
	width: 100%;
	border: #dddddd 1px solid;
}

.lmu-form .form-fieldset--textarea textarea {
	display: block;
	margin: 0px;
	width: 100%;
	border: #dddddd 1px solid;
	padding: 5px;
	resize: none;
}

.lmu-form .form-fieldset--select select {
	width: 100%;
	border: #dddddd 1px solid;	
}



/* LMU FORM GENERAL */

.lmu_form_left {float: left; width: 49%;}
.lmu_form_right {float: right; width: 49%;}

.lmu_form .form_required {}

.lmu_form .form_note {padding-top: 2px; font-size: 11px; line-height: 13px;}
.lmu_form .form_error {padding-top: 2px; font-size: 11px; line-height: 13px;}


/* FORM LOADING */

.lmu_form_loading {background-image:url('../images/loading.gif'); background-repeat: no-repeat; background-position: center center; min-height: 96px; position: relative;}
.lmu_form_loading * {visibility: hidden;}
.lmu_form_loading_message {position: absolute; top: 0px; left: 0px; width: 100%; line-height: 32px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; text-align: center; visibility: visible !important;}



/* FIELDSET AND DIVS */

.lmu_form FIELDSET {width: 100%; margin-bottom: 15px;}
.lmu_form FIELDSET LABEL {font-size: 11px; letter-spacing: 1px; text-transform: uppercase;}
.lmu_form FIELDSET .form_note {}
.lmu_form FIELDSET .form_error {}



/* TEXT */

.lmu_form  FIELDSET.form_text INPUT[type="text"], .lmu_form  FIELDSET.form_email INPUT[type="text"], .lmu_form  FIELDSET.form_password INPUT[type="password"] {background-color: #FFFFFF; background-image:url('../images/input_bg.png'); background-repeat: repeat-x; background-position: top center; border: #DDDDDD 1px solid; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; width: 100%; height: 28px; line-height: 26px; padding: 0px 5px; font-size: 14px;}


/* TEXTAREA */

.lmu_form FIELDSET.form_textarea TEXTAREA {background-color: #FFFFFF; background-image:url('../images/input_bg.png'); background-repeat: repeat-x; background-position: top center; border: #DDDDDD 1px solid; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; width: 100%; padding: 5px 5px;}



/* SELECT */

.lmu_form fieldset.form_select label {display: inline-block; *display: inline; vertical-align: middle; padding-right: 10px;}
.lmu_form fieldset.form_select .form_field_container {display: inline-block; *display: inline; vertical-align: middle;}

.lmu_form fieldset.form_select select {width: 100%; border: #D7D7D7 1px solid; padding: 5px; cursor: pointer;}
.lmu_form fieldset.form_select select option {color: #3A3A3A;}



/* FILE */

.lmu_form FIELDSET.form_file LABEL {}


/* CHECKBOXES */

.lmu_form FIELDSET.form_checkbox {}
.lmu_form FIELDSET.form_checkbox .form_checkbox_option {padding-bottom: 0px; position: relative; padding-left: 13px; line-height: 15px;}
.lmu_form FIELDSET.form_checkbox .form_checkbox_option:last-of-type {padding-bottom: 0px;}
.lmu_form FIELDSET.form_checkbox INPUT {position: absolute; left: 0px; top: 2px; cursor: pointer;}
.lmu_form FIELDSET.form_checkbox LABEL.form_checkbox_option_label {float: none; padding-left: 5px; cursor: pointer; width: 100%; margin: 0px 0px 0px 0px;}









/* CHECKOUT BUTTON */

.checkout-button {display: block; background-color: #F7B1A7; background-image:url('../images/checkout_button_bg.png'); background-repeat: no-repeat; background-position: center center; height: 35px; width: 100%; cursor: pointer;}
.checkout-button:hover {background-color: #F19181;}


