/*
 * Notification Styles
 */
@alert_border_radius: 35px;

:root {
    --alert_border_radius: @alert_border_radius;
}
.success, .error, .alert, .alertBlue, .info {
    margin: 0 0 16px 0;
    padding: 40px !important;
    clear: both;
    text-align: left;
    position: relative;
    border-radius: var(--alert_border_radius);
    border: 1.5px solid var(--border_color);
    box-shadow: none;
	background: #fff !important;
	.rems(18) !important;
	font-weight: 500 !important;
	line-height: normal !important;
	color: var(--text_color) !important;


    @media @mobile {
		padding: 25px 25px 25px 60px  !important;
    }


    &, p {

		font-size: inherit;
		line-height: inherit;
		color: inherit;
		font-weight: inherit;

    }

    a {

		font-size: inherit;
		line-height: inherit;
		color: inherit;
		font-weight: inherit;
        text-decoration: underline;
        transition: color 200ms linear;

        &:hover, &:active, &:focus-visible {
            text-decoration: none;
        }

    }

    h4 {
        margin-bottom: 8px;
		margin-top: -4px;
        color: inherit;

    }


    &:after {
        display: none;
    }
}

.success {

    border-color: var(--success_color);

}

.error {

	border-color: var(--alert_color);

}

.alert {

	border-color: var(--information_color) !important;


}

.alertBlue, .info {

	border-color: var(--note_color) !important;

}


