// ==========================================================================
// Messages
// ==========================================================================
.#{$selector} {
	.ipt_uif_message {
		padding: 14px;
		margin: 0 0 14px 0;
		border: 1px solid $divider-color;
		background-color: $preset-bg;
		color: $secondary-text-color;
		position: relative;
		&::before {
			position: absolute;
			width: 4px;
			top: -1px;
			left: -1px;
			bottom: -1px;
			content: "";
			display: block;
			zoom: 1;
			background-color: $primary-text-color;
		}
		&.error,
		&.red {
			&::before {
				background-color: $error-color;
			}
		}

		&.update,
		&.yellow {
			&::before {
				background-color: $update-color;
			}
		}

		&.green,
		&.okay {
			&::before {
				background-color: $success-color;
			}
		}

		p {
			margin: 0;
			padding: 0;
		}
	}
}