.alert {
    font-size: 0.75rem;
    min-height: 38px;
    padding: 12px 12px 15px;
    margin: 14px auto;
    border-radius: 4px;
    border-right: 4px solid;
    opacity: 1;
    transition: opacity 0.6s;
    max-width: 100%;
}

.warning {
    background: rgba(244, 215, 201, .37);
    color: #d93025;
    border-color: #d93025;
}

.info {
    background: rgba(186, 208, 228, .37);
    color: #00539f;
    border-color: #00539f;
}

.success {
    background: #edf7ee;
    color: #4CAF50;
    border-color: #4CAF50;
}

.tip {
    background: #fff5e6;
    color: #ff9800;
    border-color: #ff9800;
}

.alert-close {
    padding-left: 15px;
    font-weight: bold;
    float: left;
    font-size: 20px;
    line-height: 18px;
    cursor: pointer;
    transition: .30s all;
}

.alert-close:hover {
    color: #000;
}

.alert code,
.alert .mark {
    background: #fff;
    opacity: 0.9;
    padding: 3px 5px;
    border-radius: 4px;
    font-size: 89%;
}

.ul-box {
    list-style: disc;
    margin: auto;
    padding: revert;
}

.font--14 {
    font-size: 14px !important;
}