/*
    ALERTS komponenta
*/

.nb-alert{
    border-radius: var(--nb-alert-border-radius);
    border: var(--nb-alert-border);
    padding: var(--nb-alert-padding-x) var(--nb-alert-padding-y);
    font-weight: var(--nb-alert-font-weight);
    font-size: var(--nb-alert-font-size);
    line-height: var(--nb-alert-line-height);
}

/* Stil za strukturu Alert-a sa ikonicom */
.nb-alert-icon{
    display:flex;
    align-items: center;
}

.nb-alert-icon .nb-icon{
    margin-right: 10px;
}

.nb-alert.nb-alert-primary {
    background-color: var(--nb-alert-primary-bg);
    color: var(--nb-alert-primary-color);
    border-color: var(--nb-alert-primary-border-color);
}
.nb-alert.nb-alert-secondary {
    background-color: var(--nb-alert-secondary-bg);
    color: var(--nb-alert-secondary-color);
    border-color: var(--nb-alert-secondary-border-color);
}
.nb-alert.nb-alert-info {
    background-color: var(--nb-alert-info-bg);
    color: var(--nb-alert-info-color);
    border-color: var(--nb-alert-info-border-color);
}
.nb-alert.nb-alert-info .nb-icon {
    color: var(--nb-color-cyan);
}
.nb-alert.nb-alert-danger {
    background-color: var(--nb-alert-danger-bg);
    color: var(--nb-alert-danger-color);
    border-color: var(--nb-alert-danger-border-color);
}
.nb-alert.nb-alert-danger .nb-icon {
    color: var(--nb-color-danger);
}
.nb-alert.nb-alert-success {
    background-color: var(--nb-alert-success-bg);
    color: var(--nb-alert-success-color);
    border-color: var(--nb-alert-success-border-color);
}
.nb-alert.nb-alert-success .nb-icon {
    color: var(--nb-color-success);
}
.nb-alert.nb-alert-warning {
    background-color: var(--nb-alert-warning-bg);
    color: var(--nb-alert-warning-color);
    border-color: var(--nb-alert-warning-border-color);
}
.nb-alert.nb-alert-warning .nb-icon {
    color: var(--nb-color-yellow);
}
.nb-alert.nb-alert-light {
    background-color: var(--nb-alert-light-bg);
    color: var(--nb-alert-light-color);
    border-color: var(--nb-alert-light-border-color);
}
.nb-alert.nb-alert-light .nb-icon {
    color: var(--nb-color-gray-200);
}
.nb-alert.nb-alert-dark {
    background-color: var(--nb-alert-dark-bg);
    color: var(--nb-alert-dark-color);
    border-color: var(--nb-alert-dark-border-color);
}