:root {
    --color1: rgb(0,118,156);
    --color2: rgb(16,132,165);
    --color3: rgb(76,168,196);
    --color4: rgb(24,170,175);
    --color01: #009688;
    --color02: #5FB878;
    --color03: #1E9FFF;
    --color04: #393D49;
    --color05: #FF5722;
    --color06: #FFB800;
    --color07: #5FB878;
    --color08: #31BDEC;
    --color09: #FAFAFA;
    --color10: #F6F6F6;
    --color11: #DDDDDD;
    --color12: #C2C2C2;
    --color13: #000000;
    /*皮肤01*/
    /*--backgroundColor01: #16b777;
    --backgroundColor02: #16baaa;
    --backgroundColor03: #1e9fff;
    --defaultColor: #1e9fff;
    --warnColor: #ffb800;
    --runColor: #31bdec;
    --succColor: #16b777;
    --dangerColor: #ff5722;
    --disableColor: #cccccc;
    --lightColor: #fafafa;
    --greyColor: #d2d2d2;
    --darkColor: #23292e;*/
    /*皮肤02*/
    --backgroundColor01: #DE6B04;
    --backgroundColor02: #F88A27;
    --backgroundColor03: #FFDCA8;
    --defaultColor: #2186F0;
    --warnColor: #ED9B30;
    --runColor: #2AACB2;
    --succColor: #21B27D;
    --dangerColor: #FC6E52;
    --disableColor: #cccccc;
    --lightColor: #fafafa;
    --greyColor: #8f8f94;
    --darkColor: #23292e;
}

/*MUI*/
/*MUI*/
html {
    background-color: var(--lightColor);
}

.mui-content {
    background-color: var(--lightColor);
}

.mui-grid-view.mui-grid-9 {
    background-color: var(--lightColor);
}

/*按钮*/
.mui-btn-primary {
    color: var(--lightColor);
    border: 1px solid var(--defaultColor);
    background-color: var(--defaultColor);
}

.mui-btn-warning {
    color: var(--lightColor);
    border: 1px solid var(--warnColor);
    background-color: var(--warnColor);
}

.mui-btn-success {
    color: var(--lightColor);
    border: 1px solid var(--succColor);
    background-color: var(--succColor);
}

.mui-btn-danger {
    color: var(--lightColor);
    border: 1px solid var(--dangerColor);
    background-color: var(--dangerColor);
}

/*数字角标*/
.mui-badge-primary {
    color: #fff;
    background-color: #007aff;
}

.mui-badge-warning {
    color: var(--lightColor);
    background-color: var(--warnColor);
}

.mui-badge-success {
    color: var(--lightColor);
    background-color: var(--succColor);
}

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

/*卡片*/
.mui-card {
    border-radius: 5px;
    box-shadow: unset;
}

.mui-card-footer:before {
    height: unset;
}

.mui-card-footer {
    display: -webkit-box;
    direction: rtl;
}

    .mui-card-footer .mui-card-link {
        width: 90px;
        display: inline-block;
        text-align: center;
        height: 34px;
        line-height: 34px;
        font-size: 16px;
        color: var(--backgroundColor02);
        border-radius: 20px;
        margin-left: 5px;
        margin-right: 5px;
        padding-left: 5px;
        padding-right: 5px;
        border: 1px solid var(--backgroundColor02);
    }

/**/
.mui-checkbox input[type=checkbox]:checked:before, .mui-radio input[type=radio]:checked:before {
    color: var(--backgroundColor01);
}