.card {
    max-width: 800px;
    margin: 0 auto;
}

.card-header h1 {
    font-size: 30px !important;
}

.flex {
    display: flex;
}

.items-center {
    align-items: center;
}

.info-area {
    display: block;
}

.status-icon {
    border-radius: 50%;
    height: 7px;
    width: 7px;
    outline-style: solid;
    outline-width: 4px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 8px;
}

.success-true, .success {
    outline-color: #00df0078;
    background: #1fea00;
}

.success-false, .fail {
    outline-color: #df000078;
    background: #ea0000;
}

.warn {
    outline-color: #dfd00078;
    background: #eada00;
}