:root {
    /*--themeColor1: rgb(0,118,156);
    --themeColor2: rgb(102,173,196);
    --themeColor3: rgb(0,163,168);
    --themeColor4: rgb(109,G11,113);*/
    --background: rgb(162,212,163);
    --defaultColor: #009688;
    --disableColor: #393d49;
    --warnColor: #FFB800;
    --runColor: #5FB878;
    --succColor: #1E9FFF;
    --dangerColor: #FF5722;
    --color1: rgb(0,118,156);
    --color2: rgb(16,132,165);
    --color3: rgb(76,168,196);
    --color4: rgb(24,170,175);
    --color100: rgb(255,255,255);
    --color101: rgb(109,111,113);
    --color200: #FFB800;
    --color201: #FF5722;
}

.my-icon {
    padding: 0px 5px;
}

/*字体颜色*/
.my-color-default {
    color: var(--defaultColor);
}

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

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

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

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

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

/*背景颜色*/
.my-bgcolor-default {
    background-color: var(--defaultColor);
}

.my-bgcolor-disable {
    background-color: var(--disableColor);
}

.my-bgcolor-warn {
    background-color: var(--warnColor);
}

.my-bgcolor-run {
    background-color: var(--runColor);
}

.my-bgcolor-succ {
    background-color: var(--succColor);
}

.my-bgcolor-danger {
    background-color: var(--dangerColor);
}

/*卡片头部表单*/
.my-card-header-form {
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    line-height: 100%;
}

    .my-card-header-form .layui-form-item, .my-card-header-form .layui-form-item .layui-inline {
        margin-bottom: 0;
    }

/*     .my-card-header-form .layui-form-item:last-child, .my-card-header-form .layui-form-item .layui-inline {
            margin-bottom: 0;
        }*/

.my-col-xs8, my-col-sm8, my-col-md8 {
    float: left;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 12.5%
}

/*new*/
.rb-icon {
    padding: 0px 5px;
}

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

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

.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-bgcolor-default {
    background-color: var(--defaultColor);
}

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

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

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

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

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

/*徽章*/
.rb-bg-default {
    background-color: var(--defaultColor) !important;
}

.rb-bg-disable {
    background-color: var(--disableColor) !important;
}

.rb-bg-warn {
    background-color: var(--warnColor) !important;
}

.rb-bg-run {
    background-color: var(--runColor) !important;
}

.rb-bg-succ {
    background-color: var(--succColor) !important;
}

.rb-bg-danger {
    background-color: var(--dangerColor) !important;
}

/*卡片头部表单*/
.rb-card-header-form {
    padding-top: 5px;
    padding-bottom: 5px;
    height: auto;
    line-height: 100%;
}

    .rb-card-header-form .layui-form-item, .rb-card-header-form .layui-form-item .layui-inline {
        margin-bottom: 0;
    }

.rb-col-xs8, rb-col-sm8, rb-col-md8 {
    float: left;
    position: relative;
    display: block;
    box-sizing: border-box;
    width: 12.5%
}