/*https://react.nn-design-system.com/versions/latest/index.html?path=/docs/components-attentionblock--docs*/
.nnds-attention-block{
    display: flex;
    border-radius: 4px;
    min-height: 48px;
    background-color: var(--color-darkOrange-100); /* #FDEDE9 */
    overflow: hidden;
}
.nnds-attention-block--error{
    background-color: var(--color-darkOrange-100); /* #FDEDE9 */
}
.nnds-attention-block--informative{
    background-color: var(--color-blue-100); /* #EAF1F8 */
}
.nnds-attention-block--success{
    background-color: var(--color-green-100); /* #E9F2E7 */
}
.nnds-attention-block--warning{
    background-color: var(--color-lightOrange-100); /* #FFEDD9 */
}

.nnds-attention-block__sidebar{
    flex-shrink: 0;
    background-color: var(--color-darkOrange-700); /* #E64415 */
    width: 4px;
}
.nnds-attention-block__sidebar--error{
    background-color: var(--color-darkOrange-700); /* #E64415 */
}
.nnds-attention-block__sidebar--informative{
    background-color: var(--color-blue-700); /* #4881BE */
}
.nnds-attention-block__sidebar--success{
    background-color: var(--color-green-700); /* #538B4C */
}
.nnds-attention-block__sidebar--warning{
    background-color: var(--color-lightOrange-500); /* #EE7F00 */
}

.nnds-attention-block__main-section{
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    padding: 12px 0px;
}
.nnds-attention-block__icon-outer{
    margin-left: 12px;
}
.nnds-attention-block__icon{
    display: block;
}
.nnds-attention-block-with-title__content-outer{
    margin: 0px 8px;
    flex: 1 1 auto;
    align-self: center;
}
.nnds-attention-block__content-outer{
    margin: 0px 8px;
    flex: 1 1 auto;
}
.nnds-attention-block__content-outer p{
    font-size: var(--fontSize-m);
    word-wrap: break-word;
    word-break: break-all;
    text-align: left;
    line-height: 1.5;
}
.nnds-attention-block__header-outer{
    padding: 4px 0px;
}
.nnds-attention-block__content-no-with-title p{
    margin-top: 0px !important;
}