.error {
    position: fixed;
    right: 20px;
    top: 20px;
    border-radius: 10px;
    overflow: hidden;
}

.error-close {
    padding: 16px 7px;
    display: flex;
    justify-content: right;
}

.error-close i {
    cursor: pointer;
    color: #666666;
    padding: 4px;
}

.error-msg {
    padding: 5px 18px;
}

.error-danger .error-close {
    background-color: #ffc1c1;
}

.error-danger .error-msg {
    background-color: #ffe3e3;
}

.error-danger .error-msg h5 {
    color: #ff8383;
}

.error-warning .error-close {
    background-color: #ffbe7e;
}

.error-warning .error-msg {
    background-color: #ffe7be;
}

.error-warning .error-msg h5 {
    color: #ff7d0a;
}

.error-success .error-close {
    background-color: #92ffa3;
}

.error-success .error-msg {
    background-color: #e3ffe7;
}

.error-success .error-msg h5 {
    color: #3ba148;
}