:root {
    --nrui-primary-color: #2f54eb;
    --nrui-primary-color-hover: #597ef7;
    --nrui-primary-color-active: #1d39c4;
    --nrui-primary-color-outline: rgb(47, 84, 235, 0.3);

    --nrui-primary-1: #f0f5ff;
    --nrui-primary-2: #d6e4ff;
    --nrui-primary-3: #adc6ff;
    --nrui-primary-4: #85a5ff;
    --nrui-primary-5: #597ef7;
    --nrui-primary-6: #2f54eb;
    --nrui-primary-7: #1d39c4;
    --nrui-primary-8: #10239e;
    --nrui-primary-9: #061178;
    --nrui-primary-10: #030852;

    --nrui-success-color: #52c41a;
    --nrui-success-color-hover: #73d13d;
    --nrui-success-color-active: #389e0d;
    --nrui-success-color-outline: rgba(82, 196, 26, 0.3);
    --nrui-error-color: #ff4d4f;
    --nrui-error-color-hover: #ff7875;
    --nrui-error-color-active: #d9363e;
    --nrui-error-color-outline: rgba(255, 77, 79, 0.3);
    --nrui-warning-color: #faad14;
    --nrui-warning-color-hover: #ffc53d;
    --nrui-warning-color-active: #d48806;
    --nrui-warning-color-outline: rgba(250, 173, 20, 0.3);
    --nrui-info-color: #1890ff;

    --nrui-black-title: #262626;
    --nrui-black-primary-text: #262626;
    --nrui-black-secondary-text: #8c8c8c;
    --nrui-black-disable: #bfbfbf;
    --nrui-black-border: #d9d9d9;
    --nrui-black-divider: #f0f0f0;
    --nrui-black-background: #f5f5f5;
    --nrui-black-table-header: #fafafa;

    --nrui-white-title: #d9d9d9;
    --nrui-white-primary-text: #d9d9d9;
    --nrui-white-secondary-text: #737373;
    --nrui-white-disable: #4d4d4d;
    --nrui-white-border: #333333;
    --nrui-white-divider: #1f1f1f;
    --nrui-white-background: #141414;
    --nrui-white-table-header: #0a0a0a;

    --navbar-height: 40px;
    --navbar-menu-item-width: 85px;
    --sidebar-width: 144px;
}
* {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: grayscale;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
textarea,
p,
blockquote,
th,
td,
form,
pre {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
    color: var(--nrui-black-title);
    font-size: 12px;
    font-family: arial, 'PingFang SC', '\5B8B\4F53', sans-serif;
    line-height: 1.5;
    background-color: #fff;
}
a:active,
a:hover {
    outline: 0;
}

img {
    border: none;
    display: inline-block;
    vertical-align: middle;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}
.nrui-unselect {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.nrui-elip {
    text-overflow: ellipsis;
    white-space: nowrap;
}
a:active,
a:hover {
    outline: 0;
}
li {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
h4,
h5,
h6 {
    font-size: 100%;
}
button,
input,
optgroup,
option,
select,
textarea {
    outline: 0;
    font-family: inherit;
}
input,
textarea {
    font-size: 12px;
}
input[disabled],
input[readonly],
textarea[disabled],
textarea[readonly],
select[disabled] {
    background: var(--nrui-black-background) !important;
    background-color: var(--nrui-black-background) !important;
    opacity: 1 !important;
    box-shadow: none !important;
}

/* input[disabled]:hover,
input[readonly]:hover,
textarea[disabled]:hover,
textarea[readonly]:hover,
select[disabled]:hover,
input[readonly]:focus,
textarea[disabled]:focus,
textarea[readonly]:focus,
select[disabled]:focus {
    border-color: #d9d9d9 !important;
    border-right-width: 1px !important;
} */
textarea {
    display: block;
}
pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both;
}
a {
    text-decoration: none;
    color: var(--nrui-black-primary-text);
}
a cite {
    font-style: normal;
}
.nrui-clear {
    clear: both;
}
.nrui-clear:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0;
}
.nrui-show {
    display: block !important;
}
.hidden,
.nrui-hide {
    display: none !important;
}
.noborder {
    border: none !important;
}
.visible {
    visibility:visible !important;
}