/******************************************************************************
 * Copyright 2009-2020 Exactpro (Exactpro Systems Limited)
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 ******************************************************************************/

@import "./common/vars";
@import "./common/mixins";

.alert {
	border-top: 2px solid;
	font-size: 13px;
	margin-bottom: 6px;
	min-height: 65px;
	display: flex;
	flex-direction: column;
	padding: 0;

	&__row {
		margin-top: 10px;
		justify-content: space-between;
		display: flex;
	}

	&__column {
		width: 60%;
		&-title {
			color: $secondaryTextColor;
		}
		&-value {
			color: $primaryTextColor;
			padding-left: 10px;
		}
	}

	&__lines {
		text-align: end;
		width: 40%;
		&-title {
			color: $secondaryTextColor;
		}
		&-value {
			color: $primaryTextColor;
			padding-left: 10px;
		}
	}

	&__type {
		text-align: right;
		font-weight: bold;
		font-size: 15px;

		&.warning {
			color: $conditionallyPassedTextColor;
		}
		&.error {
			color: $failedTextColor;
		}
	}

	&__message {
		width: 80%;
		margin-right: 0px;
		word-break: break-word;
	}

	&__icon {
        &.error {
			@include icon(url(../../resources/icons/report-summary-error.svg), 20px, 20px);
        }
        &.warning {
			@include icon(url(../../resources/icons/report-summary-warning.svg), 20px, 20px);
        }
	}
	
	&.warning {
		border-color: $alertWarningBackgroundColor;
		color: $alertWarningTextColor;
	}
	
	&.error {
		border-color: $alertErrorBackgroundColor;
		color: $alertErrorTextColor;
	}
}