﻿
.msgText 
{
	color: var(--cc-strong);
}

.AlertBoxDiv {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: var(--spacing-8) var(--spacing-16) var(--spacing-8) var(--spacing-16);
    gap: var(--spacing-8);
    min-width: 607px;
    min-height: 48px;
    border-radius: var(--border-radius-s);
    margin-bottom: var(--spacing-8);
}

.AlertIcon {
	min-width: 24px;
	min-height: 24px
}

.AlertBoxLargeMargins {
    margin-left: var(--spacing-12);
    margin-right: var(--spacing-12);
}

/* Danger */
.AlertBoxDiv_Danger {
	background: var(--bg-danger-weak);
}

.AlertIcon_Danger {
	color: var(--cc-danger);
}

/* Warning */
.AlertBoxDiv_Warning {
	background: var(--bg-warning-strong-weak);
}

.AlertIcon_Warning {
	color: var(--cc-warning);
}

/* Success */
.AlertBoxDiv_Success {
	background: var(--bg-success-strong-disabled);
}

.AlertIcon_Success {
	color: var(--cc-success);
}

/* Lock */
.AlertBoxDiv_Lock {
	background: var(--bg-surface-30-hover);
}

.AlertIcon_Lock {
	color: var(--cc-med);
}

/* Info / Default */
.AlertBoxDiv_Info {
	background: var(--bg-accent-strong-disabled);
}

.AlertIcon_Info {
	color: var(--cc-selected);
}