.warnings {
    /* ========================= 
        * Warning alert
        * ======================= */
    /* ========================= 
        * Successful advice
        * ======================= */
}
.warnings p {
    margin: 0;
}
.warnings .warning-alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1.5rem 2rem;
    background: #faf3e5;
    border: 2px solid #f2dbb5;
}
.warnings .warning-alert .icon {
    font-size: 2.8rem;
    line-height: 1;
    min-width: 40px;
    color: #da9c23;
    margin-right: 1rem;
}
.warnings .warning-alert > p {
    font-size: 0.95rem;
    line-height: 1.4;
    width: 100%;
}
.warnings .successful-advice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.warnings .successful-advice > p {
    margin: 0;
    font-size: 11px;
}
.warnings .successful-advice > p strong.success-title {
    display: block;
    padding-bottom: 0.4rem;
    font-size: 0.95rem;
    line-height: 1;
}
.warnings .successful-advice > p strong.success-title .icon {
    position: absolute;
    display: block;
    font-size: 1.15rem;
    line-height: 1.35;
    color: #b3de6d;
}
.warnings .successful-advice > p strong.success-title > span {
    display: block;
    padding-left: 2rem;
}
.warnings .successful-advice > p > span.success-desc {
    display: block;
    padding-left: 2rem;
}

.nostock-warning {
    margin: 3rem 0;
}
.nostock-warning .alert {
    margin: 0;
}
.nostock-warning[data-id=changeImportDelivery] .alert.alert-warning {
    background: #faf3e5;
    border: 1.5px solid #f2dbb5;
    border-radius: 0px;
}
.nostock-warning[data-id=changeImportDelivery] .alert .iconSize {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 2.85rem;
    line-height: 1;
    color: #f7bc5b;
}
.nostock-warning[data-id=changeImportDelivery] .alert .iconSize:before {
    font-size: 100%;
    line-height: 1;
}
.nostock-warning[data-id=changeImportDelivery] .alert p {
    font-size: 0.95rem;
    color: #000;
}
.nostock-warning .iconSize {
    font-size: 2rem;
    line-height: 1;
}
.nostock-warning .iconSize.icon-exclamation:before {
    position: relative;
    top: 1px;
    line-height: 1;
    font-size: 100%;
}
.nostock-warning > p {
    line-height: 1;
}

.alertMultiline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #eeeff1;
    border-radius: 4px;
    padding: 1rem 1rem;
}
.alertMultiline > .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 17px;
    width: 17px;
    max-width: 17px;
    height: 17px;
    margin-right: 11px;
    background: #ddd;
    border-radius: 50%;
}
.alertMultiline > .icon:before {
    color: #fff;
    width: 7px;
    height: 7px;
    font-size: 7px;
    line-height: 7px;
    padding: 0;
    margin: 0;
}
.alertMultiline > p {
    margin: 0;
    font-size: 0.85rem;
}
.alertMultiline > p strong {
    display: block;
    font-size: 0.95rem;
    line-height: 1;
    margin-bottom: 0.25rem;
}
.alertMultiline.warning {
    background: #ffe8e4;
}
.alertMultiline.warning > .icon {
    background: #e82c0c;
}
.alertMultiline.success {
    background: #e3fee7;
}
.alertMultiline.success > .icon {
    background: #4dd761;
}
.alertMultiline.info {
    background: #ddeaff;
}
.alertMultiline.info > .icon {
    background: #5fcdff;
}