@media (min-width: 1400px) {
    .container {
        max-width: calc(1400px - 145px);
    }
}

.alert-success {
    background: var(--successBg) url("/static/images/check-circle-fill.svg") no-repeat 21px 18px;
    color: var(--successText);
    font-size: 14px;
    height: auto;
    padding: 18px 18px 18px 55px;
    border-radius: 5px;
    line-height: 20px;
    border: 1px solid var(--successIcon);
    background-size: 20px;
    margin: auto;
}

.alert-error {
    background: var(--errorBg) url("/static/images/alert-circle-fill.svg") no-repeat 21px 18px;
    color: var(--errorText);
    font-size: 14px;
    padding: 18px 18px 18px 55px;
    border-radius: 5px;
    line-height: 20px;
    display: block;
    border: 1px solid var(--errorIcon);
    background-size: 20px;
    margin: auto;
}

.alert-info {
    background: var(--infoBg) url("/static/images/info-circle-fill.svg") no-repeat 21px 18px;
    color: var(--infoText);
    font-size: 14px;
    padding: 18px 18px 18px 55px;
    border-radius: 5px;
    line-height: 20px;
    display: block;
    border: 1px solid var(--infoIcon);
    background-size: 20px;
    margin: auto;
}

.alert-warning {
    background: var(--warningBg) url("/static/images/warning-triangle.svg") no-repeat 21px 18px;
    color: var(--warningText);
    font-size: 14px;
    padding: 18px 18px 18px 55px;
    border-radius: 5px;
    line-height: 20px;
    display: block;
    border: 1px solid var(--warningIcon);
    background-size: 20px;
    margin: auto;
}

.info-message {
    display: block;
    background: url("/static/images/info-circle-fill.svg") no-repeat 16px 16px;
    color: var(--infoText);
    font-size: 14px;
    padding: 15px 15px 15px 51px;
}

.success-message {
    display: block;
    background: url("/static/images/check-circle-fill.svg") no-repeat left center;
    color: var(--successText);
    font-size: 14px;
    padding: 15px 15px 15px 32px;
}

.info-message-secondary {
    display: block;
    background: url("/static/images/info-circle-disabled.svg") no-repeat 16px 16px;
    color: var(--grey55);
    font-size: 14px;
    padding: 7px 15px 15px 46px;
    background-size: 20px;
    line-height: 19px;
}

.alert-with-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.alert-with-button button {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    padding: 0 13px;
}

.alert-link {
    font-size: 14px;
    text-decoration: underline;
}