/* CSS Document */

/* Alter seleccts */
select  {
	width:100%;
	border:none;
	border-bottom:solid 1px #757575;
	padding-left:5px;
	display:none;
}

select.ignore-input-style {
	display:block;
	border: 1px solid #a2a2a2;
}

select.ignore-input-style {
	padding:12px 20px 12px 10px;	
}

.select-clone-value
{
	font-size:16px;
	color:#424242;
	background:transparent;
}

.select-clone {
	background-color:#fff;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	z-index:110;
	display:block;
	-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.52);
	-moz-box-shadow:    0px 0px 7px 0px rgba(50, 50, 50, 0.52);
	box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.52);
	max-height:300px;
	overflow:auto;
	display:none;
}

.select-clone-value {
	width:100%;
	border:none;
	border-bottom:solid 1px #757575;
	padding:11px 20px 10px 5px;
	min-height:34px;
}

.select-clone-value.disabled {
	background-color: #f8f8f8;
    color: #808080 !important;
    cursor: not-allowed !important;
}

.select-clone-value:after {
	content: "\f0d7 ";	
	display:block;
	color:#8E8E8E;
	position:absolute;
	right:10px;
	top:30%;
	font-family: FontAwesome;
}

.select-clone-value.empty {
	color:#B1B1B1	
}

.select-clone-value:hover {
	cursor:pointer;	
}

.select-clone .option {
	padding:12px 20px;
	font-size:14px;
	color:#747474;
}
.select-clone .option:hover {
	cursor:pointer;
	background-color:#E1F3FF	
}

.select-clone .option.selected {
	background-color:#419CD5 !important;
	color:#fff !important;
}

input[type="checkbox"]{
	display:none!important;
}

.checkbox-clone{
	width:16px;
	height:16px;
	float:left;
	background-color:white;
	border:2px solid #ebebeb;
	margin:0px 10px 0px 0px;
	cursor:pointer;
}

.checkbox-clone:hover{
	border: 2px solid #d6d6d6;	
}

.checkbox-clone.checked:after{
	content: "\f00c ";	
	font-family: FontAwesome;
	font-size:16px;
	position:relative;
	top:-4px;
	left:-2px;
	color:#000
}
input[type="radio"]{
	display:none!important;
}

.radiobutton-clone{
	width:16px;
	height:16px;
	border-radius:8px;
	float:left;
	background-color:white;
	border:2px solid #ebebeb;
	margin:0px 10px 0px 0px;
	cursor:pointer;
}
.radiobutton-clone:hover{
	border: 2px solid #d6d6d6;	
}

.radiobutton-clone.checked{
	background-color:#048df6;
}
/* Default layout */
input[name="controle_tegen_niet_mensen"]{
	position:absolute;
	margin-left:-5000px;	
}
.input-wrap {
	padding:10px;	
	position:relative;
	margin-bottom:5px;
}

	.input-wrap .label {
		width:100%;	
		padding-bottom:5px;
	}
	
	.input-wrap .label.hide {
		display:none;	
	}

	.input-wrap .input {
		width:100%;
		position:relative;
	}

		.input-wrap .input input,
		.input-wrap .input textarea {
			border:solid 1px #A2A2A2;
			padding:10px;
			width:100%;
			-webkit-appearance: none
		}

		.input-wrap .input input[type="checkbox"],
		.input-wrap .input input[type="radio"] {
			display:inline-block;	
			width:auto;
		}
		
		.input-wrap .input input[type="radio"] {
			padding:10px;	
			line-height:20px;
			float:left;
			width:20px;
			height:20px;
		}
		
		.input-wrap .input input[type="radio"] ~ span {
			padding-left:10px;
		}

		.input-wrap .input div.prefix {
		
			display:inline-block;
			position:absolute;	
			border: 1px solid #a2a2a2;
			border-right:none;
			padding:8px;
			top:0;
			bottom:0;
			width:30px;
		}

			.input-wrap .input div.prefix > i {
				color:	#3F3F3F;
			}

			.input-wrap .input div.prefix ~ input {
				padding-left:45px;
			}

		.input-wrap .input .text-block {
			margin-bottom:0;	
		}
 
		.input-wrap .input input[type="submit"] {
			width:auto;
			padding:5px 25px; 
			float:right;
		}
/* Error message */
	.form-error-message{                               
		width: 100%;
		border: 1px solid;
		color: #fff;
		padding: 15px;
		text-shadow: 0 1px 0 rgba(0,0,0,.5);
		background-color: #de4343;
		border-color: #c43d3d;
	}
	.input-wrap .input .field-error{
		border-bottom:2px solid red;	
	}
	.field-error-icon{
		display:none;	
	}
	.input-wrap .input.field-type-input .field-error-icon,
	.input-wrap .input.field-type-email .field-error-icon,
	.input-wrap .input.field-type-phone .field-error-icon,
	.input-wrap .input.field-type-numeric .field-error-icon,
	.input-wrap .input.field-type-website .field-error-icon,
	.input-wrap .input.field-type-date .field-error-icon,
	.input-wrap .input.field-type-time .field-error-icon,
	.input-wrap .input.field-type-price .field-error-icon,
	.input-wrap .input.field-type-radio .field-error-icon { 
		width: 30px;
		height:30px;
		position:absolute;
		top:3px;
		right:10px;
	}
		.input-wrap .input .field-error-icon i{
			color:red;
			font-size:24px;	
			line-height:30px; /* same height as parent div height */
			text-align:center;
		}