// Messages styles

.success-msg{
	padding:10px 50px;
	font-size:12px;
	background:#8dc140;
	color:#FFFFFF;
	display:none;
	position:relative;
		.text-only{
			float:left;
			line-height:24px;
				a{
					color:#FFF;
					text-decoration:underline;
					cursor:pointer;
					font-weight:bold;
						&:hover{
							text-decoration:none;
						}
				}
		}
		span{
			text-transform: uppercase;
		}
	.msg-cross{
		position: absolute;
		right: 10px;
		top: 10px;
			i{
				background: #fff;
				border-radius: 50%;
				color: #000;
				padding: 4px 6px;
				height: 24px;
				width: 24px;
				color:#ababab;
				font-size:15px;
				&:hover{
					color:#666666;
				}
			}
	}
}

.error-msg{
	padding:10px 50px;
	font-size:12px;
	background:#d53f00;
	color:#FFFFFF;
	display:none;
	pointer:relative;
		.text-only{
			float:left;
			line-height:24px;
				a{
					color:#FFF;
					text-decoration:underline;
					cursor:pointer;
					font-weight:bold;
						&:hover{
							text-decoration:none;
						}
				}
		}
		span{
			text-transform: uppercase;
		}
	.msg-cross{
		position: absolute;
		right: 10px;
		top: 10px;
			i{
				background: #fff;
				border-radius: 50%;
				color: #000;
				padding: 4px 6px;
				height: 24px;
				width: 24px;
				color:#ababab;
				font-size:15px;
				&:hover{
					color:#666666;
				}
			}
	}
}

.succ-message-show{
	padding: 12px;
	font-size: 12px;
	background: #8dc140;
	color: #FFFFFF;
	position:relative;
		.text-only {
			float: left;
			line-height: 24px;
				span {
					text-transform: uppercase;
				}
		}
		.msg-cross {
			position: absolute;
			right: 10px;
			top: 10px;
				i{					
					background: #fff;
					border-radius: 50%;
					color: #000;
					padding: 4px 6px;
					height: 24px;
					width: 24px;
					color: #ababab;
					font-size: 15px;
				}
		}
}
.err-message-show{
	padding: 12px;
	font-size: 12px;
	background: #d53f00;
	color: #FFFFFF;
	position:relative;
		.text-only {
			line-height: 24px;
			padding-right:25px;
		}
		.msg-cross-all {
			position: absolute;
			right: 10px;
			top: 10px;
			cursor: pointer;
				i{					
					background: #fff;
					border-radius: 50%;
					color: #000;
					padding: 4px 6px;
					height: 24px;
					width: 24px;
					color: #ababab;
					font-size: 15px;
				}
		}
}

.white-bar{
	.success-msg{
		padding:10px 50px 10px 10px;
		font-size:12px;
		background:#8dc140;
		color:#FFFFFF;
		position:relative;
		display:block;
		margin-bottom:20px;
			.text-only{
				float:left;
				line-height:24px;
					a{
						color:#FFF;
						text-decoration:underline;
						cursor:pointer;
						font-weight:bold;
							&:hover{
								text-decoration:none;
							}
					}
			}
			span{
				text-transform: uppercase;
			}
		.msg-cross{
			position: absolute;
			right: 10px;
			top: 10px;
				i{
					background: #fff;
					border-radius: 50%;
					color: #000;
					padding: 4px 6px;
					height: 24px;
					width: 24px;
					color:#ababab;
					font-size:15px;
					&:hover{
						color:#666666;
					}
				}
		}
	}

	.error-msg{
		padding:10px 50px 10px 10px;
		font-size:12px;
		background:#d53f00;
		color:#FFFFFF;
		display:block;
		position:relative;
		margin-bottom:20px;
			.text-only{
				float:left;
				line-height:24px;
					a{
						color:#FFF;
						text-decoration:underline;
						cursor:pointer;
						font-weight:bold;
							&:hover{
								text-decoration:none;
							}
					}
			}
			span{
				text-transform: uppercase;
			}
		.msg-cross{
			position: absolute;
			right: 10px;
			top: 10px;
				i{
					background: #fff;
					border-radius: 50%;
					color: #000;
					padding: 4px 6px;
					height: 24px;
					width: 24px;
					color:#ababab;
					font-size:15px;
					&:hover{
						color:#666666;
					}
				}
		}
	}
}