/*RiceBall*/


.rb-flex {
    display: flex;
    flex-wrap: wrap;
}

.rb-flex-item {
    flex-grow: 1;
}

/*背景色*/
.rb-background-color-default {
    color: var(--lightColor);
    background-color: var(--defaultColor);
}

.rb-background-color-warn {
    color: var(--lightColor);
    background-color: var(--warnColor);
}

.rb-background-color-run {
    color: var(--lightColor);
    background-color: var(--runColor);
}

.rb-background-color-succ {
    color: var(--lightColor);
    background-color: var(--succColor);
}

.rb-background-color-danger {
    color: var(--lightColor);
    background-color: var(--dangerColor);
}

.rb-background-color-disable {
    color: var(--lightColor);
    background-color: var(--disableColor);
}

/*字体颜色*/
.rb-color {
    color: var(--backgroundColor02);
}

.rb-color-default {
    color: var(--defaultColor);
}

.rb-color-warn {
    color: var(--warnColor);
}

.rb-color-run {
    color: var(--runColor);
}

.rb-color-succ {
    color: var(--succColor);
}

.rb-color-danger {
    color: var(--dangerColor);
}

.rb-color-disable {
    color: var(--disableColor);
}

/*卡片头部*/
.rb-card-header {
    color: var(--darkColor);
    background-color: var(--backgroundColor03);
}

    .rb-card-header::after {
        height: unset;
    }

.rb-card-header-default {
    color: var(--lightColor);
    background-color: var(--defaultColor);
}

.rb-card-header-warn {
    color: var(--lightColor);
    background-color: var(--warnColor);
}

.rb-card-header-run {
    color: var(--lightColor);
    background-color: var(--runColor);
}

.rb-card-header-succ {
    color: var(--lightColor);
    background-color: var(--succColor);
}

.rb-card-header-danger {
    color: var(--lightColor);
    background-color: var(--dangerColor);
}

.rb-card-header-disable {
    color: var(--lightColor);
    background-color: var(--disableColor);
}

/**/
.rb-p-name {
}

.rb-p-value {
    color: var(--darkColor);
    /*font-weight: bold;*/
    padding-right: 5px;
}

.rb-p-assist {
    color: var(--greyColor);
    /*font-weight: bold;*/
    padding-right: 5px;
}

.rb-icon {
    padding-right: 5px;
    color: var(--backgroundColor01);
}

/**/
.rb-btn-input-group {
    background-color: var(--lightColor);
}

.rb-btn-one {
    width: 90%;
    border-radius: 15px;
    color: var(--lightColor);
    border: 1px solid var(--backgroundColor02);
    background-color: var(--backgroundColor02);
}