/* Error Message styling for LDP Forms */

.ldpforms.alert-error {
	background-color:#D44045;
	background-image:none;
	color:#ffffff;
	/*font-size:12px;
	font-weight:bold;*/
	margin-top:10px;
	padding:10px;
	line-height:20px;
	text-transform:capitalize;

	position:relative;
	top:0;

	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.ldpforms.alert-success {
	background-color:#448240; /*#ABAF00;*/
	color:white;
	/*font-size:12px;
	font-weight:bold;*/
	margin-top:10px;
	padding:10px;
	line-height:20px;
	text-transform:capitalize;
	position:relative;
	top:0;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}


.ldpforms select {
	height: auto;
}
.ldpforms.label-error{
	background-color:#FFDFD0;
	display:block;
	padding:4px;
	color:#D44045;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}

form .controls {
    position: relative;
}
form .label.error {
    background: #D44045;
    color: white;
    padding: 0.5rem;
    border-radius: 7px;
    position: relative;
	
}
form .controls ~ .label.error {
    position: relative;
}
form .label.error .arrow-left {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #D44045;
    top: -11px;
    left: 6px;
    position: absolute;
    transform: rotate(90deg);
}

@media only screen and (max-width: 40em){
	form .label.error{
		position: relative;
		display: block;
		margin: 0;
		margin-top: 5px;
	}
	form .label.error .arrow-left {
		height: 0;
		width: 0;
		border-top: none;
		border-left: 8px solid transparent;
		border-right: 8px solid transparent;
		border-bottom: 8px solid #D44045;
		position: absolute;
		top: -5px;
		left: auto; 
	}
}


/* fix form errors for sidebar or grids */
.grid form .label.error, .sidebar .label.error {
	position: relative;
	display: block;
	margin: 0;
	margin-top: 5px;
}

.grid form .label.error .arrow-left, .sidebar form .label.error .arrow-left {
	height: 0;
	width: 0;
	border-top: none;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #D44045;
	position: absolute;
	top: -5px;
	left: auto; 
}