/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
//
// Notification
// --------------------------------------------------
.uiPopup, .UIMaskWorkspace {
	.alert{
		position: relative;
		left: 50%;
		.translate(-50%, 0);
		display: inline-block;
	}
}

.alert {
	.border-radius(@baseBorderRadius);
	.box-shadow(0px 1px 1px @primaryBackgroundHover);
	background: @warningBackground;
	border-color: @warningBorder;
	color: @warningText;
	padding: 8px 12px 8px 32px;
	margin: 10px 0;
	z-index: 10;
	max-width: 95%;
	word-wrap: break-word;
	i {
		display: inline;
		vertical-align: text-top;
		.square(16px);
		margin:0 7px 0 0;
	}

	.uiIconWarning {
		&:before {
            color: @warningColor;
        }
	}

	a:not(.btn) {
		color: @linkInAlertColor;
		text-decoration: @linkInAlertTextDecoration;

		&:hover {
			font-weight: normal;
			text-decoration: @linkInAlertTextDecoration;
		}
	}
}

.alert-success {
	background: @successBackground;
	border-color: @successBorder;
	color: @successText;

	.uiIconSuccess {
        &:before {
            content: "\e770";//uiIconValidate
            color: @successColor;
        }

	}
}

.alert-info {
	background: @infoBackground;
	border-color: @infoBorder;
	color: @infoText;

	.uiIconInfo {
        &:before {
            color: @infoColor;
            content: "\e767";
        }

	}
}

.alert-error {
	background: @errorBackground;
	border-color: @errorBorder;
	color: @errorText;

	.uiIconError {
        &:before {
            content: "\e76d";//uiIconClose
            color: @errorColor;
        }

	}
}
