.warnings { /* =========================  Warning alert ======================= */ /* =========================  Successful advice ======================= */ }

.warnings p { margin: 0; }

.warnings .warning-alert { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; padding: 1rem 0; border-top: 1px solid #ced4da; border-bottom: 1px solid #ced4da; }

.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: 25px; }

.warnings .successful-advice > p > span.success-desc { display: block; padding-left: 25px; }

.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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; 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; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: #eeeff1; border-radius: 4px; padding: 1rem 1rem; }

.alertMultiline > .icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: 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; }