/*General - Textfield*/
input[type="text"]{border: 1px solid #000; background-color: transparent; text-align: left; padding: 15px 20px; font-size: 16px; margin-bottom: 20px; width: 100%;}
input[type="text"]:focus{background-color: #F7F7F7; border-color: #000; color: #000; outline: none;}

/*General - Textarea*/
textarea{border: 1px solid #000; background-color: transparent; text-align: left; padding: 15px 20px; font-size: 16px; margin-bottom: 20px; width: 100%;}
textarea:focus{background-color: #F7F7F7; border-color: #000; color: #000; outline: none;}

/*General - Checkbox*/
input[type="checkbox"]{margin-right: 20px;}

/*General - Sumbit button*/
button[type="submit"]{background-color: #DDD; font-size: 30px; border: 0; padding: 15px 30px 10px 30px; margin-top: 10px;}
button[type="submit"].btn{font-size: 14px; padding: 8px 12px; margin-top: 0px;}
button[type="submit"].btn:hover{color: #000;}
body.ch button[type="submit"]{font-size: 24px;}
button[type="submit"]:hover{background-color: #E63A38; color: #FFF;}
button[type="submit"]:focus{background-color: #E63A38; color: #FFF; outline: none;}
@media screen and (max-width: 480px) {
	button[type="submit"]{font-size: 20px;}
	body.ch button[type="submit"]{font-size: 18px;}
}

/*General - Select dropdown*/
/*Firefox & IE - hide select arrow*/
select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
/*For IE10*/
select::-ms-expand {
    display: none;
}
.styledSelect select{outline: 0; width: 100%; border: 1px solid #000; background: transparent; text-align: left; padding: 15px 20px; font-size: 16px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-bottom: 20px; -webkit-appearance: none; position: relative; top: 0; left: 0; z-index: 1;}
.styledSelect{position: relative;}
.styledSelect i{position:absolute; top:18px; right:30px;}

@media screen\0 {
  .styledSelect i { 
  	display: none; /* for ie 8,9,10 */
  }
}

/*General - Error styles*/
.error > input[type="text"]{border: 1px solid #E63A38;}
.error > textarea{border: 1px solid #E63A38;}
.error.styledSelect select{border: 1px solid #E63A38;}
.error > i, .error > i.icon-exclamation{position:absolute; top:18px; right:30px; color: #E63A38; display: inline;}
i.icon-exclamation,i.hidden{display: none;}
.error.terms{border: 1px solid #E63A38;}


/*Choose file button*/
.btnChooseFile{padding: 10px 12px; background-color: #DDD; color: #000;}
.btnChooseFile:hover{background-color: #E63A38; color: #FFF; border-color: #E63A38;}
.btnChooseFile:focus{background-color: #E63A38; color: #FFF; border-color: #E63A38; outline: none;}

/*Upload file button*/
button[type="submit"].btnUploadFile{font-size: 14px; 
	padding: 10px 12px; background-color: transparent; color: #E63A38; margin-top: 0; border: 1px dashed #E7E7E7;}
button[type="submit"].btnUploadFile:hover{background-color: transparent; color: #E63A38; border-color: #E63A38;}
button[type="submit"].btnUploadFile:focus{background-color: transparent; color: #E63A38; border-color: #E63A38; outline: none;}
@media screen\0 {
  button[type="submit"].btnUploadFile { 
  	margin-left:20px; /* for ie 8,9,10 */
  }
}

/*Filename - badge*/
.filename.badge{margin: 12px 10px;}
@media screen and (max-width: 767px) {
	.filename.badge{clear: both; margin-left: 0;}
}

/*News subscription*/
.errorMessage p{font-size: 14px; color: #E63A38;}
.okMessage p{}
.newsSubscription .placeholder{color: #A62E2C;}
.newsSubscription ::-webkit-input-placeholder{color: #A62E2C;}
.newsSubscription input[type="text"]{border: 1px solid #000; background-color: transparent; text-align: center; padding: 20px 10px; font-size: 16px; margin-bottom: 20px;}
.newsSubscription input[type="text"]:focus{background-color: #FFF; border-color: #FFF; color: #000; outline: none;}
/*.newsSubscription input[type="text"]:focus.placeholder{color: #EEE;}*/
.newsSubscription input[type="text"]:focus::-webkit-input-placeholder{color: #EEE;}

/*Black*/
.newsSubscription.black .placeholder{color: #999;}
.newsSubscription.black ::-webkit-input-placeholder{color: #999;}
.newsSubscription.black input[type="text"]:focus{border-color: #000;}

.placeholder{color: #A62E2C;}

/*Success message*/
.successContainer{display: none;}
.successContainer p{color: #E63A38;}

.bgRed button[type="submit"]{background-color: #C93F3E; font-size: 36px; border: 0; padding: 10px 30px 5px 30px; margin-top: 10px;}
.bgRed button[type="submit"]:hover{background-color: #FFF; color: #000;}
body.ch .bgRed button[type="submit"]{font-size: 36px;}

@media screen and (max-width: 480px) {
	.newsSubscription input[type="text"]{width: 90%;}
	
	.formContainer input[type="text"]{padding: 20px 20px;}
	.formContainer .styledSelect select{padding: 20px 20px;}
	.formContainer .styledSelect i{position:absolute; top:24px;}
	.formContainer i.size12{font-size: 8px;}
	.formContainer .size16{font-size: 12px;}
	.formContainer .size14{font-size: 12px;}
	body.ch .formContainer .size14{font-size: 13px;}
	body.ch .formContainer .size16{font-size: 13px;}
}


/*datepicker*/
.ui-datepicker{
	background-color: #FFF;
	border: 1px #000 solid;
}
.ui-datepicker a{
	color: #000;
}
.ui-datepicker a:hover{
	color: #333;
}
.ui-datepicker-prev{
	content: "\f104";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;	
}
.ui-datepicker .ui-datepicker-header{
	background-color: #eee;
}
.ui-datepicker a.ui-datepicker-prev,
.ui-datepicker a.ui-datepicker-next{
	font-size: 20px;
	padding-top: 5px;
}
.ui-datepicker a.ui-datepicker-prev:hover,
.ui-datepicker a.ui-datepicker-next:hover{
	text-decoration:none;
	font-size: 20px;
	padding-top: 5px;
}
.ui-datepicker a.ui-datepicker-prev{
	left: 5px;	
}
.ui-datepicker a.ui-datepicker-next{
	right: 5px;
}
.ui-datepicker td .ui-state-default{
	text-align: center;
	color: #eee;
}
.ui-datepicker td a.ui-state-default{
	color:#333;
}