/*
	@Concrete Framework V2
	@Desc: Based upon the concept of Twitter Bootstrap. This framework is designed to be compliant with all new and old browsers.
	It is NOT based upon non-supporting HTML5/CSS3 properties, although some may be used when necessary. Key goal of this framework
	is to provide a lightweight & flexible base template.
	
	@Developer: Maikel Doeze
	@Created: 24-10-2013
	@Last update: 29-09-2015
*/

/* INPUTS */
input[type="text"],
input[type="password"],
input[type="file"],
select,
textarea,
.formInputTaC,
.chosen-container,
.fileUpParrent,
.fileUpButton{
padding:10px;
width:100% !important;
vertical-align:top;
line-height:normal;

}

/* PLACEHOLDER */
::-webkit-input-placeholder{
color:inherit;
}

/* BUTTONS */
button,
.button{
width:100%;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.buttonContainer button,
.buttonContainer .button{
margin-bottom:10px; /* ALWAYS HAVE SPACING */
}

/* DATE INPUTS */
.apllDate > div{
display:inline-block;
width:100%;
}
.apllDate > div > span{
display:block;
margin-bottom:10px;
}

/* RADIO INPUTS */
.formRadio  > div{
display:inline-block;
width:100%;
}
.formRadio  > div > span{
display:block;
width:33.33%;
padding-right:10px;
}
.formRadio  > div > span:last-child{
padding-right:0;
padding-left:5px;
}
.formRadio  > div > span:nth-last-child(2){
padding-right:5px;
}

/* JQueryFileInput */
.fileUpParrent{
padding:0;
}
.fileUpParrent{}

/* aplFileButton */
.aplFileButton > div{
display:inline-block;
width:100%;
}
.aplFileButton > div a{
word-wrap:break-word;
}

div.formInputTaC{
display:inline-block;
}
.formInput select{
width:100%; /* FIX: GLOBAL STYLING */
}

/* ReCaptcha */
.g-recaptcha{
display:inline-block;
}

/* JQueryChosen */
.chosen-container{
background-color:#fff;
}
.chosen-container .chosen-drop{
border:0;
}
.chosen-container, select {
background-image: url("select2.png");
background-position: right 50%;
background-repeat: no-repeat;
}

/* JQueryMagicSelect */
.magicSelectParent{
display:inline;
}
.formInput.formSmallInput.apllDate input.magicSelect{
max-width:none !important;
}

/* JQuerySelect2 */
div.select2-container{
display:block;
background-color:#fff;
cursor:pointer;
}
div.select2-container .select2-search-field li{
float:none;
}
div.select2-container .select2-choices{
padding:0;
}
div.select2-container .select2-choices .select2-search-field input{
color:inherit;
padding:10px;
}
div.select2-container .select2-choices .select2-search-choice{
margin:10px 0 3px 10px;
}
.select2-default{
opacity:0.6; /* FAKE PLACEHOLDER */
}
.select2-focused{
opacity:1;
}

/* FORM INPUT */
.formInput{
margin-bottom:15px;
}
.formInput:after {
visibility:hidden;
display:block;
font-size:0;
content:" ";
clear:both;
height:0;
}
.formInput label{
display:block;
float:left;
width:100%;
min-height:1px; /* PREVENT COLLAPS */
}
.explain{
width:100% !important;
}
.explain.small{
line-height:normal;
}
.hookInput{
margin-bottom:15px;
}
.buttonContainer input{
margin-bottom:15px;
}

/* RADIO */
.labelRadio{
clear:both;
}

/* CHECKBOX */
.formCheckboxContainer,
.formRadioContainer{
float:none;
display:inline-block;
}
.formCheckboxContainer input {
margin:0 10px 0 0;
float:none;
}

/* FILE */
.fileUpButton{
background-position:95% 50%;  /* fix position */
}
.fileUpButton:hover{
background-position:95% 50%; /* fix position */
}

/* MceEditor */
.mceEditor {
display:inline-block;
width:100%;
}
.mceLayout{
width:100% !important;
}

/*AVG*/
.formInputAVG {
	font-size: 12px;
}
.aplAVGCheck {
	font-size: 12px;
}

@media screen and (min-width: 768px){
	.outer input[type="text"],
	.outer input[type="password"],
	.outer input[type="file"],
	.outer select,
	.outer textarea,
	.outer div.formInputTaC,
	.outer .chosen-container,
	.outer .apllDate > div,
	.outer .formRadio  > div,
	.outer .formMultiCheckbox > div,
	.outer .fileUpParrent,
	.outer .fileUpButton,
	.outer .g-recaptcha,
	.outer .mceEditor{
	/* max-width:350px !important; */
	max-width:350px;
	}
	.outer .formInput > label,
	.outer .explain{
	max-width:25%;
	}
	button,
	.button{
	width:auto;
	}
	.apllDate > div > span{
	float:left;
	}
	.apllDate > div > span{
	/*display:block;*/
	display:inline-block;
	width:33.33%;
	padding-right:10px;
	margin-bottom:0;
	}
	.apllDate > div > span:last-child{
	padding-right:0;
	padding-left:5px;
	}
	.apllDate > div > span:nth-last-child(2){
	padding-right:5px;
	}
	
	/* aplFileButton */
	.aplFileButton > div{
	max-width:350px;
	}
}