:root {
    --brand-color: #1E5EFF;
    --error-color: #F0142F;
    --warning-color: #F99600;
    --success-color: #06A561;
}

.brand-text {
    color: var(--brand-color) !important;
}

.error-text {
    color: var(--error-color) !important;
}

.warning-text {
    color: var(--warning-color) !important;
}

.success-text {
    color: var(--success-color) !important;
}

.view-content {
    width: 100vw;
    height: 100vh;
    background: #F6F7FB;
    overflow: hidden;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

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

.flex-end {
    display: flex;
    align-items: center;
    justify-content: flex-end;

}

.flex-column {
    display: flex;
    flex-direction: column !important;
}

.flex-row {
    display: flex;
    flex-direction: row !important;
}

.text_right {
    text-align: right;
}

.text_center {
    text-align: center;
}

.text-bold {
    font-weight: 550;
}

.text-hidden {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}