.RjPair {
    display: flex;
    height: 40px;
    align-items: center;
}

    .RjPair input {
        flex: 1;
        height: 28px;
        padding-left: 8px;
    }

    .RjPair .layui-input-wrap {
        flex: 1;
    }

.RjPair div.label {
    display: flex;
    align-items: center;
    justify-content: right;
    text-align: right;
    padding-right: 5px;
}

    .RjPair span.tail {
        padding-left: 5px;
        flex: 0;
    }

.PairCheck.Color-Normal .layui-form-checked[lay-skin=primary] > i {
    border-color: #d2d2d2 !important;
    background-color: #fff !important;
    color: #5f5f5f !important;
}

.PairCheck.Color-Normal .layui-form-checkbox[lay-skin=primary]:hover > i {
    border-color: darkgray;
    color: #fff;
}

.PairCheck.Color-Green .layui-form-checked[lay-skin=primary] > i {
    border-color: #16baaa !important;
    background-color: #16baaa !important;
    color: #fff !important;
}

.PairCheck.Color-Green .layui-form-checkbox[lay-skin=primary]:hover > i {
    border-color: #16baaa;
    color: #fff;
}

.PairCheck.Color-Blue .layui-form-checked[lay-skin=primary] > i {
    border-color: #1e9fff !important;
    background-color: #1e9fff !important;
    color: #fff !important;
}

.PairCheck.Color-Blue .layui-form-checkbox[lay-skin=primary]:hover > i {
    border-color: #1e9fff;
    color: #fff;
}

.PairCheck.Color-Orange .layui-form-checked[lay-skin=primary] > i {
    border-color: #ffb800 !important;
    background-color: #ffb800 !important;
    color: #fff !important;
}

.PairCheck.Color-Orange .layui-form-checkbox[lay-skin=primary]:hover > i {
    border-color: #ffb800;
    color: #fff;
}

.PairCheck.Color-Red .layui-form-checked[lay-skin=primary] > i {
    border-color: #ff5722 !important;
    background-color: #ff5722 !important;
    color: #fff !important;
}

.PairCheck.Color-Red .layui-form-checkbox[lay-skin=primary]:hover > i {
    border-color: #ff5722;
    color: #fff;
}

.PairCheck.Color-Disable .layui-form-checkbox[lay-skin=primary] > i {
    border-color: #eee !important;
    background-color: #fbfbfb !important;
}

.PairCheck.Color-Disable .layui-form-checked[lay-skin=primary] > i {
    border-color: #eee !important;
    background-color: #fbfbfb !important;
    color: black !important;
}

.PairCheck .layui-form-checkbox {
    padding-left: 0px;
}
.PairCheck div.label {
    padding-left: 5px;
    padding-right: 0px;
}

/* RjCombo */
.layui-form-select dl {
    top: 28px;
}

.PairCombo .layui-select-disabled .layui-disabled {
    background-color: lavenderblush;
    color: black !important;
}
/* PairNumber */
.layui-input-wrap .layui-input {
    padding-right: 30px;
}

/* button */
.layui-btn {
    height: 28px;
    line-height: 26px;
    padding: 0px 10px;
}
.grid-button-row {
    height: 24px;
    line-height: 22px;
    padding: 0px 5px;
}

/* °´Å¥ */
.RjButton {
    display: flex;
    align-items: center;
    height: 40px;
    padding-left: 10px;
}
    .RjButton button {
        padding: 0px 10px;
        height: 30px;
        line-height: 28px;
        border: none;
        color: white;
    }

    .RjButton button.disalble {
        padding: 0px 10px;
        height: 30px;
        line-height: 28px;
        border: none;
        color: white;
    }

    .RjButton button.dropdown {
        padding-right: 7px;
    }

#PanelButton {
    width: calc(100% - 10px);
}
    #PanelButton button {
        display: flex;
        align-items: center;
        padding: 0px 15px;
        height: 32px;
        line-height: 32px;
        border: none;
        color: white;
    }
    #PanelButton i {
        margin-right: 5px;
    }